/* File : 0 */ /* Started Brand Theme CSS : Stake_Basic - practice.aliens.school */ /* Base CSS */ :root{ --0:rgb(0 0 0 / 0); --a:rgb(26, 44, 56); --aa:rgb(7, 29, 42); --aaa:rgb(33, 55, 67); --aat:rgb(15, 33, 46); --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); --bt:rgb(255 255 255 / 77%); --b-t:rgb(177, 186, 211); --tb:linear-gradient(180deg, rgb(230 230 230), transparent, transparent); --c:#000; --c0:rgb(177 186 211); --c1:#1475e1; --c2:rgb(16, 94, 180); --c3:rgb(8, 47, 90); --gn:rgb(31, 255, 32); --rd:rgb(233, 17, 60); --bc:rgb(18 52 86 / 7%); --b198:rgb(198, 156, 109); --b33:rgb(33, 55, 67); --bg:rgb(244 244 244 / 44%); --sl:rgb(178, 204, 204); --gd:rgb(254, 209, 0); --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-t77:rgb(255 255 255 / 77%); --b-t88:rgb(255 255 255 / 88%); --b-t95:rgb(47, 69, 83); --bor:rgb(63 63 63 / 30%); --btn:0px 11px 38px var(--a), inset 0px 0px 27px -10px var(--b); --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:0px 0px 1px 0px rgb(0 0 0 / 22%); --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:linear-gradient(90deg, #002bdc88, #32ded488); --lg-b1:linear-gradient(128.84deg,#0f6cbd 20.46%,#3c45ab 72.3%); --ts:0px 1px 2px rgba(0,0,0,.12),0px 1px 3px rgba(0,0,0,.2); /*Typography*/ --br:4px; --br1:8px; --br2:50%; --p:12px; --p1:16; --p2:5rem; --p3:8%; --p3:2rem; --m: 22px; --m1: 11px; --f1:14px; --fw:600; --fw1:500; } html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden} d { display: block; } ib { display: inline-block; } html{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } @media (min-width: 999px){ /* SCROLLBAR */ ::-webkit-scrollbar {width:0;height:4px} ::-webkit-scrollbar-track {background: var(--b-t22);} ::-webkit-scrollbar-thumb {background: var(--bc);} ::-webkit-scrollbar-thumb:hover {background: #4444;} /* SCROLLBAR */ } html{position:fixed;height:100%;width:100%;overflow:hidden;color:#eff;font-family:system-ui} body{ margin:0; overflow:hidden; background:var(--b); color: var(--b);} .splash console{opacity:0} /*.account content { margin-top: calc(100vh - 22px); position: relative; }*/ content { position: absolute; left: 259px; right: 0; top: 0; bottom: 0; display: block; transition: 333ms; } .content { max-width: 1650px; position: relative; } html{color:var(--c);font-family: system-ui;} desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } img{max-width: 100%;max-height:100%;} hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; } nav { z-index: 99999999; padding: var(--br1) 3vw; display: block; box-shadow: 0 30px 20px -27px var(--c); position: sticky; top: 0; width: 100%; background: var(--a); } nav bg { display: none; } select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; } select:focus-visible { outline: unset; } label { opacity:0.77} sl, .sl { border-radius: 11px; position: relative; height: auto; overflow: hidden; background: var(--bc); width: auto; display: grid ; margin: 4px; box-sizing: border-box; align-items: center; } sl input, sl select { min-height: 50px; } sl select { padding: 0; margin: 0 16px; width: -webkit-fill-available; } sl label { position: absolute; pointer-events: none; left: 20px; 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: 4px; bottom: 10px; left: 20px; font-size: 0.55em; opacity: 0.77; } sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset;border-radius: 11px; box-sizing: border-box; width: 100%; } sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; } tl, .tl{display: grid ; background: var(--bc);margin: 4px;border-radius: 11px;padding: 7px 14px;min-height: 40px;} tl label{display: grid;grid-template-columns: auto 50px;align-items: center;justify-content: space-between;display: grid;} .after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } .circle { display: block; width: 8px; height: 8px; border-radius: var(--br2); z-index: 1; background: var(--gn); margin-left: var(--br1); margin-top: var(--br); } i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; } svg { opacity: 1; max-width: 100%; max-height: 100%; display: block; fill: var(--c); } img { max-width: 100%; max-height: 100%; } h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; } h7 { font-size: 0.7em; } p { font-size: 0.88em; } .dnone, .dn {display: none;} .dn {display: none !important;} trcs>trc p { margin: 0; } bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 0; } i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; } trcs>trc img { object-fit: contain; height: 77%; width: 77%; } square { width: 100%; display: block; height: auto; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } square::after { content: ''; padding-top: 100%; display: block; } a { color: var(--c); text-decoration: unset; font-weight: bold; } a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; } no img { height: auto; margin: auto; width: 111px; } bl { display: block; } ::-webkit-scrollbar { display: none; } @media (min-width: 999px) { ::-webkit-scrollbar { width: 0; height: 4px; } ::-webkit-scrollbar-thumb { background: var(--bc); } ::-webkit-scrollbar-track { background: var(--b-t22); } } .cgreen { color: #007600; } .cred { color: #CC0C39; } scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; } cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; } scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); } input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: var(--b-t77); color: var(--c); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; } button { outline: 0; border: 0; padding: 11px; } @import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap'); bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; } .oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); } bo { display: block; height: 100%; width: 100%; } .switch { position: relative; display: inline-block; width: 60px; height: 34px;opacity:1 } .switch input { opacity: 0; width: 0; height: 0; width: 100%; height: 100%; margin: 0; z-index: 9999999999999; position: relative;} .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--bc); transition: all 0.4s; border-radius: 34px; } .switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%; } .switch input:checked + .slider { background:var(--aaa); } .switch input:checked + .slider:before { transform: translateX(26px); } .round { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--a); cursor: pointer; position: relative;justify-self: self-end; } .round input { opacity: 0; position: absolute; width: 0; height: 0; } .round input:checked + span { background-color:var(--a); border-radius: 50%; width: 16px; height: 16px; } .Error{border: 1px solid red;} .P, .p{font-size: 0.55em;margin: 0;} .P0, .p0{opacity:0.7} .P1, .p1{margin: 0 11px; margin-bottom: 11px;font-size: 0.55em;} .gcs1{grid-column-start: 1;} .gce3{ grid-column-end: 3;} /*# input #*/ input { width: 40px; height: 25px; appearance: none; border-radius: 20px; position: relative; outline: none; cursor: pointer; transition: background 0.3s ease; background: var(--b-t22); } input::before { content: ""; position: absolute; width: 18px; height: 18px; background: var(--b); border-radius: 50%; top: 4px; left: 3px; transition: transform 0.3s ease; transform: translate3d(3%, 0, 0); transition: transform 0.3s cubic-bezier(0.85, 0.05, 0.18, 1.35); } input:checked::before { transform: translateX(20px); } input:checked { background: var(--gn); } /** input **/ /*# Screen Layout 1 #*/ @media only screen and (max-width: 999px) { .sl1 smenu { display: none; } .sl1 header{ display:none } } @media only screen and (min-width: 999px) { .sl1 {display: grid ; grid-template-columns: 333px calc(100% - 333px); max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; } .sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: calc(100vh - 55px); position: sticky; top: 0; bottom: 0; overflow: auto; } .sl1 header { display: none;} .sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 main { max-width: 777px; margin: 0 auto; } .sl1 sidebar { max-width: 333px;} .sl1 footer { display: grid ; grid-column-start: 2; grid-column-end: 3; } } /** Screen Layout 1 **/ /*# Screen Layout 2 #*/ @media only screen and (max-width: 999px) { .sl2 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl2 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl2 nev { display: grid ; } .sl2 smenu { display: grid ; } .sl2 header { display: grid ; } .sl2 hero { display: grid ; } .sl2 aerea { display: grid ; } .sl2 main { max-width: 777px; margin: 0 auto; } .sl2 sidebar { max-width:333px;} .sl2 footer { display: grid ; } } /** Screen Layout 2 **/ /*# Screen Layout 3 #*/ @media only screen and (max-width: 999px) { .sl3 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl3 nev { display: grid ; } .sl3 smenu { display: grid ; } .sl3 header { display: grid ; } .sl3 hero { display: grid ; } .sl3 aerea { display: grid ; } .sl3 main { width:100%; max-width: 100%; margin: 0 auto; } .sl3 sidebar { max-width:333px;} .sl3 footer { display: grid ; } } /** Screen Layout 3 **/ /*# Screen Layout 4 #*/ @media only screen and (max-width: 999px) { .sl4 smenu { } } @media only screen and (min-width: 999px) { .sl4 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl4 nev { display: grid ; } .sl4 smenu { display: grid ; } .sl4 header { display: grid ; } .sl4 hero { display: grid ; } .sl4 aerea { display: grid ; } .sl4 .aerea { display: grid ;grid-template-columns: 100%; } .sl4 main { width:100%; max-width: 100%; margin: 0 auto; } .sl4 sidebar { max-width:100%;width:100%; } .sl4 footer { display: grid ; } } /** Screen Layout 4 **/ /*# Screen Layout 5 #*/ @media only screen and (max-width: 999px) { } d.aerea { width: 100%; max-width: 1200px; align-self: center; margin: auto; margin-bottom: var(--p2); } d.hero { width: 100%; max-width: 1200px; align-self: center; margin: auto; } @media only screen and (min-width: 999px) { .sl5 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl5 nev { display: grid ; } .sl5 smenu { display: grid ; } .sl5 header { display: grid ; } .sl5 hero { display: grid ; } .sl5 aerea { display: grid ; } .sl5 .aerea { width: 85%; margin: 0 auto; max-width: 1700px; } .sl5 main { margin: 0 auto; } .sl5 sidebar { } .sl5 footer { display: grid ; } } /** Screen Layout 5 **/ V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 } V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);} V::before { transform: rotate( 45deg ); left: 4px; } V::after { transform: rotate( 135deg ); right: 4px; } V.A:before { transform: rotate( -45deg ); } V.A:after { transform: rotate(225deg) } more { height: 44px; display: flex; justify-content: center; align-items: center; width: 66%; margin: auto; border-radius: 50px; background: var(--bc); transition: 99ms; margin-top: 11px;overflow:hidden;position:relative;} more>i { width: 11px; height: 11px; margin-left: 11px; margin-top: 4px; } more.more{ background: var(--b-t); box-shadow: var(--bs-bs); } no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; } no img { width:77%;height:auto;margin:auto;width:111px; } button { outline: 0; border: 0; padding: 11px; } button:hover {box-shadow: unset !important;} bt{text-align: center; writing-mode: vertical-rl; font-size: 100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; margin-left: 11px; transform: rotate(-180deg); margin: 11px;} bl{display:block}bl hd{display:block}bl bd{display:block} bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: 22px; } bl bs count{width: 100%;} hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; } tr{transition:333ms;background-image:unset} tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )} tr.done { color: rgba(0,255,0,1); background: #000; } tr { cursor: default; } tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); } th, td{padding: 11px;overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); } transactions { display: block; margin-top: 22px; } table { width: 100%; } cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; } dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; } square { width: 100%; display: block; height: auto; } square::after { content: ''; padding-top: 100%; display: block; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; } circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; } ex{position: absolute;min-height: 77px;margin:auto;top: 0;left: 0;right: 0; display: none;} .content{display: block; overflow: hidden; overflow-y: auto; height: 100%; width: 100%;} db footer,in footer,out footer,cm footer{ } trcs { display: block; } trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: 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; } .btn{ transition:99ms; } .btn:hover { } .btn:active {transform: scale(0.95); } screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);} screen h{ display: block; position: relative; } screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; } screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } screen h f back svg { height: 44%; width: 44%; } screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);} screen h f>h3{display: flex;align-items: center;} screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; } meetingmsg { font-size: 0.66em; display: block; } mts{padding-top: 22px; display: block;} mts trc hd {height: 66px; width: 66px;background:transparent} mts trcs>trc{grid-template-columns:66px auto 88px;width: auto; margin: 7px 11px;} mts .oo oo { box-shadow: 4px 0px 11px ; margin-left: 30px ; } mts .oo bo { box-shadow: inset 60px 0px 0px; } scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; } cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; } scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); } bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; } .oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); } bo { display: block; height: 100%; width: 100%; } oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; } .oo oo { box-shadow: unset; } bb.oo{ background: blue;} ib { display: inline-block; } .splash console{opacity:0} .after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } .cgreen { color: #007600; } .cred { color: #CC0C39; } .bred { background: #CC0C39; } /*profile*/ @media only screen and (min-width: 999px) { spfo d.main {margin: 0 11px;} } spfo d.main { padding-bottom: 22px;} spfo main { margin: 0 !important; } /* soon */ cson bl{background: var(--bt);margin: 22px;border-radius: 22px;} cson hd{display: grid; justify-content: center; align-items: center;} cson bd{ text-align: center;} cson bd h1{ color: var(--c);} cson bd h4{ margin: unset;} cson bd p{ margin: unset;} cson ft{ padding: 18px; padding-top: 0px;padding-bottom: 43px;} cson ft h4{ display: block; font-weight: 100;} cson ft bttn{ margin: 12px auto 0px auto; padding: 8px 0px; display: flex; width: 52%; border-radius: 11px; justify-content: center; align-items: center; background: var(--lg-b); color: var(--c); box-shadow: 1px 1px 12px #846af9; } flex.greed.chart.piechart { background: unset !important; } .piechart { grid-template-columns: 50% 50% !important; } piec { margin: auto; max-width: 161px; margin-top: 22px; display:inline-grid; } flex.greed.chart.piechart bd bttn { margin: 0px auto 0px auto; padding: 8px 0px; display: flex; width: 41%; border-radius: 11px; justify-content: center; align-items: center; background: rgb(255 242 171); color: var(--b); } cppc { display: block; background: var(--b); border-radius: 11px; padding: 11px; margin: 7px 0; box-shadow: var(--bs-b); } cppc cwac { display: none; } crocs i {height: 24px; margin: auto;} crocs {display: grid ; background: rgb(5 19 33 / 12%); border-radius: 44px; height: 36px; width: 36px; transition: 99ms;} crocs:active { transform: scale(0.95); } crocs:hover { background: rgb(5 19 33 / 22%); } /* soon */ /* feature */ @media only screen and (min-width: 999px) { saps feature { display: block; margin: 0px 22px; } } /* .phonev */ @media (min-width: 620px) { .phonev { display: none; } } /* Layout : Menu */ /*startmenu { position: absolute; top: 65px; left: 11px; z-index: 999; padding: 11px; display: none; background: var(--bg); border-radius: 11px; right: 11px; overflow: hidden; bottom: 11px; }*/ startmenu { position: absolute; top: 0; z-index: 999; height: 100%; background: var(--aat); min-width: 260px; max-width: 260px;} @media (max-width: 768px){ startmenu { display: none; } content { left: 0; } } .menu startmenu { display: block; } /* Template : popup */ popups { position: absolute; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; opacity: 0; visibility: hidden; z-index: 999999; } .popup popups { opacity: 1; visibility: visible; position: fixed; } popups>bg { background: var(--bor); } popups>rvm { position: absolute; inset: 0; z-index: 9; height: auto; } popups>popup { position: relative; z-index: 999; } /* Flyouts */ Flyouts { position: absolute; inset: 0; display: none; justify-items: center; place-content: center; transition: 333ms; opacity: 0; visibility: hidden; z-index: 999999999999; } .Flyout Flyouts { display: block; opacity: 1; visibility: visible; position: fixed; } Flyouts>bg { backdrop-filter: blur(4px); } Flyouts>rvm { position: absolute; inset: 0; z-index: 0; } flyout { position: absolute; inset: 0; z-index: 0; transition: 333ms; transform: scale(0.97); visibility: hidden; opacity: 1; display: flex ; align-items: center; justify-content: center; } .Flyout { opacity: 1; visibility: visible; transform: scale(1); } .bg_bc { background: var(--bc); color: var(--c); } body{ background :var(--bgc); } /* Ended Brand Theme CSS : Stake_Basic - practice.aliens.school */ /* Started App Theme CSS : App:Gambling - Branch:practice.aliens.school */ /*# CSS applied by GaganNayak #*/ /*# layout : Content #*/ @media(min-width : 999px){ content { top: 60px; } } /*# Screen Layout #*/ @media only screen and (min-width: 999px) { .aerea { display: flex; flex-direction: row-reverse; margin: 0 22px; justify-content: center; } main { width: 70%; overflow: hidden; } } /*# Layout Screen Popup #*/ popups>bg { backdrop-filter: brightness(0.5); } popups { position: absolute; inset: 0; z-index: 999; transition: 95ms; opacity: 0; visibility: hidden; } popups d>rvm { position: absolute; inset: 0; z-index: 5; } .popup popups { opacity: 1; visibility: visible; } .popup screen:last-child { overflow: hidden; } casn bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } casn hd { font-size: var(--f1); color: var(--b-t); display: block; border-bottom: 1px solid; border-color: var(--b-t22); } casn hd h2 { color: var(--b); } casn hd p {line-height: var(--m);font-size: var(--p);} casn bd svg { height: 60px; width: 60px; } casn bd i { height: 60px; width: 60px; } casn bd { display: grid; align-items: center; justify-content: center; padding: var(--m); } casn bd t {color: var(--b-t);position: relative;right: 30%;}bceo { display: block; border: var(--bs); } bceo hd { display: block; width: 100%; height: 48px; padding: var(--p); } bceo hd h2 { font-size: 17px; } bceo hd span { font-size: 15px; font-weight: bolder; color: var(--b-t); } bceo bd { display: block; background: var(--aat); padding: var(--p); border-radius: var(--br); } bceo bd i { width: 100%; height: 100%; border-radius: var(--br1); } bceo bd i img { border-radius: var(--br); } @media(max-width:999px){ bceo {max-width: 376px; } bceo bd { position: relative; top: 20px; display: flex ; } } /*component:AffiliateAdvantage*/ caae bd div { display: flex ; background: var(--b33); margin: var(--br); border-radius: var(--br1); padding: var(--br1); max-width: 565px; min-width: 556px; min-height: 45px; max-height: 125px; } caae bd { display: grid ; grid-template-columns: auto auto; gap: var(--br1); } caae bd i { width: 40px; height: 40px; } caae bd dv { margin-left: var(--f1); } cape hd { display: flex; } cape hd i { display: flex; height: 30px; width: 25px; } cape hd i path { fill: var(--b-t); } cape hd h2 { font-size: 21px; display: flex; position: relative; left: 7px; } cape bd { display: flex; height: 57px; background: var(--b33); border-radius: var(--br); width: 204px;} cape bd a { display: flex; height: 44px; width: 4px; margin-top: 5px; background: var(--c1); } cape bd span { display: flex; height: 41px; width: 98%; margin-top: 7px; background: var(--aa); font-size: 19px; font-weight: 600; align-items: center; } @media(max-width: 768px){ cape { display: flex; height: 125px; } }cpuo>bl { margin: 11px; } cpuo hd h2 { font-size: 17px; } cpuo hd span { display: block; color: var(--b-t); } cpuo hd p { width: 30%; font-size: 18px; font-weight: 600; } cpuo bd { display: flex; background: var(--b33); padding: var(--p); border-radius: var(--br); margin-top: var(--f1); justify-content: space-between; } cpuo bd dv { display: grid ; gap: var(--f1); } cpuo bd span { color: var(--b-t); } cpuo ft { display: block; border: dashed; height: 70px; color: var(--b-t); border-radius: var(--br1); } cpuo ft t { display: block; position: relative; left: 8px; } cpuo ft t a { color: var(--b-t); } /*component:AffiliatePromo*/ ccug btns { display: flex ; gap: var(--br1); align-items: center; } ccug bl { display: flex; background: var(--b33); margin: var(--br1); padding: 0 20px; border-radius: var(--br1); justify-content: space-between; } ccug bd { display: flex ; align-items: center; } ccug ft { display: none; } ccug btns btn { display: flex ; align-items: center; justify-content: center; background: var(--b-t95); padding: var(--f1); border-radius: var(--br); } ccug btns btn:nth-child(2) { background: var(--c1); } ccug btn:hover { background: var(--b-t22);} ccug btns btn:nth-child(2):hover { background: var(--at); } ccug hd p { font-size: 15px; color: var(--b-t77); font-weight: 600; line-height: 25px; }brao>bl { padding: 11px; } brao hd { display: block; background: var(--b33); padding: var(--p); border-radius: var(--br1) var(--br1) 0 0; color: var(--b); font-family: sans-serif; } brao hd t { display: block; font-size: 18px; font-weight: bold; margin-bottom: 8px; } brao hd span { font-size: 14px; } brao bd { background: var(--b33); height: 29px; } brao bd i img { max-height: 161px; border-radius: var(--br1); position: relative; left: 252px; } brao ft { display: flex; gap: 30px; background: var(--b33); padding: 20px; border-radius: 0 0 10px 10px; font-family: sans-serif; color: var(--b); } brao ft a {color: var(--b); } brao ft a t { display: block; font-size: 16px; font-weight: bold; } brao ft a span { font-size: 12px; } @media(max-width:999px){ brao bd { height: 221px; } brao bd i { display: flex; position: relative; top: 46px; right: 56%; } }bceo { display: block; border: var(--bs); margin: 11px; } bcro hd { display: block; width: 100%; height: 48px; padding: var(--p); } bcro hd h2 { font-size: 17px; } bcro hd span { font-size: 15px; font-weight: bolder; color: var(--b-t); } bcro bd { display: flex ; background: var(--b33); margin: var(--br); border-radius: var(--br1); padding: var(--br1); gap: var(--br1);} bcro bd svg { fill: var(--b-t); } bcro bd h3 { display: flex ; align-items: center; gap: var(--br1);} bcro bd i { width: 20px; height: 20px; } bcro bd dv { display: block; padding: var(--br1); background: var(--aat); border-radius: var(--br);min-height: 50px; } bcro bd line { background: var(--b-t22); width: 4px; } bcro bd div { padding: var(--br1); }cato bd p { font-size: 16px; font-weight: 500; color: var(--c0);} cato { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } cato bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } cato t { color: var(--c0); margin-top: 12px; display: block; height: 35px; } cato span { color: var(--c0); margin-top: 11px; display: block; height: 21px; font-weight: 600; } cato ul li { color:var(--c0);} casg input.svelte-cukl1t { display: flex; background: none; color: var(--b); width: 100%; } casg hd { display: block; align-items: center; border-radius: var(--br1); padding: var(--br1); } casg hd i { width: 20px; height: 20px; } casg hd div { display: flex; align-items: center; background: var(--aa); border-radius: var(--br1); padding: 1%; border: solid 2px var(--b-t22)} casg hd div.slider { color: var(--b); border-radius: var(--p2); margin-top: var(--p); gap: var(--m); border: none; padding: var(--br1); } casg hd div btn { border-radius: var(--m); padding: var(--br1); gap: 12px; display: flex; } casg hd svg { fill: var(--b); } casg.Sports btn.Sports { background: var(--b-t22); } casg.Stake btn.Stake { background: var(--b-t22); } casg.Casino btn.Casino { background: var(--b-t22); } casg.Shows btn.Shows { background: var(--b-t22); } casg.Exclusives btn.Exclusives { background: var(--b-t22); } casg.Releases btn.Releases { background: var(--b-t22); } casg.Games btn.Games { background: var(--b-t22); } casg hd span { display: flex; background: var(--b-t22); padding: var(--f1); border-radius: var(--p2); } casg bd h2 { display: flex; align-items: center; gap: var(--br); } casg bd h2 i { width: fit-content; } casg bd div img { width: 12%; border-radius: var(--br1); transition: transform 0.3s ease-in-out;} casg bd div img:hover { transform: translateY(-8px); } casg hd a { color: var(--b); } @media(max-width:999px){ casg bd div btn { min-width: 31%; } casg bd div img { width: 100%; } casg bd div btns { display: flex; overflow: scroll; gap: var(--br1); } casg hd div.slider { overflow: scroll; } casg hd div btn { min-width:fit-content; } } sstgs.API cass { display: grid; } cass>bl>bd { background: var(--aa); border-radius: var(--br1); padding: var(--p); } cass>bl>hd { display: flex; align-items: center; justify-content: flex-end; } cass hd svg { height: 23px; fill: var(--b-t); } cass hd i { height: 17px; width: fit-content; } catn hd { font-size: var(--f1); color: var(--b-t); display: block; border-bottom: 1px solid; border-color: var(--b-t22); } catn bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } catn hd h2 { color: var(--b); } catn bd { display: block; border-bottom: 1px solid; padding-bottom: var(--m); border-color: var(--b-t22); padding-top: var(--br1); } catn bd span { background: var(--b-t22); width: fit-content; display: flex; border-radius: var(--br); gap: var(--br1); padding: var(--br1); align-items: center; justify-content: center; } catn bd span i { height: 18px; width: 18px; } catn bd span svg { height: 20px; filter: invert(1); width: 20px; } catn ft btn { background: var(--gn); border-radius: var(--br); display: flex; width: 9%; color: var(--c); justify-content: center; padding: var(--br1); align-items: center; } catn ft { display: flex; align-items: center; justify-content: space-between; padding: 12px; } /*component=BetGame*/ clto { padding:0 5px; display: block; transition: transform 0.3s ease-in-out;} clto>bl>hd { position: relative; transition: transform 0.3s ease-in-out;} clto hd i { display: flex; height: 100%; width: 100%; border: none; } clto hd img {border-radius: var(--br);} clto bd { display: flex ; align-items: center; gap: 9px; color: var(--b); margin-top: 5px; } clto bd btn { display: block; height: 5px; width: 5px; background: var(--gn); border-radius: 20px; } clto bd p { margin: 0; color: var(--b-t); font-weight: 400; } clto hd:hover {transform: translateY(-8px);} clto hd btn { position: absolute; justify-content: center; padding: var(--br1); background: var(--a);display: flex ; font-weight: 700; line-height: 120%; color: var(--b); border-radius: 0 var(--br) var(--br) 0; top: 1rem; } @media (max-width: 600px) { clto{padding: 0 4px;} clto hd i { min-width: 131px; max-width: 109px; max-height: 180px; }clto hd btn { display: none; } } /*component:BetHistories*/ cgbt table { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--b); } cgbt thead tr { height: 40px; } cgbt th { text-align: left; padding: 8px 12px; box-shadow: unset; } cgbt tr:hover { background: var(--b22); } cgbt td { padding: var(--br1); } cgbt td b { display: flex; align-items: center; gap: var(--br1); font-weight: 500; } cgbt td i { border-radius: var(--p2); gap: var(--p); } cgbt hd btn { border-radius: 30px; display: flex; padding: var(--f1); justify-content: center;align-items: center ;} cgbt.Bets btn.Bets { background: var(--b-t22); } cgbt.Sports btn.Sports { background: var(--b-t22); } cgbt.Race btn.Race { background: var(--b-t22); } cgbt hd btn:hover { background: var(--b-t22); } cgbt td svg { fill: var(--b-t77); } cgbt hd div { display: grid ; grid-auto-flow: column; background: var(--aa); color: var(--b); width:fit-content; margin-top: var(--br1); margin-bottom: var(--br1); border-radius: 30px; padding: var(--br); gap: var(--br); } @media only screen and (max-width: 666px) { cgbt th { text-align: left; padding: 8px 12px; box-shadow: unset; min-width: 211px; } cgbt bl bd { display: block; overflow: scroll; } cgbt hd btn {display: flex; padding: var(--f1); justify-content: center; align-items: center; white-space: nowrap; } cgbt bl hd { display: block; overflow: scroll; } cgbt thead th:nth-child(2){ display: none; } cgbt hd div { width:unset;} cgbt tr td { overflow-wrap: unset; } } /*component:BetHistory*/ cgbt tr:hover { background: none; } cgbt tr { width: -webkit-fill-available; background: none;} cgbt td b { display: flex; gap: 6px; font-weight: 500; padding: 6px var(--br1); } cgbt td i { width: 15px; height: 15px; } cgbt td svg { fill: var(--b-t77); } cgbt th { box-shadow: unset; text-align: left; height: 30px; } cgbt tr td { height: 30px; box-shadow: unset; } cgbt table { display: table; font-size: var(--f1); width: 100%; border-collapse: separate; border-spacing: 0; } cgbt tbody tr:nth-child(odd) td {background: var(--b-t95);} cgbt tbody tr:nth-child(odd) td:first-child {border-top-left-radius: var(--br);border-bottom-left-radius: var(--br);overflow: hidden;} cgbt tbody tr:nth-child(odd) td:last-child {border-top-right-radius: var(--br);border-bottom-right-radius: var(--br);overflow: hidden;} cgbt { padding: var(--p); display: block; } /*component:BetInspiration*/ clcu { background-image: url(/-/Gambling/asset/Casino.png); background-size: cover; display: flex ; justify-content: center;padding: 13px 1px;} clcu>bl { margin: 34px auto 34px; max-width: 1187px; width: 100%; position: relative; z-index: 100; display: flex; gap: 15px; } clcu bd flex { display: flex ; gap: 20px;margin-left: 18%;} clcu>bl hd btn:hover {background: var(--bg);} clcu>bl>bd { display: flex; gap: 20px; } @media (max-width: 900px) { clcu bd flex { display: flex ; margin-left: unset; padding: var(--m1); } clcu>bl { display: block; justify-items: center; } } ctgu { display: block; background: var(--a); } ctgu>bl>hd { display: flex ; gap: 20px; border: solid 2px var(--b-t22); padding: 0 10px; color: var(--b); border-radius: var(--br);} ctgu hd dv { display: block; align-items: center; border-right: solid 2px var(--b-t22); padding: var(--br1) var(--f1); } ctgu hd dv i { width: 18px; height: 18px; margin-left: 10px; } ctgu hd div { display: flex ; justify-content: center; align-items: center; } ctgu hd input { background: none; color: var(--b);} ctgu flex { display: flex ; padding: 8px 0; overflow: scroll; } ctgu hd dv svg { fill: var(--b-t); } ctgu hd div i { width: 20px; height: 20px; } ctgu hd div svg { fill: var(--b-t22); } ctgu bd div {display:flex;align-items: center;margin-top: var(--m);margin-bottom: var(--br1);gap: var(--p);justify-content: space-between; } ctgu bd div i { width: 20px; height: 20px; } ctgu bd div svg { fill: var(--b-t); } ctgu bd h2 { color: var(--b); font-size: 20px; display: flex ; align-items: center; gap: var(--br1); } ctgu hd d { display: flex ; align-items: center; height: 100%; } ctgu hd ul { position: relative; margin: 0; background: var(--b); color: var(--c); border-radius: var(--br1); margin-top: var(--p3); margin-bottom: var(--p3); padding: 0; } ctgu hd li { list-style: none; display: flex ; justify-content: center; padding: 10px; } ctgu hd ul:before { content: " "; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--b); top: -8px; left: 50%; margin-left: -10px; position: absolute; transform: rotate(-182deg); } ctgu.Slot hd ul { position: absolute; margin: 0; background: var(--b); color: var(--c); border-radius: var(--br1); margin-top: var(--p); padding: 0; z-index: 1111; display: block; } ctgu hd ul {display: none;} ctgu bd btns { display: flex ; box-shadow: 0px 0px 2px 0px; border-radius: 20px 20px 20px 20px; align-items: center; } ctgu bd btns btn { display: flex ; justify-content: center; align-items: center; width: 3.5em; height: 2.3rem; } ctgu bd btns btn:nth-child(1) { border-right: solid 1px var(--b-t22); } @media (max-width: 900px) { ctgu bd h2 {padding: var(--p);font-size: 15px;} ctgu { padding: var(--m1); padding-top: var(--p3); } } /*component:BetProgress*/ cvps { display: block; border-radius: var(--br1); padding: var(--br1); min-width: 380px; max-width: 380px; background: linear-gradient(357deg, var(--aat), var(--b33)); } cvps bl {border-radius: var(--br1);padding: var(--m);border: 2px solid var(--b-t22);background-color: var(--aa); } cvps hd { margin-bottom: 50px; display: flex ; align-items: center; justify-content: space-between; } cvps hd i { width: 20px; height: 20px; } cvps bd { display: block; font-size: 14px; line-height: 1.5; } cvps bd > div:nth-child(1) { margin-bottom: var(--br1); display: flex ; justify-content: space-between; font-weight: 500; font-size: 15px; } cvps bd > div:nth-child(2) { position: relative;height: 8px; background-color: var(--b-t22); border-radius: 4px; overflow: hidden; margin-bottom: 8px; } cvps bar { display: block; height: 100%; width: 0%; background-color: var(--b33); border-radius: 4px; transition: width 0.4s ease; } cvps progress { display: none; } cvps bd > div:nth-child(3) { display: flex ; justify-content: space-between; font-size: 13px; color: var(--b-t); } cvps left i, cvps right i { width: 15px; height: 15px; } cvps left, cvps right { display: flex ; align-items: center; font-weight: 500; font-size: 15px; gap: 4px; } cvps ft { display: block; margin-top: 10px; } cvps bd span { display: flex ; align-items: center;transition: 1111ms;} cvps bd span svg { width: 22px; height: 32px; fill: var(--b-t);} cvps hd h2 { font-size: 20px; } cvps bd span:hover:nth-child(1) {margin-left: 5%;transform: scale(1.1); } cvps bd span:nth-child(1) i { width: 18px; height: 18px; margin-left: 6px; } @media (max-width: 900px) { cvps {min-width: 327px;max-width: 327px;} } opnm {display: none; } opnm hd h2 { color: var(--b); font-size: 21px; display: flex ; align-items: center; gap: var(--br1); } opnm hd i { width: 18px; height: 18px; } opnm bd flex { display: flex; overflow: scroll;gap: var(--p); } opnm hd svg { fill: var(--b-t); } opnm hd btns { display: flex ; box-shadow: 0px 0px 2px 0px; border-radius: 20px 20px 20px 20px; align-items: center;} opnm>bl>hd { display: flex ; justify-content: space-between; margin-bottom: 20px; } opnm hd btns btn:nth-child(1) { border-right: solid 1px var(--b-t22); } opnm>bl>hd btn { display: flex ; justify-content: center; align-items: center; width: 3.5em; height: 2.3rem; } @media (max-width: 900px) { opnm {display: block;} opnm bl { padding: 0 var(--m1); } } /*component:BetSuggetion*/ clca {display: block; border-top: solid 2px var(--c1); border-left: solid 2px var(--c1); border-right: solid 2px var(--c1); color: var(--b); border-radius: var(--br1); background: var(--a); transition: transform 0.3s ease-in-out; min-width: 320px; max-width: 320px; } clca hd img { display: block; position: relative; border-radius: var(--br1) var(--br1) 0 0; } clca bd { display: flex ; justify-content: space-between; padding: 10px 10px; font-size: 12px; background: var(--b33); border-radius: 0px 0px 10px 10px; } clca bd b { display: flex ; align-items: center; gap: 5px; font-size: 14px; } clca bd svg { width: 20px; height: 25px; fill: var(--b); } clca dot { display: flex ; align-items: center; gap: 5px;font-size: 14px;} clca btn { display: block; height: 5px; width: 5px; background: var(--gn); border-radius: 20px; } clca:hover {transform: translateY(-12px);} @media (max-width: 900px) { clca {min-width: 74px;max-width: 153px;} } /*component:Bet_PopularGames*/ cpss hd div { background: var(--aa); border: solid 2px var(--b-t22); border-radius: var(--br); display: flex ; align-items: center; padding: var(--br) var(--br1); margin-top: var(--br1); } cpss>bl>hd i { width: 20px; gap: 20px;} cpss hd svg { fill: var(--b33); } cpss hd input { background: none; color: var(--b); } cpss bd flex { display: grid ; grid-template-columns: auto auto auto auto auto auto auto; gap: var(--m) var(--br); } cpss bd div { display: flex ; justify-content: space-between; padding: var(--br1); margin-top: var(--f1); margin-bottom: var(--br1); } cpss bd btns btn:nth-child(2) { padding: var(--br1) var(--f1); border-radius: var(--br); background: var(--aa); gap: var(--br1);} cpss bd btns { display: flex ; gap: var(--br1); align-items: center; } cpss bd btns btn:nth-child(2) i { width: 15px; height: 15px; margin: 0;} cpss bd btns svg { fill: var(--b-t); } cpss bd btns btn { display: flex ; align-items: center; } cpss bd btn i { width: 16px; height: 16px; margin-right: var(--br1); } cpss>bl>ft { display: grid ; align-self: center; justify-self: center; grid-auto-flow: row; gap: var(--br); margin-top: var(--m); max-width: 200px; min-width: 200px; } cpss ft line { position: relative; height: 2px; width: 100%; background: var(--b-t22); overflow: hidden; border-radius: var(--br1); } cpss ft bar { width: 3.210428%; display: block; background: var(--c1); position: absolute; height: 100%; left: 0; top: 0; } cpss ft span { margin-top: var(--br1); color: var(--b-t); font-size: var(--f1); display: flex ; justify-content: center; } cpss ft btn { background: var(--b-t95); padding: var(--p); align-items: center; justify-content: center; display: flex ; border-radius: var(--br); margin-top: var(--br1); } cpss ft btn:hover { background: var(--b-t22);} cpss hd div:hover {border: solid 1px var(--b-t);} cpss bd btns btn:nth-child(2):hover {background: var(--aat);} @media only screen and (max-width: 666px) { cpss bd flex { display: grid ; grid-template-columns: auto auto auto;} cpss bd btns btn:nth-child(1) { display: none; } ; grid-template-columns: auto auto auto; cpss bd btns btn:nth-child(1) { display: none; } }ctsa { display: block; margin-top: 20px; } ctsa hd h2{ display: flex; align-items: center; gap: var(--br1);font-size: 20px; } ctsa h2 i { height: 20px; width: 30px; } /*ctsa hd svg { filter: invert(1); }*/ ctsa bd flex { display: flex ; margin-top: var(--p); overflow: scroll; padding: var(--br1) 0; } ctsa>bl>hd { display: flex ; justify-content: space-between; padding: 0 var(--m); } ctsa hd btns btn:nth-child(1) { border-right: solid 1px var(--b-t22); } ctsa hd btns { display: flex ; box-shadow: 0px 0px 2px 0px; border-radius: 20px 20px 20px 20px; align-items: center; } ctsa hd btns btn { display: flex ; justify-content: center; align-items: center; width: 3.5em; height: 2.3rem; } ctsa hd svg { fill: var(--b); } @media (max-width: 900px) { ctsa hd h2 {gap: 0;} ctsa>bl>hd {padding: var(--p);} } crre bl { display: block; background: var(--b33); max-width: 583px; min-width: 583px; border-radius: var(--br1); align-items: center; } crre bd { display: flex ; align-items: center; justify-content: space-between; border-bottom: solid 2px var(--b-t22); } crre bd dv { display: block; line-height: 10px; } crre bd d { display: flex ; justify-content: center; align-items: center; margin-top: var(--m); } crre bd d btn { background: var(--b-t95); padding: 12px 18px; border-radius: var(--br); } crre bd d svg { filter: invert(1); width: 20px; } crre bd div { display: block; padding: var(--br1); } crre ft { display: flex; padding: var(--br1);} crre ft h3 { display: flex; justify-content: center; align-items: center; } crre ft h3 i { width: 40px; } crre ft svg { fill: var(--b); } @media (max-width: 900px) { crre bl { max-width:331px; min-width: 331px; } }crrs { display: block; } crre bl { display: block; background: var(--b33); border-radius: var(--br1); align-items: center; min-width: 572px; } crrs hd { display: block; align-items: center; } crrs hd h2 { display: flex ; gap: var(--p); font-size: 20px; margin-top: var(--m); } crrs hd i { width: 25px; } crrs hd svg { filter: invert(1); } crrs flex { display: flex; gap: 9px; margin-top: var(--p); } @media (max-width: 620px){ crrs flex { margin-top: var(--p); margin-bottom: var(--p); } crrs { padding: var(--m1);} } /*component-Bet_Slip*/ cbsp { display: grid; background: var(--aa); border-radius: var(--br1); padding: var(--p); width: 100%; max-width: 333px; margin-top: 13px; } cbsp hd { display: flex; align-items: center; justify-content: space-between; } cbsp hd div { display: flex; align-items: center; } cbsp hd div i { height: 18px; width: 45px; } cbsp hd div svg { height: 15px; width: 37px;fill: var(--b-t);} cbsp hd h2 { font-size: var(--f); } cbsp hd i {height: 24px;width: 27px;} cbsp hd svg {fill: var(--b-t);width: 15px;height: 15px;} cbsp.Games btn.Games { background: var(--b-t22); } cbsp hd dv { display: flex; gap: var(--br); } cbsp.Multi btn.Multi { background: var(--b-t22); } cbsp bd dv { display: flex; border-bottom: 2px solid; padding: var(--p); border-color: var(--b-t); } cbsp bd a { color: var(--b); font-weight: bold; display: flex; align-items: center; background: var(--aat); padding: var(--br1); border-radius: var(--p2); justify-content: space-around; width: 71%; } cbsp bd i {height: 24px;width: 27px;} cbsp bd svg {fill: var(--b-t);width: 15px;height: 15px;} cbsp bd btn:nth-child(1) { display: flex; gap: 5px; padding: var(--p); align-items: center; justify-content: center; border-radius: var(--p2);} cbsp bd { display: block; padding: var(--br1); } cbsp bd btn:nth-child(2) { display: flex; gap: 5px; padding: var(--p); align-items: center; justify-content: center; border-radius: var(--p2);} cbsp bd btn.jtc { display: flex; align-items: center; justify-content: center; } cbsp bd p { display: flex; color: var(--b-t); font-weight: var(--fw); } cbsp bd dv { display: flex; border-bottom: 2px solid; padding: var(--p); border-color: var(--b-t); justify-content: center; } cbsp bd flex svg { height: 31%; width: 25%; } cbsp bd flex i { height: 32%; width: 93%; } cbsp ft btn { display: flex; align-items: center; justify-content: center; background: var(--c1); padding: var(--br1); opacity: 52%; border-radius: var(--br); } cbsp bd flex { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: var(--m); min-height: 402px; } cbsp bd b { color: var(--b-t); padding-top: var(--p3); font-weight: var(--f); } cbsp bd span { margin: 2px; font-weight: var(--fw); } cbsp ft { display: flex; flex-direction: column-reverse; } cbsp ft svg { height: 19px; width: 22px; margin: 0; } cbsp ft i { height: 15px; width: 18px; } cbsp ft dv { display: flex; align-items: center; justify-content: space-between; } cbsp ft b { color: var(--b-t); padding: var(--p);font-weight: var(--fw);opacity: 41%;} cbsp ft t { display: flex; align-items: center; gap: var(--br); } cbsp ft span {color: var(--c2);font-weight: var(--fw);} cbsp bd btn:hover {background: var(--a);} @media(max-width:999px){ cbsp { display: grid; background: var(--aa); border-radius: var(--br1); padding: var(--p); margin: var(--m); width: unset; } } /*component:Bets*/ bdto { display: block; height: 288px; border-radius: var(--br1); background: var(--aa); } bdto bd { display: flex; height: 231px; position: relative; top: 24px; padding: var(--p1); background: var(--a); width: 1185px; left: 9px; border-radius: var(--br1); } bdto bd a { display: flex; height: 22px; margin-left: 166px; color: var(--b-t); position: relative; top: 17px;} bdto bd i { display: block; position: absolute; top: 62px; } @media (max-width: 900px) { bdto bd { display: flex; height: 231px; position: relative; top: 25px; padding: var(--p1); background: var(--a); max-width: 450px; right: 24px; } bdto bd a { display: flex; height: 22px; margin-left: 68px; color: var(--b-t); position: relative; top: 17px; } } /*component:Biathlon*/ cboo hd btns { display: flex; align-items: center; gap: var(--f1); } cboo hd btn { padding: var(--f1) var(--m); background: var(--aat); border-radius: var(--br1); } cboo hd btn i { height: 20px; width: 20px; } cboo hd btn svg { fill: var(--b); } cboo bd btns { display: grid; grid-auto-flow: column; color: var(--b); width: fit-content; margin-top: var(--m); margin-bottom: var(--br1); background: var(--aa); border-radius: 30px; padding: var(--br); gap: var(--br); } cboo bd btn { display: flex; justify-content: center; align-items: center; border-radius: 30px; padding: var(--f1); } cboo bd btn:nth-child(2) { background: var(--a); } cboo bd btn:hover { background: var(--a); } /*component:Biathlon_FeaturedOutright*/ crno hd { display: flex ; align-items: center; justify-content: space-between; padding: var(--f1); background: var(--aa); border-radius: var(--br); } crno hd i { width: 15px; height: 15px; } crno hd h2 { display: flex ; align-items: center; font-size: var(--f1); gap: var(--br1); } crno hd svg { fill: var(--b); } crno bd i { width: 15px; height: 15px; } crno bd i { width: 19px; height: 21px; align-items: center; margin-left: 840px; justify-content: center; } crno bd svg { fill: var(--b); } crno bl bd { display: block; background: #213743; font-size: 9px; border-radius: 4px; margin-top: 6px; } crno h2:nth-child(1) { display: flex ; margin-left: 8px; } /*component:Biathlon_OutrightFeatures*/ cfbd { margin-top: var(--m); display: block; padding: 11px; } cfbd hd btn { display: flex ; background: var(--aa); border-radius: var(--br); padding: 14px 22px; } cfbd hd btns { display: flex ; gap: var(--br1); } cfbd hd i { width: 20px; height: 20px; } cfbd hd svg { fill: var(--b); } cfbd hd btn:nth-child(3) { background: var(--b-t22); } cfbd bd div { display: grid ; grid-auto-flow: column; background: var(--aa); color: var(--b); width: fit-content; margin-bottom: var(--br1); border-radius: 30px; padding: var(--br); gap: var(--br); margin-top: var(--m); } cfbd.Bets btn.Bets {background: var(--b-t22);} cfbd.Sports btn.Sports {background: var(--b-t22);} cfbd.Race btn.Race {background: var(--b-t22);} cfbd bd btn {border-radius: 30px;display: flex;padding:var(--f1) var(--m);justify-content: center;align-items: center;} cfbd bd btn:nth-child(1) { background: var(--b33); } @media (max-width: 900px) { cfbd bd btn { display: block; padding: 15px 42px 10px 0px; } cfbd .circle { display: none; } cfbd bd btn { padding: 9px 15px 10px 11px; } }cbbo h2 { display: block; font-size: medium; border-bottom: solid 2px; padding: 1%; background: var(--b33);color: var(--title-color); } cbgo h2 { display: flex; color: var(--b); align-items: center;} cbgo { display: block; padding: 0 13%; background: var(--b33); } cbgo i { justify-content: end; align-items: center; } @media only screen and (max-width: 666px) { cgme btn { border-radius: var(--br1);padding: var(--m); gap: 12px; display: flex; white-space: nowrap; } cgme btn { border-radius: 37px; padding: var(--m); gap: 12px; display: flex; white-space: nowrap; } } cpla bd { display: block; background: var(--aat); padding: var(--br1); border: solid 1px; color: var(--aa); } cbak bl { background: var(--b33); margin-top: var(--br1); border: solid 1px; color: var(--b-t44); padding: var(--br1); } cbak p { color: var(--b-t); } cbak a { color: var(--b); } cbak div { display: flex; gap: var(--br1); } cbak h3 { color: var(--c0); font-size: 15px; font-weight: 200; } cbak h2 { color: var(--b); } cbak span { display: flex; justify-content: space-between; align-items: center; } cbak btn { color: var(--b); background: var(--b-t95); padding: var(--f1); border-radius: var(--br); } cbak hd { display: block; border-bottom: 1px solid; padding: var(--br1); } cbak ft { padding: var(--br1); display: block; } cbpo { display: flex; background: #1a2c38; border: 1px solid; border-color: var(--b33); margin-top: var(--m); border-radius: var(--br); } cbpo h3 { padding: 1rem; font-weight: 600; } cbpo p { color: var(--c0); padding: 0rem 1rem 0rem 1rem; } cbpo ft a { color: var(--b); } cbpo ft { display: flex; border-top: 1px solid; border-color: var(--b33); justify-content: space-between; align-items: center; padding: var(--m1); } cbpo btn { display: flex; background: #2f4553; padding: var(--m1); border-radius: var(--br); position: relative; right: 7px; } cbpo btn:hover { background: #557086; }calc bd d { display: block; background: var(--aa); border-radius: var(--br1); padding: var(--br1); margin-top: var(--br1); } calc.Overview bd span.Overview { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px; } calc.Implementation bd span.Implementation { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px;} calc.Conversions bd span.Conversions { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px;} calc.Preferences bd span.Preferences { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px;} calc.Game Events bd span.Game Events { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px; } calc.Unhash Server Seed bd span.Unhash Server Seed { border-left: 3px solid; border-color: var(--c1); display: flex; padding: 3px;} calc bd span { height: 36px; align-items: center; border-left: 3px solid var(--0); margin-left: -7px; padding: 4px; justify-content: flex-start; display: flex; padding-left: 8px; } calc bd span:hover { background: var(--c);} calc hd img {max-width: 100%;max-height: 100%;} calc hd i { height: 24px; width: fit-content; } calc hd {display: flex;gap: var(--br1);} calc d { width: 196px; }ccrr bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } ccrr { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } ccrr ul li { color: var(--c0); line-height: 164%; margin-top: 5px; font-size: 18px; } ccrr div ul {display: block;line-height: 25px;} ccrr p { color: var(--c0); line-height: 164%; margin-top: 5px; font-size: 16px; } ccrr div h2 { margin-top: 22px; height: 34px; } ccrr div h4 { margin-top: 10px;} ccrr bd table { border-collapse: collapse; } ccrr bd tr { background: none; } ccrr bd tr th { padding: 0; box-shadow: unset; } ccrr tr:hover { background-image: unset; } ccrr td { padding: unset; height: 54px; box-shadow: unset; } ccrr tbody tr:nth-child(1) { background: var(--a); } ccrr tbody tr:nth-child(3) { background: var(--a); } ccrr tbody tr:nth-child(5) { background: var(--a); } ccrr tbody tr:nth-child(7) { background: var(--a); } ccrr span { margin-top: 26px; display: block; font-weight: 500; } ccrr div h3 { margin-top: 40px; height: 34px; font-size: 21px; font-weight: 400; }cila p { color: var(--b-t); } ccwd { display: flex ; margin-top: 10px; } ccwd bl { display: block; background: var(--b33); padding: 17px 7px 1px; border-radius: 5px; box-shadow: 0 0px 0px var(--b33); } ccwd hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } ccwd h5 { display: flex ; align-items: center; justify-content: space-between; color: var(--b-t); } ccwd i { display: flex ; width: 2%; } ccwd svg {fill: var(--b-t);}ocmo { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } ocmo bd p { font-size: 14px; font-weight: 500; color: var(--c0);} ocmo bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } ocmo bl ft { display: flex; justify-content: center; } ocmo ft span{font-size: 14px;}ocpn { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } ocpn bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } ocpn bl ft { display: flex; justify-content: center; } ocpn bd p { font-size: 16px; font-weight: 500; color: var(--c0);} ocpn bd h3 { display: block; margin-top: 18px; }ccaq bl { display: flex ; gap: var(--m); } ccaq hd { display: flex ; min-width: 550px; max-width: 550px; } ccaq bd div p { color: var(--b-t); font-size: 16px; line-height: 150%; font-weight: 500; } ccaq hd i { width: 100%; height: 100%; } ccaq hd img { width: 100%; height: 85%; object-fit: cover; } ccaq { display: block; margin-top: 40px; } @media (max-width: 900px) { ccaq bl { display: block; padding: var(--p); } ccaq hd { min-width: 366px; max-width: 366px; } ccaq bd div p {width: 69%;} ccaq bd h2 { font-size: 19px; margin-top: 10px; } } ccss bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); display: flex; flex-direction: column; } ccss hd { display: block; border-bottom: 1px solid; border-color: var(--b-t22); padding-bottom: var(--m); } ccss bd { display: flex; line-height: var(--br1); padding: var( --m); gap: var(--br1); flex-direction: column; } ccss bd b { color: var(--b-t); font-size: var(--f1); } ccss bd p { font-size:var(--f1); } ccss bd div { display: block; border-bottom: 1px solid; border-color: var(--b-t22); padding-bottom: var(--br1); } ccss bd dv { display: flex; gap: var(--br1); } ccss bd h3 { font-weight: var(--fw1); } ccss ft { display: flex; align-items: center; justify-content: space-between; padding: var(--br1); } ccss ft p { color: var(--b-t); } ccss ft btn { background: var(--gn); border-radius: var(--br); display: flex; width: 9%; color: var(--c); justify-content: center; padding: var(--br1); align-items: center; } ccds hd h2 { font-size: var(--m); color: var(--b); } ccds hd p {margin: auto;color: var(--b-t);font-size: var(--m2);} ccds bd form { display: grid; align-items: center; box-shadow: var(--bs); } ccds 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; } ccds bd label {margin-bottom: .8rem;display: inline-block;color: var(--b-t);} ccds bd country { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); align-items: center; justify-content: center; display: flex; gap: var(--br1); } ccds bd input { width: calc(100% - 58px); height: 39px; background: none; border: unset; color: var(--b); } ccds bd country:hover { border-color: var(--b-t); } ccds bd span {color: var(--rd);} ccds bd svg { fill: var(--b-t); height: 17px; width: 18px; } ccds bd i { height: 20px; width: 34px; } ccds input::before { display: none;} ccds bd address { display: flex; width: 22%; color: var(--b-t); font-size: var(--m1); font-style: normal; } ccds ft country { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); align-items: center; justify-content: center; display: flex; gap: var(--br1); margin-top: 7px; } ccds ft input { width: calc(100% - 58px); height: 35px; background: none; border: unset; color: var(--b); } ccds ft country:hover { border-color: var(--b-t); } ccds ft span {color: var(--rd);} ccds ft form { display: flex; align-items: center; box-shadow: var(--bs); flex-wrap: wrap; flex: 0 0 auto; box-sizing: border-box; } ccds ft { display: grid; padding-top: var(--br1); } ccds ft btn {display: flex;background:var(--c1); padding:var(--f1);border-radius:var(--br);margin-top:var(--m);align-items:center;justify-content:center;} ccds ft i { height: 20px; width: 34px; } ccds ft svg { fill: var(--b-t); height: 17px; width: 18px; } ccds ft select { color: var(--b); height: 100%; width: calc(419% - 43px); border: unset; background: var(--aa); font-weight: bold; padding: var(--br1); } ccds ft btn:hover {display: flex;background-color: var(--c2);} ccds bd select { color: var(--b); width: calc(100% - 44px); border: unset; background: var(--aa); font-weight: bold; height: var(--p3); } ccds ft form div:nth-child(2) { width: 50%; display: block; padding-right: var(--br1); padding-left: var(--br1); flex: 0 0 auto; box-sizing: border-box; } ccds ft form div { width: 100%; display: block; } ccds ft form div:nth-child(1) { width: 50%; display: block; padding-right: var(--br1); padding-left: var(--br1); flex: 0 0 auto; box-sizing: border-box; } ocpd>bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } ocpd { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px;} ocpd div ul {display: block;line-height: 25px;} ocpd ul li { color: var(--c0); line-height: 164%; margin-top: 5px; font-size: 15px; } ocpd dv p { color: var(--c0); line-height: 158%; margin-top: 5px; font-size: 16px; } ocpd p { font-size: 13px; color: var(--c0); line-height: 173%; font-weight: 500; } ocpd div span { color: var(--b-t); font-size: 14px; white-space: nowrap; } ocpd f { background-color: var(--a); border-radius: var(--br); padding: var(--p); display: flex; gap: var(--p3); align-items: start; } ocpd div mg { display: flex; gap: 30px; padding-top: 43px; } ocpd div mg1 { display: flex; padding-left: 11px; height: 32px; } ocpd btns { display: flex; justify-content: space-between; } ocpd h2 { margin-top: 19px; } ocpd a:hover { color: var(--b); } ocpd a { color: var(--c0); } ccct { display: block; background-color: var(--aa); overflow-x: auto; border-radius: var(--br1); } ccct table tr { background: none; } ccct table { border-collapse: collapse; border-spacing: 0; } ccct table th:nth-child(4) { text-align: right; } ccct th, cbci p { text-align: left; padding: 12px 15px; border-bottom: 1px solid var(--a); font-size: 14px; color: var(--b-t); vertical-align: top; overflow-wrap: unset; height: 25px; } ccct th { font-weight: 600; color: var(--b); } ccct table td { text-align: left; font-size: 14px; height: 9px; box-shadow: unset; color: var(--c0); padding: 0 var(--br1);} ccct tbody tr:nth-child(1), ccct tbody tr:nth-child(3), ccct tbody tr:nth-child(5), ccct tbody tr:nth-child(7), ccct tbody tr:nth-child(9), ccct tbody tr:nth-child(11), ccct tbody tr:nth-child(13), ccct tbody tr:nth-child(15), ccct tbody tr:nth-child(17) { background:var(--a);; } ccct tr:hover { background-image: unset; } ccct table tr td:nth-child(4) { width: 309px; color: var(--c0); font-size: 15px; } ccct table tr td:nth-child(1) { color: var(--c0); }ccti { display: block; margin-top: 10px; } ccti bl { display: block; padding: 17px 7px 0px; background: var(--b33); box-sizing: 0 1px 2px var(--b33); border-radius: 5px; } ccti hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } ccti h5 { display: flex ; justify-content: space-between; color: var(--b-t); font-size: 13px; } ccti hd i { width: 20px; } ccti svg { fill: var(--b-t); }ccis { display: block; min-width: 235px; max-width: 235px; background: var(--b); border: 1px solid var(--b-t); border-radius: var(--br); box-shadow: 0 4px 12px var(--b33); } ccis { display: none; bottom: 45%; left: 20%; position: absolute; z-index: 999999; margin-left: auto; transform: translateX(24rem); } ccis bl { display: flex; flex-direction: column; } ccis::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: var(--b); border-bottom: none; border-right: none; z-index: 999; } ccis.Currencies { display: block;position: fixed; } ccis hd { padding: 10px; border-bottom: 1px solid var(--b-t22); } ccis hd input { padding: var(--br1) var(--f1); font-size: 14px; border: 1px solid var(--bor); border-radius: var(--br); width: calc(100% - 30px); height: 15px; box-shadow: -2px 7px 7px -6px var(--bor); } ccis bd { padding: 10px 0; max-height: 320px; overflow-y: auto; } ccis bd div { padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; font-size:var(--p1); } ccis bd div:hover { background-color:var(--b-t);} ccis bd div span { color: var(--c); font-weight: var(--fw); } ccis bd div i { font-style: normal; font-weight: bold;color: var(--c); gap: var(--br);} ccis ft { border-top: 1px solid var(--b-t22); text-align: center; } ccis ft btn { font-size: 14px; font-weight: 600; display: flex ; align-items: center; justify-content: center; gap: var(--br1); opacity: .7; color: var(--c);border-top: solid 2px var(--b-t);padding: var(--f1);} ccis ft i { width: 20px; height: 20px;} ccis bd div svg { width: 16px; height: 16px; } ccis ft btn:hover { background: var(--b-t); } cccw bl { display: flex ; background: var(--b33); max-width: 367px; min-width: 367px; border-radius: var(--br1); padding: var(--br1); align-items: center; justify-content: space-between; } cccw hd btn { background: var(--b); color: var(--c); padding: 3px 5px; border-radius: 5px; font-size: 12px; } cccw hd h3 { margin-top: 7px; } cccw hd p { margin: 0; } cccw hd btn:nth-child(4) { border: solid var(--b) 1px; background: 0; color: var(--b); padding: 8px 12px; font-size: 17px; margin-top: 43px; display: block; width: 80px; } cccw bd { width: 50%; height: 50%; } cccw ft { display: none; } @media (max-width: 900px) { cccw bl {max-width: 357px;min-width: 310px;} } cdoo bd { display: flex; gap: var(--br1); overflow: scroll;}odbo bd p { font-size: 18px; font-weight: var(--500); color: var(--c0); line-height: 30px; } odbo { display: none; background: var(--aa); padding:var(--m); border-radius: var(--br1); margin-top: 32px; max-width: 817px; min-width: 817px; } odbo bl ft { display: flex; justify-content: center; } odbo div ul { display: block; line-height: 25px; } odbo ul li { color: var(--c0); } odbo div h2 { display: block; margin-left: 17px; }cdro bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } cdro bl hd { display: block; } cdro bd b { display: block; } cdro bd h3 { display: block; margin-top: 18px; } cdro bd f { font-size: 18px; } cdro bd f:hover { color: var(--b); } cdro bl ft { display: flex; justify-content: center; } cdro bd p { font-size: 16px; font-weight: 500; color: var(--c0);} cdro div ul {display: block;line-height: 25px;} cdro ul li { color: var(--c0); line-height: 164%; margin-top: 5px; font-size: 18px; } cdro { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; }odmp { display: flex; background: var(--aa); justify-content: center; align-items: center; padding: var(--p3); } odmp bl hd { display: block; width: 19rem; } @media(max-width:999px){ odmp bl hd { display: block; width: 13rem; } } oclr { display: flex; padding: var(--p); } oclr hd i { display: block; height: 305px; } oclr i img { border-radius: var(--br1); } oclr bl { display: flex; gap: var(--p); } oclr bd span { display: block; font-size: 24px; } oclr bl bd { display: block; width: 54%;line-height: 24px; } oclr bd p { display: block; font-size: 15px; font-weight: 600; font-family: system-ui; color: var(--b-t); } oclr bd span1:hover { color: var(--b); } oclr bd span1 { font-size: 19px; } @media(max-width:999px){ oclr bl { display: block; } oclr bl bd { width: unset; } oclr bd span { font-size: unset; } oclr hd i { height: unset; } }odpc { display: block; padding: var(--p3); } odpc hd p { display: block; font-size: 15px; font-weight: 600; } odpc bd i { justify-content: unset; height: 125px; width: 83%; } odpc i img { display: block; border-radius: var(--br1); } odpc dv btn { display: flex; background: var(--b33); width: 83%; height: 39px; align-items: center; justify-content: center; border-radius: var(--br); font-size: 16px; margin-top: 17px; } odpc bd i:hover { transform: translatey(-7px); transition: 136ms; } odpc dv btns { display: flex; gap: 27px; } odpc btns btn:hover { background: var(--b-t22); } odpc bl dv { display: block; } odpc bl bd { display: flex; } @media(max-width:999px){ odpc bd i { justify-content: unset; height: unset; width: unset; } odpc bl dv { display: grid; grid-template-columns: auto; gap: 10px; } odpc dv btn { width: 95%; margin-left: 7px; margin-top: 5px; } odpc bl hd { display: block; padding: var(--p); } odpc { display: block; padding: unset; } odpc bl dv:nth-child(2) { margin-top: 9px; } } ccgu { display: flex ; flex-direction: column; margin: var(--br) auto; align-items: flex-start; max-width: 650px; width: 100%; } ccgu btns { display: flex ; gap: var(--br1); margin-bottom: var(--m); } ccgu btns btn { background: var(--aa); border-radius: var(--br); display: flex ; align-items: center; justify-content: center; padding: var(--f1); } ccgu btns i { width: 20px; height: 15px; } ccgu btns svg { fill: var(--b); } ccgu hd img { border-radius: var(--br1); } ccgu ft btn { display: flex ; justify-content: center; background: var(--c1); margin: auto; border-radius: var(--br); padding: var(--f1); width: 26%; } ccgu hd p { margin-top: var(--m); font-size: 13px; color: var(--b-t); } ccgu bd p { font-size: 16px; color: var(--b-t); } ccgu ft btn:hover { background:var(--at); } ccgu bd li { font-size: 16px; color: var(--b-t); } @media (max-width: 999px) { ccgu ft btn {width: 40%;} } cefo { display: flex; padding: var(--p); background: var(--a); width: fit-content; border-radius: var(--br1);} cefo hd i { height: 26px; width: 24px; } cefo bl { display: flex; align-items: center; gap: var(--br1); } cefo p { color: var(--c0); font-size: var(--b); } /*component:Biathlon_FeaturedOutrights*/ cfoo bl { display: flex; flex-direction: column; gap: 4px; } cfoo hd i { width: 22px; height: 22px; } cfoo hd svg { fill: var(--b-t); } cfoo hd h2 { display: flex; align-items: center; font-size: 18px; gap: var(--br1); }cfta { display: block; padding: 11px; } cfta hd { display: flex; justify-content: space-between; align-items: center; } cfta hd h2 { display: flex; align-items: center; font-size: 19px; gap: var(--br1); } cfta hd div { display: flex; } cfta hd i { width: 22px; height: 22px; } cfta hd svg { fill: var(--b-t); } cfta hd b { display: flex ; gap: var(--br1); font-size: 14px; align-items: center; } cfta hd b i { width: 15px; height: 15px; } cfta hd btn { display: flex ; background: var(--aa); border-radius: var(--br); padding: 9px 14px; gap: var(--br); align-items: center; font-weight: 600; font-size: 14px; } cfta hd btn i { width: 14px; height: 14px; } cfta hd div { display: flex ; gap: var(--f1); } cfta>bl>hd { display: flex ; justify-content: space-between; align-items: center; margin-top: var(--m); margin-bottom: var(--m); } @media (max-width: 900px) { cfta hd b { display: none; } cfta>bl>hd { padding: var(--m); margin-top: 0; margin-bottom: 0; } }cftp { display: block; padding: 11px; } cftp hd { display: flex; justify-content: space-between; align-items: center; } cftp hd h2 { display: flex; align-items: center; font-size: 19px; gap: var(--br1); } cftp hd div { display: flex; } cftp hd i { width: 22px; height: 22px; } cftp hd svg { fill: var(--b-t); } cftp hd b { display: flex ; gap: var(--br1); font-size: 14px; align-items: center; } cftp hd b i { width: 15px; height: 15px; } cftp hd btn { display: flex ; background: var(--aa); border-radius: var(--br); padding: 9px 14px; gap: var(--br); align-items: center; font-weight: 600; font-size: 14px; } cftp hd btn i { width: 14px; height: 14px; } cftp hd div { display: flex ; gap: var(--f1); } cftp>bl>bd { margin-top: var(--m); } cftp.Winner btn ul { position: absolute; background: var(--b); color: var(--c); border-radius: var(--br); padding: 0; z-index: 1111; display: block; top: 230px; right: 5px; list-style: none; } cftp btn ul li { padding: 9px 10px; } cftp btn ul {display: none;} @media (max-width: 900px) { cftp hd b {display: none;} cftp hd h2 {padding: var(--br);} cftp>bl>hd {margin-top: var(--f1);} } cfip div { padding: var(--f1); border-radius: var(--br); background: var(--b-t95); } cfip { padding: var(--p3); border-radius: var(--br); display: block; background: var(--aa); margin-top: var(--br1); } cfip p{color:var(--b-t);} cfip {display: none;} cfip a { color: var(--b); text-decoration: unset; font-weight: bold; } /*conponent:Footer*/ cffe { display: block; background: var(--aa); padding-top: 2rem; } cffe>bl{ display: block; width: 100%; max-width: 1200px; align-self: center; margin: auto; } cffe flex {display: flex;justify-content: space-between;} cffe bd svg { filter:invert(1);} cffe>bl>bd { display: flex ; justify-content: right; border-bottom: solid 2px var(--b33); padding-bottom: 24px; margin-bottom: 20px; } cffe bd div {display: flex;align-items: center;} cffe ft h2 { font: inherit; } cffe ft {display: block;} cffe ft t { color: var(--b); font-weight: 700; font-size: 15px; } cffe ft div { display: flex ; flex-direction: column; align-items: center; justify-content: center; } cffe ft i:nth-child(3) { margin-bottom: 9%; width: 9%; } cffe bd i { width: 35px; } cffe ul li i { width: 23px; height: 14px;} cffe ul li svg { fill:var(--b-t);} cffe ul li { list-style-type: none;} cffe ul a { line-height: 20px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw); display: flex ; align-items: center;} cffe hd h3 { display: flex ; font-size: var(--p1); margin-bottom: var(--m1); } cffe ul a:hover {color: var(--b);} cffe ft i { width: 6%; margin-bottom: 3%; } @media (max-width: 900px) { cffe>bl>bd { display: flex; justify-content: center; border-bottom: solid 2px var(--b33); padding-bottom: 24px; margin-bottom: 20px; } cffe flex {display: none;} cffe ft {padding: var(--p);} cffe ft div {margin-bottom: 30px;} cffe ft i:nth-child(3) { width: 35%;} cffe ft i2 { width: 23%;} cffe bd svg { filter: invert(1); height: 43px; } cffe ft h2 { font: inherit; color: var(--b-t); } cffe p { color: var(--b-t); } }cfsr { display: block; } cfsr hd { display: block; } cfsr ul li { list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw); } cfsr hd h3 { display: flex ;} cfsr ul li:hover {color: var(--b);}cfsq { display: block; } cfsq hd { display: block; } cfsq ul li { list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw); } cfsq hd h3 { display: flex ; font-size: 16px; margin-bottom: 10px; } cfsq ul li:hover {color: var(--b);}cfsp { display: block; } cfsp hd { display: block; } cfsp ul li {list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw);} cfsp hd h3 { display: flex ;}cfsy { display: block; } cfsy hd { display: block; } cfsy ul li { display: flex;list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw); } cfsy hd h3 { display: flex ;} cfsy ul li i { width: 23px; height: 16px; display: flex ; position: relative; top: 7px; } cfsy ul li svg { filter: contrast(0.5); } cfsy ul li:hover {color: var(--b);} cftn bl { grid-template-columns: 10% auto auto; align-items: center; user-select: none; display: grid; border-top: solid 2px var(--b-t22); padding: 4px 0; } cftn bd p { margin: 0; color: var(--b-t); display: flex ; align-items: center; gap: var(--br); margin-bottom: var(--br); } cftn ft btn { display: flex ; justify-content: center; align-items: center; background: var(--aa); padding: var(--br) var(--f1); border-radius: var(--br); color: var(--c1); font-weight: 700; } cftn bd h4 { font-size: 14px; } cftn ft btns { display: flex ; padding: 0 var(--br1); justify-content: end; gap: var(--br1); } cftn bd btn { width: 7px; height: 7px; padding: var(--br); background: var(--b-t22); border-radius: var(--br); display: flex ; align-items: center; font-size: 10px; justify-content: center; } bacd { display: none; } bacd hd h2 { display: flex ; align-items: center; padding: 20px; gap: 8px;font-size: 20px; } bacd hd i { width: 25px; height: 25px;} bacd hd svg { fill: var(--b-t); } bacd div h3{display: flex ; justify-content: space-between; align-items: center; } bacd div{ z-index: 4; padding: 15px 15px; cursor: pointer; position: relative; background: var(--b33); margin: 12px; border-radius: var(--br1);} bacd div i { width: 20px; height: 20px; } bacd div svg { fill: var(--b); } bacd div p { display: none; } @media (max-width: 900px) { bacd div h3 {font-size: 14px;} bacd { display: block; } } cfqd { display: block; padding: var(--p3); } cfqd bd div {background-color: var(--a); padding: var(--br1); border-radius: var(--br);} cfqd bd span { padding: 5%; display: flex; align-items: center; height: var(--m); } cfqd bd svg { fill: var(--b); } cfqd bd i { width: 20px; height: 20px; } cfqd hd div { display: flex; gap: 21px; } cfqd hd h2 { font-size: var(--p1); } cfqd hd { align-items: center; justify-content: center; padding: var(--p3); display: grid; gap: var(--p); } cfqd bd dv { border-radius: var(--br1); padding: var(--m); gap: var(--br1); display: grid; background: var(--aa); width: -webkit-fill-available; } cfqd bd { display: flex; gap: var(--p3); } cfqd bd d { display: block; background: var(--aa); min-height: 140px; max-height: 140px; min-width: 155px; max-width: 155px; border-radius: var(--br1); padding: var(--br1) 0; } cfqd p.svg {display: block;} cfqd bd i.jtc.arrow { display: block; opacity: 1; } cfqd bd h3 { display: flex; align-items: center; justify-content: space-between; font-size: var(--f1); } cfqd bd p { color: var(--b-t); display: none;} @media(min-width:999px){ cfqd.General bd span.General { border-left: 3px solid; border-color: var(--c1); } cfqd.Benefits bd span.Benefits { border-left: 3px solid; border-color: var(--c1); } cfqd.Hosts bd span.Hosts { border-left: 3px solid; border-color: var(--c1); } cfqd bd span:hover { background: var(--c);} cfqd hd b { font-size: var(--p1); position: relative; right: var(--p2); color: var(--b-t); font-weight: var(--fw); } cfqd bl { display: block;} } @media(max-width:999px){ cfqd bd { color: var(--b); border-radius: 6px; gap: 11px; display: grid; margin-top: 5%; justify-content: center;} cfqd hd b { font-size: var(--f1); font-weight: 100; } cfqd bd d { display: flex; background: var(--aa); min-height: 30px; min-width: 311px; max-width: 155px; border-radius: var(--p2); gap: 14px; align-items: center; padding: 4px; max-height: 50px; } cfqd bd div { display: flex; background-color: var(--a); padding: 13px; border-radius: var(--br); align-items: center; justify-content: space-between; font-size: 14px; } cfqd.General bd span.General { border-radius: var(--p2); background: var(--a); padding: 11px; width: 21%;align-items: center; justify-content: center; } cfqd.Benefits bd span.Benefits { border-radius: var(--p2); background: var(--a); padding: 11px; width: 21%; align-items: center; justify-content: center;} cfqd.Hosts bd span.Hosts { border-radius: var(--p2); background: var(--a); padding: 11px; width: 22%; display: flex; align-items: center; justify-content: center;} } cgbl dv { display: flex; } cgbl b { display: flex; align-items: center; gap: var(--br); } cgbl i { height: 12px; width: fit-content; } cgbl div { display: flex; align-items: center; gap: var(--br); } cgbl dv { display: flex; align-items: center; gap: var(--br); } cfao { display: none; padding:var(--m); background: var(--aat); border-radius:var(--br1);} cfao p { color: var(--c0); font-size: var(--b); align-items: center; } cfao bd h4 { margin-top: var(--f1); } cfao bd h6 { margin-top: var(--f1); } cfao bd a { color: var(--c0); display: flex; align-items: center; } cfao bd a:hover { color: var(--b); } cfao bd a1 { color: var(--c0); font-weight: 700; } cfao bd li { color: var(--c0); } cfao bd i { height: 10px; width: 20px; } cfao bd svg { fill: var(--b-t); } .Dropdown cgct { display: none; } cgct { display: grid; background: var(--aa); border-radius: var(--br1); padding: var(--p); width: fit-content;} cgct bd { min-height: 222px; max-height: 580px; overflow: scroll; display: block; } cgct hd { display: flex; align-items: center; justify-content: space-between; } cgct hd h2 { font-size: var(--m2); } cgct hd dv { display: flex; align-items: center; gap: 3px; } cgct hd i { height: 24px; width: fit-content; } cgct hd svg { height: 14px; width: 31px; fill: var(--b-t); } cgct hd div { display: flex; align-items: center; } cgct hd div svg { height: 15px; width: 37px; } cgct hd div i { height: 18px; width: 45px; } cgct bd dv { display: flex; align-items: center; justify-content: space-between; color: var(--b-t); } cgct bd div { display: flex ; align-items: center; color: var(--b-t); font-weight: var(--fw); background: var(--a); padding: var(--br1); border-radius: var(--br); margin-top: var(--br1);} cgct ft country { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); align-items: center; justify-content: center; display: flex; gap: var(--br1); } cgct ft input { width: calc(100% - 58px); height: 39px; background: none; border: unset; color: var(--b); } cgct ft { display: block; padding: var(--m1); } cgct ft div { display: flex; gap: var(--br1); align-items: center; color: var(--b-t); justify-content: space-between; } cgct ft .circle { display: block; width: 8px; height: 8px; border-radius: var(--br2); background: var(--gn); position: relative; top: 25px; right: 22px; } cgct ft t { width: 39px; align-items: center; justify-content: center; display: flex; background: var(--a); padding: var(--br1); border-radius: var(--br); } cgct ft btn { display: flex; align-items: center; justify-content: center; background: var(--gn); padding: 10px; border-radius: var(--br); width: 22%; color: var(--c); } cgct ft i { height: 19px; width: 19px; } cgct ft dv { display: flex; gap: var(--p); } cgct ft svg { fill: var(--b-t); height: 19px; width: 19px; } cgcs>bl { padding: 11px; margin: 11px; } cgcs hd { display: flex; align-items: center; justify-content: center; color: var(--b); margin-top:var(--br1); } cgcs div i { width: 100px; height: 100px; } cgcs bd div { display: flex; align-items: center; color: var( --b); border-radius: var( --br1); background-color: var(--b33); gap: var(--m); } cgcs bd img { max-width: 120px; max-height: 102px;} cgcs bd { display: grid; grid-template-columns: auto auto; gap: var(--m1); margin-top: var(--f1); } @media(max-width:999px){ cgcs bd div { display: flex; align-items: center; color: var( --b); border-radius: var( --br1); box-shadow: 0 4px -2px var( --bor); margin-top: 2%; background-color: var(--b33); padding: var(--p); gap: var(--m); width: fit-content; height: 87px; } cgcs bd p { font-size: 14px; } cgcs bd { display: block; } cgcs bd b { font-size: 15px; display: flex; position: relative; top: var(--br1); } }cegm bl {background: var(--aa);padding: var(--p3);border-radius: var(--br);} cegm p{color:var(--b-t);} cegm div { background: var(--a); padding: var(--f1); border-radius: var(--br); } crnd {display: none;} cglr bl { display: block; background: var(--b33); padding:var(--br1); border-radius: var(--br1); } cglr hd { display: flex ; justify-content: unset; align-items: center; gap:var(--br1); } cglr btn { background: var(--rd); border-radius: var(--br); width: 35px; height: 20px; align-items: center; display: flex ; justify-content: center; font-size: 14px; } cglr a { display: flex ; color: var(--b-t); font-size: 12px; } cglr hd i { display: flex ; height: 20px; width: 20px; } cglr svg { fill: var(--b-t); } cglr b { display: flex ; color: var(--b-t); font-size: 12px; margin-left: 590px; } cglr bd svg { fill: var(--b-t); margin-bottom: -9px; } cglr bd { display: grid ; gap: var(--br1); margin-top: 10px; } cglr span { display: flex ; gap: 10px; } cglr g { display: grid ; margin-top: -60px; margin-left: 445px; height: 42px; width: 15px; border: 3px solid var(--b-t95); padding: 4px; border-radius: var(--br); } cglr dv { display: flex ; height: 35px; width: 205px; padding: 10px; gap: 10px; border-radius: 5px; margin-top: -69px; margin-left: 495px; background: var(--aat); } cglr m { display: block; margin-top: -5px; } cglr f { display: flex ; color: var(--c2); font-weight: 600; } cglr w { display: flex ; height: 35px; width: 205px; padding: 10px; gap: 10px; border-radius: 5px; margin-top: -77px; margin-left: 740px; background: var(--aat); } cglr t { display: flex ; height: 35px; margin-top: -68px; margin-left: 1005px; } cglr dv:hover { background: var(--c3); } cglr w:hover { background: var(--c3); } cglr span i { display: flex ; width: 16px; margin-top: -3px; } cglw bl { display: block; background: var(--b33); padding: 17px 7px 1px; border-radius: 5px; box-shadow: 0 0px 0px var(--b33); } cglw hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } cglw h5 { display: flex ; align-items: center; justify-content: space-between; color: var(--b-t); } cglw i { display: flex ; width: 2%; } cglw svg {fill: var(--b-t);}cgne { display: block; } cgne hd { display: block; } cgne bd ul { padding: 0; margin: 0; } cgne ul li {display: flex; list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw); } cgne hd h3 { display: flex ;} cgne ul li i { width: 23px; height: 16px; display: flex ; position: relative; top: var(--br1); } cgne ul li svg { filter: contrast(0.5); } cgne ul li:hover {color: var(--b);} csoo { display: block; padding: var(--p); } csoo hd {display: flex;} csoo h2 { color: var(--b); font-size: 19px; display: flex; position: relative; left: 15px; gap: var(--br1); align-items: center; } csoo bd flex { display: flex; overflow: scroll; margin-top: var(--br1);} csoo hd i svg.svg-icon { height: 18px; width: 16px; } csoo hd i { width: fit-content; } csoo hd { display: flex; gap: var(--br1); background: none; } cgow { background: var(--b-t95); border-radius: var(--br); overflow: hidden; display: flex ; flex-direction: column; transition: transform 0.3s ease-in-out; margin: var(--br); box-shadow: -1px 1px 2px -2px var(--c); } cgow hd i { display: flex ; } cgow bd {padding: var(--br1);display: flex;flex-direction: column;gap: 5px;} cgow bd h3 {font-size: 15px;font-weight: 600;line-height: 23px;margin: 0;color: var(--b);} cgow bd p {margin: 0;font-size: 13px;color: var(--b-t);} cgow ft { padding: 0 12px 12px 12px; font-size: 13px; color: var(--b-t); display: block; margin-top: var(--f1); } cgow ft b { color: var(--b); font-weight: 600; font-size: 14px; margin-top: var(--br); display: block; } cgow:hover { transform: translateY(-4px); } @media (max-width: 999px) { cgow { min-width: 195px; max-width: 195px; } }cgme span { display: flex; gap: 60px; margin-top: 16px; } cgme btn { border-radius: var(--m); padding: var(--p) var(--m); gap: 12px; display: flex ; } cgme btn:hover { background: var(--b-t22); } cgme>bl>ft { display: flex; align-items: center; justify-content: center; gap: 21px; margin-top: var(--m); } cgme>bl>bd { display: grid; grid-template-columns: auto auto auto auto auto auto; gap: var(--br1); } cgme ft btn { background: var(--b-t95); padding: var(--br1) 27px; border-radius: var(--br); display: flex; align-items: center; justify-content: center; color: var(--b-t44); } cgmeft btn:nth-child(2) { color: var(--b); } cgme btns { display: flex ; align-items: center; padding: var(--br); gap: var(--p); background: var(--aa); border-radius: 88px; margin: var(--m) 0; width: fit-content; } cgme.Blogs btn.Blogs { background: var(--b-t22); } cgme.Crypto btn.Crypto { background: var(--b-t22); } cgme.Guides btn.Guides { background: var(--b-t22); } cgme.News btn.News { background: var(--b-t22); } cgme.Sport btn.Sport { background: var(--b-t22); } cgme.Poker btn.Poker { background: var(--b-t22); } cgme.Casino btn.Casino { background: var(--b-t22); } cgme.Other btn.Other { background: var(--b-t22); } cgme a { color: var(--b); font-size: var(--f1); } @media only screen and (max-width: 666px) { cgme>bl>bd { display: grid; grid-template-columns: auto auto; gap: var(--br1); padding: var(--br1); } cgme btn { border-radius: var(--br1); margin-top: 12px; padding: var(--m); gap: 12px; display: flex; white-space: nowrap; } cgme ft btn:nth-child(2) { color: var(--b); } cgme a { color: var(--b); min-width: 64px; } cgme btn:hover { background: var(--a); } cgme bl hd { display: block; overflow: scroll; margin: 11px; } cgme btn { border-radius: var(--br1); padding: var(--f1); gap: 12px; display: flex; white-space: nowrap; } cgme btn { border-radius: 88px; gap: 12px; display: flex; white-space: nowrap; } cgme btn { border-radius: var(--br1); padding: var(--m); gap: 12px; display: flex; white-space: nowrap; } } cmpo bd div { display: grid; grid-template-columns: auto auto auto auto auto auto auto; } cmpo img { max-width: 100%; max-height: 100%; border-radius: var(--br); } cmpo bl bd { display: block; padding: var(--br1); } cmpo hd div i { width: 18px; height: 18px; margin-left: 10px; } cmpo hd div svg { fill: var(--b-t22); } cmpo hd div svg { fill: var(--b-t22); height: 12px; width: 12px; } cmpo hd div { display: block; align-items: center; padding-right: 14px; } cmpo input { outline: 0; border-radius: 4px 7px; max-width: 100%; width: calc(100% - 58px); height: 33px; font-weight: 600; padding: 0 22px; background: var(--a); border: solid 1px; color: var(--b-t); align-items: center; justify-content: center; display: flex; padding-left: var(--p3); } cmpo div i { width: auto; display: block; } cmpo div { display: block;} cmpo i { height: 85%; } cmpo svg.svg-icon { display: flex; position: relative; top: 28px; } @media only screen and (max-width: 666px) { cmpo bd div { display: grid; grid-template-columns: auto auto auto; } cmpo input { outline: 0; border-radius: 4px 7px; max-width: 100%; height: 33px; font-weight: 600; padding: 0 22px; background: var(--a); border: solid 1px; color: var(--b-t); align-items: center; justify-content: center; display: flex; padding-left: var(--p3); margin-left: 6px; } cmpo svg.svg-icon { display: flex; position: relative; top: 28px; } } cgqo { display: block; padding-top: var(--p); padding-bottom: var(--p); background: var(--aat); } cgqo bd span { color: var(--b); margin: 10px; font-size: var(--f1); } cgqo bd a { position: relative; display: flex; gap: var(--br1); align-items: center; padding: var(--br); } cgqo bd div.dash { width: 4px; background: var(--c1); transition: all .2s ease-out; height: -webkit-fill-available; } cgqo bd a:nth-child(1) { background: var(--aa); } cgqo bd a:hover { background: var(--aa); } cgrg hd h2 { font-size: var(--m); } cgrg bd dv span { background: var(--b33); } cgrg line { height: 0; min-width: 200px; border-radius: 8px; display: block; border: solid; border-color: var(--b33); } cgrg bd svg { height: 13px; width: 21px; } cgrg bd i { height: 23px; width: 29px;} cgrg bd a { display: block; margin-top: var(--br1); color: var(--b); font-size: var(--m); } cgrg bd i { width: 33px; height:26px;} cgrg bl { padding: var(--m); } cgrg bd i { height: 23px; width: 29px;} cgrg bd { display: block; overflow: scroll; padding-top: var(--p3); } cgrg bd div {display: block;align-items: center;background-color: var(--b33);color: var(--b);border-radius: var(--br1);box-shadow: 0 4px 10px var(--bor);padding: var(--f1);width: 17%;padding-bottom: var(--p3);margin-top: var(--br1);min-width: 224px;} cgrg bd p { display: flex; align-items: center; justify-content: flex-start;gap: 5%;} cgrg bd flex { background: var(--b198); align-items: center; border-radius: 50%; height:23px; width: 22px; display: flex; } cgrg bd i { width: 33px; height:26px;} cgrg hd div { display: flex; align-items: center; justify-content: center; } cgrg bd d span:nth-child(1) {background: var(--a);border-radius: var(--br2);width: fit-content;align-items: center;justify-content: center;display: flex;padding: var(--br1);} cgrg d { display: flex; gap: var(--m); } @media only screen and (min-width: 666px) { cgrg bd span {background: var(--a);align-items: center;justify-content: center;display: flex;min-width: 29px;padding: 8px;border-radius: var(--p2);} cgrg bd dv { gap: 1%; display: flex; width: auto; align-items: center; }} @media only screen and (max-width: 666px) { cgrg bd span {background: var(--a);align-items: center;justify-content: center;display: flex;min-width: 29px;padding: 8px;border-radius: var(--p2);} cgrg line { height: 0; min-width: 200px; border-radius: 8px; display: block; border: solid; border-color: var(--aat); margin-top: 15px; } cgrg bd div { display: block; align-items: center; background-color: var(--b33); color: var(--b); border-radius: var(--br1); box-shadow: 0 4px 10px var(--bor); padding: var(--m); width: 17%; padding-bottom: var(--p3); margin-top: var(--br1); min-width: 224px; } cgrg hd dv { display: flex; margin-top: 1%; justify-content: space-between; margin-bottom: var(--m); gap: 65%; } } cgrg d { display: flex; gap: var(--m); } @media only screen and (min-width: 666px) { cgrg bd div span:nth-child(1) { background: var(--b198); padding: 3px; border-radius: var(--br); } } @media only screen and (max-width: 666px) { cgrg bd div span:nth-child(1) { background: var(--b198); padding: 3px; border-radius: var(--br); } cgrg bd div { display: block; align-items: center; background-color: var(--a); color: var(--b); border-radius: var(--br1); box-shadow: 0 4px 10px var(--bor); padding: var(--f1); width: 17%; padding-bottom: var(--p3); margin-top: var(--br1); min-width: 220px; } cgrg bd span:nth-child(1) { background: var(--a); padding: 8px; border-radius: 30px; width: fit-content; align-items: center; justify-content: center; display: flex; height: 30px; } cgrg hd dv { display: flex; margin-top: 1%; justify-content: space-between; margin-bottom: var(--m); gap: 65%; } cgrg bd dv { width: 51%; display: flex; min-width: 83%; gap:2%; } } cgeo { display: none; padding:var(--m); background: var(--aat); border-radius:var(--br1);} cgeo p { color: var(--c0); font-size: var(--b); align-items: center; } cgeo bd div { display: grid; grid-template-columns: auto auto auto; gap: var(--p); margin-top: var(--f1); } cgeo ft h4 { margin-top: var(--f1); } cgeo ft h6 { margin-top: var(--f1); } cgeo ft a { color: var(--c0); display: flex; align-items: center; } cgeo ft a:hover { color: var(--b); } cgeo ft a1 { color: var(--c0); font-weight: 700; } cgeo ft li { color: var(--c0); } cgeo ft i { height: 10px; width: 20px; } cgeo ft svg { fill: var(--b-t); }cgpo f i { height: 22px; justify-content: unset; width: 30px; margin-left: 6px; } cgpo b i { height: 22px; justify-content: unset; width: 30px; margin-left: 6px; } cgpo span i { width: 19px; } cgpo { display: block; background: var(--aa);border-radius:var(--br1); } cgpo hd f{ display: flex;align-items:center;gap: 3px; } cgpo hd b{ display: flex;align-items:center;gap: 13px; margin-top: 14px;} cgpo f t { display: block; color: var(--c0);font-size:75%; } cgpo hd dv { display: block; } cgpo bl hd { display: flex; padding: var(--p); background: var(--aat); border-radius: 5px 7px 0px 0px; justify-content: space-between; } cgpo b i:nth-child(1) { height: 31px; justify-content: unset; margin-left: 11px; } cgpo b i:nth-child(2) { height: 29px; justify-content: unset; width: 53px; } cgpo a span { position: relative; font-size: 12px; color: var(--b); bottom: 6px; } cgpo a span:nth-child(2):hover { color: var(--b-t44); } cgpo div a:nth-child(4):hover { border-bottom: solid 2px var(--a); } cgpo div a:nth-child(4) { display: block; padding-left: 10px; border-bottom: solid 2px var(--0); } cgpo hd dv:nth-child(2) f i:nth-child(5) { margin-left: 14%; height: 30px; width: 30px; } cgpo hd dv:nth-child(2) f t:nth-child(2) { font-size: 17px; color: var(--b); font-weight: 500; } cgpo hd dv:nth-child(2) f i:nth-child(3) { background: var(--c1); width: 32px; height: 25px; border-radius: var(--f1);margin-left: 11px; } cgpo hd dv:nth-child(2) f t:nth-child(4) { margin-left: 10px; font-size: 16px; } cgpo b btn { display: flex; border: solid 1px var(--gd); padding: var(--br1); border-radius: var(--br1); justify-content: center; align-items: anchor-center; gap: 60px; font-size: 23px; color: var(--gd); padding-left: 35px; } cgpo btn h4 { color: var(--b-t44); font-size: small; font-weight: 500; } cgpo btn h3 { font-family: sans-serif; color: var(--b);font-size: 19px; } cgpo div1 { display: flex; gap: var(--p3); margin-top: 12px; margin-left: 16px; text-align: end; } cgpo hd dv:nth-child(2) f i:nth-child(1) { height: 35px; width: 42px; margin: 0; } cgpo ft span { display: flex; align-items: anchor-center; gap: 10px; background: var(--b-t22); width: 67px; border-radius: var(--br); justify-content: center; height: 30px; font-size: 17px; color: var(--b-t); } cgpo ft b { display: flex; justify-content: space-between; align-items: center; padding: 10px;position: relative; bottom: 21px; } cgpo ft dv2 { display: flex; gap: var(--f1); } cgpo ft d { display: flex; height: 31px;padding-left: var(--p);gap: var(--p);} cgpo d i { height: 22px; justify-content: unset; width: 30px; margin-left: 6px; } cgpo i svg.svg-icon { fill: var(--b); } cgpo mg{display:flex; gap:1px;} cgpo h4 i { top: 9px; height: 7px; } cgpo mg h4 { display: flex; border-right: solid 1px; height: 28px; width: 59px; } @media (max-width: 900px) { cgpo{display:none;} } clqn bl { display: block; background: var(--b33); padding: 17px 20px 20px; border-radius: 5px; box-shadow: 0 0px 0px var(--b33); } clqn hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } clqn h5 { display: flex ; align-items: center; justify-content: space-between; } clqn i { display: flex ; width: 2%; } clqn svg { fill: var(--b); }oclt { display: flex; padding: var(--p); } oclt bd i { display: block; height: 282px; } oclt i img { border-radius: var(--br1); } oclt bl { display: flex; gap: var(--p); } oclt hd span { display: block; font-size: 24px; } oclt bl hd { width: 48%; line-height: 24px; margin: auto; } oclt hd p { display: block; font-size: 15px; font-weight: 600; font-family: system-ui; color: var(--b-t); } oclt hd span1:hover { color: var(--b); } oclt hd span1 { font-size: 17px; font-family: system-ui; } @media(max-width:999px){ oclt bl hd { width: unset; } oclt bl { display: block; } } ciud bl { border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } ciud hd h3 { display: flex; justify-content: space-between; font-size: var(--m); color: var(--b-t); align-items: center; } ciud hd i { height: fit-content; width: fit-content; } ciud hd svg { height: 17%; width: 28px; fill: var(--b-t); } ciud bd { display: block; padding: var(--br1); } ciud bd span { color: var(--gd); } ciud bd p { margin: 3px; color: var(--b-t); font-size: var(--f1); } ciud bd b { font-weight: var(--fw); color: var(--b-t); } ciud bd t { color: var(--rd); } ciud bd div { display: flex; gap: var(--p3);padding: var(--m1);} ciud bd dv { border: dotted; padding: var(--p); width: 36%; border-color: var(--b-t); align-items: center; justify-content: center; opacity: 28%; display: flex; flex-direction: column; } ciud bd i { height: 146%; } ciud div dv:nth-child(2) i svg { height: 6rem; } ciud bd svg:nth-child(1) { width: 62%; height: 4rem; margin: 0px; margin-bottom: var(--f1); } ciud bd btn { display: flex; align-items: center; justify-content: center; background: var(--b-t22); padding: var(--p); border-radius: var(--br); } cjon div:nth-child(1) { display: flex;font-size: 14px; border-bottom: 2px solid #1C2B3A; padding-bottom: 10px; } cjon div:nth-child(1) > div:nth-child(1) { color: white; border-bottom: 2px solid #2E90FA; padding-bottom: 8px; } cjon div:nth-child(2) { display: flex; gap: 10px; align-items: center;margin-top: 18px;} cjon input[type="text"] { border: none; padding: 7px 12px; border-radius: 4px; width: 23%; background: var(--aa); color: var(--b); } cjon select { border: none; padding: var(--br1); border-radius: var(--br); color: var(--b); width: 19%; background: var(--aat); } cjon input[type="checkbox"] { appearance: none; height: 17px; border-radius: 34px; position: relative; cursor: pointer; outline: none; } cjon input::before { content: ""; position: absolute; width: 17px; height: 17px; background: var(--b); border-radius: 50%; left: 0px; transition: transform 0.3s cubic-bezier(0.85, 0.05, 0.18, 1.35);top:0px;} cjon input[type="checkbox"]:checked::before {transform: translateX(28px);} cjon i { display: flex; width: 2rem; height: 1rem; } cjon hd btns { display: flex; gap: 5px;} cjon btns btn { display: flex; align-items: anchor-center; line-height: 33px; color: var(--b-t44);width: 135px; } cjon btns btn:hover { border-bottom: solid 2px var(--b-t22); color: var(--b); } cjon btns btn:nth-child(1) { border-bottom: solid 2px var(--c1); width: 12%; } cjon bl hd { display: block; background: var(--a); margin-top: 5px; border-radius: var(--br1); padding: var(--br1); } cjon span { display: flex; background: var(--aa); width: 220px; padding: 9px 7px; box-shadow: 0px 0px 1px 1px var(--b-t22); align-items: center; justify-content: space-between; z-index: 99; position: relative; } cjon dv { display: block; transition: 99ms; background: var(--aa); border-radius: var(--br); width: 210px; line-height: 29px; position: absolute; z-index: 1; height: 0px; overflow: hidden; margin-top: 1px; box-shadow: 0px 2px 17px rgb(26 44 56 / 76%); } cjon div dv.active { display: block; } cjon div dv.Players { display: block; } cjon span i { height: 8px; display: flex; } cjon hd div { display: flex; gap: var(--f1); align-items: center; } cjon input[type="text"]:hover { background: var(--a); box-shadow: 0px 0px 3px 0px; } cjon div dv.active { display: block; transform:translateZ(-46px) } cjon div {display: block;} cjon div .active dv { transition: 99ms; padding: var(--p); height: 158px; width: 210px; border-top: solid 2px var(--c1); border-top-right-radius: unset; border-top-left-radius: unset;margin-top: 34px; z-index: 9999999; } cjon div .Players dv { transition: 99ms; padding: var(--p); height: 158px; width: 210px; border-top: solid 2px var(--c1); border-top-right-radius: unset; border-top-left-radius: unset; z-index: 9999999; } cjon table { width: 100%; border-collapse: collapse; font-size: 14px; color: var(--b); border-radius: var(--br1); background: var(--a); } cjon thead tr { position: sticky; top: 0px; background: var(--a); z-index: 999999; border-bottom: solid 1px var(--aa); box-shadow: 1px 1px 0px 0px black; } cjon th { text-align: left; padding: 8px 12px; box-shadow: unset; height: 32px; font-size: 11px; color: var(--b-t); } cjon td { padding: var(--br1); height: 1px; } cjon td b { display: flex; align-items: center; gap: var(--br); font-weight: 500;font-size: 13px; } cjon td b i { border-radius: var(--p2); width: 16px; } cjon td svg { fill: var(--b-t77); } cjon tr:hover { background-image: var(--aat); } cjon bl bd { display: block; height: 484px; overflow: scroll; } cjon tbody tr { background: unset; } cjon th:hover { color: var(--b); } cjon div1 span:nth-child(1) { top: -6px; } cjon td btn { display: flex; align-items: center; gap: var(--br1); font-weight: 500; background: var(--c1); padding: var(--p); width: 59%; border-radius: var(--br); height: 13px; font-size: Join_tables; align-items: center; justify-content: center; margin-left: unset; } cjon bl { display: grid; padding: var(--p); grid-template-columns: auto; gap: 9px; } clsa btns { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); min-height: 20px; align-items: center; justify-content: center; display: flex; margin-top: var(--br); padding: 5px; width: 84%; } clsa {padding: var(--p3);border-radius: var(--br);display: block;background: var(--aa);margin-top: var(--br1);} clsa btn { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); min-height: 20px; align-items: center; justify-content: center; display: flex; margin-top: var(--br); width: 84%; padding: 6px; } clsa p { color: var(--c0); font-size: 14px; } clsa dv { border: dotted; width: 59%; border-color: var(--b-t); align-items: center; justify-content: center; opacity: 28%; display: flex; flex-direction: column; padding: 97px; margin-top: var(--br1); } clsa div { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); min-height: 20px; align-items: center; justify-content: center; display: flex; margin-top: var(--br); width: 57%; padding: 6px; } clsa span { display: flex; gap: var(--br1); margin-top: var(--br1); } clsa cc { display: flex; background: var(--b-t22); color: var(--b-t95); border: solid; width: 67px; height: 32px; } clsa svg { transform: rotate(271deg); fill: var(--b); } select { color: var(--b); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; } option { display: block; color: var(--a); }clet bd i { height: 25px; width: auto; } clet hd { display: flex ; justify-content: space-between; } clet hd h2 { display: flex ; justify-content: space-between; font-size: 18px; margin-left: var(--br1); gap: var(--br1); margin-top: var(--m1); margin-bottom: var(--m); } clet svg { fill: var(--c0); width: auto; margin: unset; } clet div { display: flex ; font-size: 17px; font-weight: 700; margin-top: var(--m1); } clet bd d { font-size: 15px; font-weight: 700; display: flex ; } clet bd svg { fill: var(--c0); width: auto; margin: 5px; } clet bd p { display: flex ; gap: 4px; } clet hd i { height: 22px; width: 13%; } clet bl bd { display: block; margin-left: var(--br1); } clet hd i { width: 19px; height: 29px; justify-content: space-between; align-items: center; margin-block: auto; } clet btn { font-size: 19px; font-weight: 600; background: var(--aa); border-radius: 6px; padding: 12px; margin-bottom: var(--m); display: block; width: fit-content; }clba bl { display: flex ; gap: var(--m);padding: var(--p); } clba hd { display: flex ; min-width: 550px; max-width: 550px; } clba bd { display: block; } clba hd div { display: block; } clba hd div p { color: var(--b-t); font-size: 16px; line-height: 150%; font-weight: 500; } clba bd i { width: 100%; height: 100%; } clba bd div { display: flex ; margin-left: 22px; } clba hd h1 { font-size: 25px; } clba bd img { width: 100%; height: 100%; object-fit: cover; } clba ft {display: none;} @media (max-width: 900px) { clba bl { display: grid ; padding: var(--br1); } clba bd div { margin-left: 0; display: block; } clba bd i { width: 68%; height: 115%; } clba hd div p { width: 69%; font-size: 14px; } clba hd div h2 { font-size: 15px; } clba hd div h1 { font-size: 16px; } } clcr bl { display: flex; border-radius: var( --br1); box-shadow: 0 4px 10px var( --bor); justify-content: space-between; background: var(--b33); padding-left: var(--f1); padding-top: var(--m); } clcr bd btn { display: flex; padding: 10px; border-radius: var( --br); margin-top: var( --br); width: var(--br2); background: var(--a); } clcr bd dv { display: flex; gap: var(--m);margin-top: var(--br);} clcr hd p { font-size: var(--p1); } clcr bd btn:nth-child(2) { background: var(--c1); align-items: center; justify-content: center; } clcr bd select { color: var(--b); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: var(--a); font-weight: bold; } @media(max-width:999px){ clcr bl { display: block; color: var( --b); border-radius: var( --br1); box-shadow: 0 4px 10px var( --bor); padding: 17px; background: var(--b33); } clcr bd btn { display: flex; background: var(--a); padding: 10px; border-radius: var( --br); margin-top: var( --br); width: 87%; } clcr bd btn:nth-child(2) { background: var(--c1); align-items: center; justify-content: center; } clcr bd dv {display: grid;gap: 8px; margin-top: var(--br); } clcr hd h2 { font-size: 20px; } clcr bd span { font-size: 15px; } }cles bl { display: block; padding: 17px 20px 20px; box-shadow: 0 1px 2px var(--a); } cles hd { display: flex ; gap: 10px; justify-content: space-between; } cles hd h2 { display: flex ; align-items: center; gap: 7px; } cles b { color: var(--b); font-size: 18px; } cles hd i { width: 20px; height: 20px; } cles hd svg { fill: var(--b-t); } cles dv { display: flex ; gap: 10px; align-items: center; } cles d { display: flex ; color: var(--b); margin-top: 0%; } cles a { display: flex ; color: var(--b); font-weight: 400; background: var(--b33); padding: 2%; border-radius: 10%; width: 22%; } cles h2 i { display: flex ; height: 20px; width: 20px; } cles hd dv i { width: 70px; height: 20px; margin-top: 4px; margin-right: -21px; } cles bd { display: flex ; gap: 1%; background: var(--aa); margin-top: var(--br1); align-items: center; padding: var(--br1); overflow: scroll; } cles div b { display: flex ; font-size: 12px; } cles bd div { display: grid ; grid-auto-flow: row; gap: var(--br1); place-items: center; padding: var(--br1); position: relative; } cles bd i { width: 35px; height: 35px; } cles bd svg { pointer-events: none; stroke-width: 0; stroke: var(--b); fill: var(--b); flex-shrink: 0; width: 75px; height: 75px; display: inline-block; margin: 0; } cles div btn { display: flex ; background: var(--c); border-radius: 8px; height: 15px; width: 20px; align-items: center; justify-content: center; font-size: 12px; position: absolute; z-index: 999999; bottom: 3.6rem; left: 2.1rem; } cles div:nth-child(1) btn { display: flex ; background: var(--c1); border-radius: 8px; height: 15px; width: 20px; align-items: center; justify-content: center; font-size: 12px; position: absolute; z-index: 999999; bottom: 3.6rem; left: 2.1rem; } clut hd { display: flex ; justify-content: space-between; } clut h2 { display: flex ; align-items: center; font-size: 17px; gap: var(--br1); } clut hd i { width: 18px; height: 18px; } clut hd svg { fill: var(--b); } clut ft { display: flex ; justify-content: center; } clut ft btn { padding: var(--br1) var(--m); background: var(--rd); border-radius: var(--br); width: 100%; display: flex ; justify-content: center; } clut bd p { font-size: 15px; color: var(--b-t); } clut hd svg { fill: var(--b); } curp.Logout { display: block;position: fixed; } curp bl { display: flex; flex-direction: column; } clut { display: none; } clut.Logout { display: block; } clut { display: none; border-radius: var(--br1); background: var(--b33); max-width: 444px; min-width: 444px; padding: var(--f1); position: relative; bottom: 417px; left: 213px; } crba { display: flex ; margin-top: 10px; } crba bl { display: block; background: var(--b33); padding: 17px 7px 1px; border-radius: 5px; box-shadow: 0 0px 0px var(--b33); } crba hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } crba h5 { display: flex ; align-items: center; justify-content: space-between; color: var(--b-t); } crba i { display: flex ; width: 2%; } crba svg {fill: var(--b-t);} omrp { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } omrp bd p { font-size: 16px; font-weight: 500; color: var(--c0); line-height: 22px; } omrp bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } omrp div h3 { margin-top: 22px; }cmss { display: block; margin-top: 10px; } cmss bl { display: block; padding: 17px 7px 0px; background: var(--b33); box-sizing: 0 1px 2px var(--b33); border-radius: 5px; } cmss hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } cmss h5 { display: flex ; justify-content: space-between; color: var(--b-t); font-size: 13px; } cmss hd i { width: 20px; } cmss svg { fill: var(--b-t); } cnnq { display: block; } cnnq hd i { width: 100px; height: 35px; } cnnq hd { display: flex ; justify-content: space-evenly; align-items: anchor-center; } cnnq bd btn i { width: 20px; } cnnq d { display: flex; align-items: center; } cnnq bd btn:nth-child(2) { background: var(--c1); border-radius: 0 var(--br) var(--br) 0; } cnnq bd btn:nth-child(1) { border-radius: var(--br) 0 0 var(--br); } cnnq bd btn { display: flex ; align-items: center; padding:var(--p); background: var(--aa); } cnnq bd { display: flex; } cnnq div { display: flex;gap: var(--p3);align-items: center; } cnnq div i { width: 15px; } cnnq bl { display: flex ;justify-content: space-around;} cnnq div svg { fill: var(--b); } cnnq dv ul svg { fill: var(--b33); } cnnq bd h3 {font-size: 14px;} cnnq div span {font-weight: 500; display: flex ; gap: var(--m1); align-items: center;} cnnq ft { display: flex ; } cnnq i span { position: absolute; margin-right: 16px; bottom: 13px; border: solid 1px var(--c); } cnnq bd btn i:nth-child(2) { width: 15px; margin-left: 4px; } cnnq bd btn i:nth-child(3) svg { fill: var(--b-t); } cnnq bd btn:nth-child(2):hover { background: var(--at); } cnnq ft ul { display: flex ; flex-direction: column; max-width: 100vw; background: var(--b); border: 1px solid var(--b-t); border-radius: var(--br); box-shadow: 0 4px 12px var(--b33); color: var(--c); padding: 0; margin: 0; } cnnq ft li { display: flex ; align-items: center; gap: var(--br1); padding: var(--br1); } cnnq bd btn:nth-child(2) path { fill: var(--b); } cnnq bd btn:nth-child(2) i { display: none; } cnnq.Currencies btn i:nth-child(3) svg { fill: var(--b-t); transform: rotate(181deg);} @media (max-width: 900px) { cnnq bd btn:nth-child(2) i { display: block; } cnnq bd btn:nth-child(2) span { display: none; } cnnq div span { display: none;} cnnq div i:nth-child(1) { display: none; } cnnq div i:nth-child(5) { display: none; } cnnq hd i:nth-child(1) { position: relative; right: 17px; } cnnq bd { position: relative;right: 68px; } cnnq hd i:nth-child(1) {display: none;} cnnq ft { position: relative; right: 12%; } } @media (min-width: 900px) { cnnq hd i:nth-child(2) { display: none; } }cnoc p { color: var(--b-t); } cnoc li { color: var(--b-t); } cnts { display: block; border-radius: var(--br1); background: var(--b33); max-width: 370px; min-width: 370px; padding: var(--f1); margin-top: var(--f1); } cnts hd { display: flex ; justify-content: space-between; } cnts h2 { display: flex ; align-items: center; font-size: 18px; gap: var(--br1); } cnts hd i { width: 18px; height: 18px; } cnts hd svg { fill: var(--b); } app.Notifications cnts { display: block;position: fixed; } cnts { display: none; bottom: 68%; left: 37%; position: absolute; z-index: 999999; margin-left: auto; transform: translateX(24rem); } cnts bd { padding: var(--br1) var(--m); flex-direction: column; margin: auto var(--m); display: flex ; align-items: center; font-size: 15px; } cnts bd i { transform: rotate(90deg); width: 100px; height: 100px; margin-bottom: var(--m); } cnts bd p { margin: 5px 0 0 0; } class=" jrac " jrac="app" rc="Notifications"> cgcs hd { display: flex; align-items: center; justify-content: center; color: var(--b); } cogm bd { display: grid ; grid-template-columns: auto auto; gap: 20px; } cogm { border-radius: var(--br1); background: var(--aat); display: block; padding: var(--br1); margin-top: 22px; } cowe { display: block; } cowe bl { display: block; } cowe hd { display: flex ; justify-content: space-between; align-items: center; background: var(--aa); padding: 10px 15px; border-radius: var(--br); color: var(--b); font-size: 14px; } cowe hd b:nth-child(1) { font-weight: 400; } cowe hd b:nth-child(2) { font-weight: bold; color:var(--c1); } cowe>bl>hd:hover { background-color: var(--c3); } cowe ft {display: none;} cowe bd {display: none;} @media (max-width: 900px) { cowe hd b:nth-child(1) {font-size: 12px; } }cwwa { display: block; margin: var(--m);} cwwa hd { display: flex ; gap: var(--m); align-items: center; } cwwa hd btn { display: flex ; background: var(--aa); border-radius: var(--br); width: 45px; height: 45px; align-items: center; } cwwa hd i svg { width: 18px; height: 18px; fill: var(--b); } cwwa hd div { display: flex; gap: var(--m); background: var(--aa); border-radius: var(--br); max-height: 44px; } cwwa hd a { color: var(--b); font-size: 15px; display: flex ; align-items: center; padding: var(--br1) var(--f1);} cwwa hd span { display: inline-flex; width: 2px; height: 2.7em; margin: calc(-1 * var(--br1) var(--br1)); background: var(--a); transform: skew(-20deg); } cwwa bd dv { display: flex ; justify-content: space-between; align-items: center;padding: var(--p);} cwwa bd { background: var(--b33); border: solid 1px var(--b-t95); box-shadow: 0px 1px 7px -3px var(--c); border-radius: var(--br);margin-top: var(--m); } cwwa bd i { width: 16px; height: 16px; } cwwa bd i svg { fill: var(--b); } cwwa bd div { display: none ; grid-template-columns: auto auto auto; gap: var(--p); padding: var(--br1) var(--f1); border-top: solid 1px var(--b-t22);} cwwa.Winners bd div { display: grid ; } @media (max-width: 999px) { cwwa bl {display: block;} cwwa bd div { grid-template-columns: auto auto; } cwwa hd a:nth-child(7) { display: block; padding: var(--f1) 22px; } cwwa hd a, cwwa hd span { display: none; } cwwa hd { gap: var(--f1); } } cfsa { display: block; } cfsa hd { display: block; } cfsa ul li {list-style-type: none; line-height: 21px; color: var(--b-t); font-size: var(--f1); font-weight: var(--fw);} cfsa hd h3 { display: flex ;} cfsa ul li:hover {color: var(--b);}oppc hd h2 { display: block; color: var(--b); font-size: 26px; font-weight: 400; } oppc bl { display: block; padding: 22px; } oppc bl hd { display: flex; justify-content: center; align-items: center; flex-direction: column; } oppc bl bd { display: flex; gap: var(--m); overflow: scroll; } oppc bd i { height: 100%; justify-content: unset; } oppc bd img { min-width: 222px; } oppc d { position: relative; width: 80%; height: 80px; } oppc line { position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: #2a3b49; transform: translateY(-50%); } oppc t { position: absolute; top: 50%; height: 14px; width: 14px; background-color: #2a3b49; border-radius: 50%; transform: translateY(-50%); } oppc t:nth-child(2) { left: 10%; } oppc bd div { display: block; border: solid 2px var(--b-t22); border-radius: var( --br); } oppc t:nth-child(3) { left: 30%; } oppc t:nth-child(4) { left: 50%; } t:nth-child(5) { left: 70%; } @media(max-width:999px){ oppc hd h2 { display: block; color: var(--b); font-size: 20px; font-weight: 400; } oppc d { position: relative; width: 174%; height: 80px; } }opto bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } opto bd p { font-size: 16px; font-weight: 500; color: var(--c0);} opto { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top:32px;} opto bd h3 { display: block; margin-top: 24px; font-size: 16px; font-weight: 500; } /*Component=Policie_Service*/ opop bl hd { display: flex; align-items: baseline; justify-content: space-between; margin-top: 39px; } opop bl hd i { width: 20px; height: 20px; } opop bl hd svg { fill: var(--b); } opop bl hd h2 { display: flex; align-items: center; gap: 5px; } opop bl hd h2>i { width: 35px; height: 35px; } opsp bl { border-radius: 8px; padding: var(--p); overflow-y: auto; position: relative; /*max-width: 251px;*/ min-width: 251px; } opsp hd { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 20px; } opsp bd { background-color: var(--aa); border-radius: 8px; max-height: 90vh; overflow-y: auto; position: relative; padding: 15px 10px 0px 0px;display: block; } opsp bd span { display: flex; color: var(--b); text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.3s; padding: 2px 0px 0px 10px; height: 40px; align-items: center; width: 100%; } opsp bd span:hover { background: var(--aat); } scpoc.Service opsp bd span.Service { border-left: 3px solid var(--c1); } scpoc.Deposit opsp bd span.Deposit { border-left: 3px solid var(--c1); } scpoc.Privacy opsp bd span.Privacy { border-left: 3px solid var(--c1); } scpoc.Coin opsp bd span.Coin { border-left: 3px solid var(--c1); } scpoc.Providers opsp bd span.Providers { border-left: 3px solid var(--c1); } scpoc.Sportsbook opsp bd span.Sportsbook { border-left: 3px solid var(--c1); } scpoc.Cookies opsp bd span.Cookies { border-left: 3px solid var(--c1); } scpoc.Exclusion opsp bd span.Exclusion { border-left: 3px solid var(--c1); } scpoc.Racing opsp bd span.Racing { border-left: 3px solid var(--c1); } scpoc.Card opsp bd span.Card { border-left: 3px solid var(--c1); } scpoc.Poker opsp bd span.Poker { border-left: 3px solid var(--c1); } scpoc.Affiliate opsp bd span.Affiliate { border-left: 3px solid var(--c1); } cccy hd h3 { padding-bottom: var(--f1); border-bottom: solid var(--b33); } cccy>bl>bd { margin-top: var(--f1); } cccy flex { display: flex ; } @media (max-width: 999px) { cccy flex {overflow: scroll;} cccy hd h3 {padding: var(--p);} cccy { margin-top: var(--m); display: block; } cccy>bl { margin-top: var(--m); } } /* Component : PrivacySettings */ .flyout flyouts { display: block; visibility: visible; opacity: 1; } .flyout flyout { display: block; visibility: visible; opacity: 1; } ccpps { display: block; margin: var(--m1); } cpst { display: block; position: relative; inset: 0; max-width: 777px; max-height: max-content; margin: auto; z-index: 999; box-shadow: var(--bs1); border-radius: var(--p2); } cpst>bl { display: block; background: var(--bgb); border-radius: var(--p3); box-shadow: var(--m1) var(--cgg); backdrop-filter: blur(16px); border: solid 4px var(--b-t22); overflow: hidden; } cpst hd { display: block; } cpst hd d { display: grid ; grid-template-columns: 50% 50%; border-bottom: 1px solid var(--bc); background: var(--b-t22);} cpst hd aa.this { border-bottom: 1px solid; color: var(--bt); } cpst hd aa { text-align: center; padding: var(--p); } cpst hd aa { text-align: center; padding: var(--p); } cpst hd t { font-size: 0.88em; font-weight: bold; } cpst hd span {padding: var(--p); display: block; } cpst:before { content: ""; position: absolute; width: 252px; height: 202px; background: var(--a); left: var(--br1); border-radius: var(--bra); filter: blur(48px); top: var(--m); opacity: .4; } cpst bd { display: block; padding: var(--p3); font-family: 'Roboto'; letter-spacing: 0.4px; line-height: 22px; } cpst bd h3 { font-size: 1em; font-weight: bold; margin: var(--p1); } cpst bd p { font-size: 0.88em; font-weight: 500; margin: var(--p1); } cpst bd span { font-size: 1em; font-weight: 500; margin: var(--p1); } 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: var(--p1); } cpst bd btc { display: flex ; flex-direction: column; text-align: center; padding: var(--p); 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: var(--br1); } cpst bd oo { width: 18px; height: 18px; box-shadow: unset; } cpst a { color: var(--b); } cpst ft { display: block; padding: var(--p3); } cpst ft btns { display: grid; grid-auto-flow: column; column-gap: var(--p); } cpst ft btn { display: flex ; justify-content: center; background: var(--a); color: var(--b); padding: 1.2rem; border-radius: var(--m); transition: 99ms; font-family: system-ui; box-shadow: var(--btn); transition: 222ms; } cpst ft t { font-size: 0.88em; font-weight: 500; } cpst ft btn:hover { transform: scale(1.03) translateY(-3px); } .oo oo { box-shadow: unset; margin-left: var(--p1); } app.ds cpst { display: block !important; } @media only screen and (max-width: 999px) { cpst bd bb { left: var(--m1); } cpst { margin: var(--m); } cpst ft btns { grid-template-columns: auto 31% auto; gap: var(--br1); } cpst ft { padding: var(--br); } cpst bd { padding: var(--p2); } cpst bd p { margin: 0; } }cppo bd p { font-size: 18px; font-weight: var(--500); color: var(--c0); line-height: 30px; } cppo { display: none; background: var(--aa); padding:var(--m); border-radius: var(--br1); margin-top: 32px; max-width: 817px; min-width: 817px; } cppo bl ft { display: flex; justify-content: center; } cppo div ul { display: block; line-height: 25px; } cppo ul li { color: var(--c0); } cppo div h2 { display: block;} cppo div dv { display: block; position: relative; bottom: 14px; } cppo i { color: var(--b); position: relative; justify-content: unset; } cppo i::before { content: "◉"; color: #a0a0a0; margin-right: 8px; font-size: 10px; vertical-align: middle; margin-left: 37px; } cppo span { color: var(--c0); font-family: system-ui; font-style: normal; font-size: 14px; } cppo span:hover { color: var(--b); } cppo f:hover { color: var(--b); } sstgs.Settings csps { display: grid; } cpsg bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); display: flex; flex-direction: column; } cpsg hd { display: block; border-bottom: 1px solid; border-color: var(--b-t22); } cpsg hd p { font-size: var(--p); color: var(--b-t); } cpsg hd h2 { font-size: var(--m); } cpsg bd { display: block; border-bottom: 1px solid; border-color: var(--b-t22); } cpsg bd div { display: flex; line-height: var(--br1); padding: var( --m); gap: var(--br1); flex-direction: column; } cpsg bd p { color: var(--b-t44); font-size: 14px; } cpsg bd b { font-size: 14px; color: var(--b-t); } cpsg ft btn { background: var(--gn); border-radius: var(--br); display: flex; width: 9%; color: var(--c); justify-content: center; padding: var(--br1); align-items: center; } cpsg bd h3 {font-weight: 500;} cpsg ft p { color: var(--b-t); } cpsg bd dv { display: flex; gap: var(--br1); } cpsg ft { display: flex; align-items: center; justify-content: space-between;padding: var(--br1);} cpbl bl { display: block; background: var(--b33); padding: 17px 7px 1px; border-radius: 5px; box-shadow: 0 0px 0px var(--b33); } cpbl hr { display: flex ; background: var(--b-t95); margin-top: 7px; margin-left: -20px; width: 1200px; } cpbl h5 { display: flex ; align-items: center; justify-content: space-between; color: var(--b-t); } cpbl i { display: flex ; width: 2%; } cpbl svg {fill: var(--b-t);}opcm { display: block; } opcm bl {display: flex;align-items: center;color: var(--b);padding: var(--p1);border-radius: var(--p);min-width: 333px;box-shadow: 0 var(--br) 10px var(--aaa);} opcm ft:hover::before { color: var(--b); } opcm hd h3 { font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: var(--ds-radius-md, 3px); padding: var(--spacing-0) var(--spacing-1); font-feature-settings: "tnum"; white-space: nowrap; line-height: 1.5; background: var(--b); color: var(--a); height: 25px; width: 62%; font-size: var(--p1); } opcm hd span { display: block; font-size: 19px; margin-top: 6px; font-weight: var(--fw); } opcm hd p { display: block; font-size: var(--p1); position: relative; bottom: 7px; } opcm bl hd { display: block; } opcm bd img {width: 100%;height: 100%;} opcm read { display: block; position: relative; bottom: 21px; font-size: 18px; font-weight: var(--fw1); } opnm hd h2 { display: block; color: var(--b); font-size: 21px; } opnm bd flex { display: flex; overflow: scroll; } crag div { background: var(--a); padding: var(--f1); border-radius: var(--br); } crnd {display: none;} crnd {background: var(--aa);padding: var(--p3);border-radius: var(--br);} crnd p{color:var(--b-t);}cpag hd { display: flex; align-items: center; justify-content: center; color: var(--b); } cpag { border-radius: var(--br1); background: var(--aat); display: block; padding: var(--br1); margin-top: 22px; } cpag a { color: var(--b); padding: var(--br1); } cpag p { color: var(--c0); } cpag bl bd { display: flex;} cpag ft btn { background: var(--b33); padding: var(--br1) 27px; border-radius: var(--br); display: flex; align-items: center; justify-content: center; color: var(--b-t44); } cpag b { font-size: 28px; } cpag ft { display: flex; align-items: center; justify-content: center; gap: 21px; margin-top: var(--br1); } cpag ft btn:hover { background: var(--b-t44); } @media only screen and (max-width: 666px) { cpag bl bd { display: block; } }cpow div img { width: 12%; border-radius: var(--br1); transition: transform 0.3s ease-in-out;} cpow div img:hover { transform: translateY(-8px); } cpow.circle{ display: block; width: 8px; height: 8px; z-index: 1; margin-left: var(--br1); margin-top: var(--br); border-radius: var(--br2); background: var(--gn);} cpow bd p { color: var(--b-t); font-weight: 400; margin: 0px;} cpow bd { display: flex; align-items: center; color: var(--b); margin-top: 5px; gap: 9px; } cppa hd img { border-radius: var(--p); }cpvo h2 { display: flex; color: var(--b); padding: 20px 14px 10px 70px; } cpvo bl { display: block; background: #213743; } cpvo i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: end; align-items: center; } cppa { display: block; } cppa hd { display: flex; } cppa hd i { width: 30px; height: 30px; } cppa bd {display: flex;gap: var(--m);overflow: scroll;} @media (max-width: 900px) { cppa bd {min-width: 128px;max-width: 413px;gap: var(--p);} }cpru {padding: var(--p3); border-radius: var(--br); display: block; background: var(--aa); margin-top: var(--br1); } cpru btn { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); min-height: 20px; align-items: center; justify-content: center; display: flex; margin-top: var(--br); padding: 5px; width: 84%; } cpru p { color: var(--c0); font-size: 14px; } cpru btns { border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); min-height: 20px; max-height: 22px; display: flex; margin-top: var(--br); padding: 5px; max-width: 93%; background: var(--b33); } cpru pura { background: var(--gn); border-radius: var(--br); color: var(--c); padding: var(--br1); height: 26px; width: 60px; margin-top: 6px; align-items: center; justify-content: center; display: flex; } cpru div { display: flex; } cpru svg.svg-icon { height: 20px; margin-left: 93%; fill: var(--b); } creo { display: none; padding:var(--m); background: var(--aat); border-radius:var(--br1);} creo p { color: var(--c0); font-size: var(--b); align-items: center; } creo bd div { display: grid; grid-template-columns: auto auto auto; gap: var(--p); margin-top: var(--f1); } creo ft h4 { margin-top: var(--f1); } creo ft h6 { margin-top: var(--f1); } creo ft a { color: var(--c0); display: flex; align-items: center; } creo ft a:hover { color: var(--b); } creo ft a1 { color: var(--c0); font-weight: 700; } creo ft li { color: var(--c0); } creo ft i { height: 10px; width: 20px; } creo ft svg { fill: var(--b-t); }cosc span { display: flex; align-items: center; justify-content: space-between; background: var(--aa); border-radius: var(--br); } cosc div { display: flex; gap: var(--br1); align-items: center; } cosc div i:nth-child(2) { height: 9px; } cosc bd { margin-top: var(--br1); } csco svg { height: 16px; fill: var(--b-t88); } csco flex {display: flex; gap: var(--br1); padding: var(--br1); } csco img { height: 12px; display: flex; transform:} csco flex { display: flex; gap: var(--br1); } csco btns { padding: var(--f1); background: var(--b-t22); border-radius: var(--br); } csco btn { border-radius: var(--f1); padding: var(--br1); } csco btn:nth-child(1) { background: var(--b33); } csco btn:hover { background: var(--b-t22); } csco div:nth-child(2) { background: var(--aat); } csco bl { display: block; padding: var(--br); } csco div { width: fit-content; border-radius: var(--p3); padding: var(--f1); background: var(--aat); }cspd bl {display: grid;gap: var(--p);} cspd hd div { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22); padding: var(--p); background: var(--a); line-height: 34px; } cspd hd Country { background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); align-items: center; justify-content: center; display: flex; padding-right: 9px; width: fit-content; } cspd hd input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: unset; color: var(--b); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; } cspd hd dv { border-bottom: 1px solid; display: block; padding: var(--p); border-color: var(--b-t22); } cspd hd btn { background: var(--gn); border-radius: var(--br); display: flex; margin-left: auto; width: 9%; margin-top: var(--br1); color: var(--c); align-items: center; justify-content: center; } cspd hd img { max-width: 100%; max-height: 100%; } cspd hd i { height: 19px; filter: invert(1); width: 20px; } @media only screen and (max-width: 666px) { cspd hd div { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22); padding: var(--p); background: var(--a); line-height: 34px; max-width: 359px; } cspd hd btn { background: var(--gn); border-radius: var(--br); display: flex; margin-left: auto; width: 20%; margin-top: var(--br1); color: var(--c); align-items: center; justify-content: center; } } cssn bl { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22); padding: var(--p); background: var(--a); line-height: 34px;} cssn hd { border-bottom: 1px solid; display: block; padding: var(--br); width: 99%; border-color: var(--b-t22); line-height: var(--p3); } cssn bd select { color: var(--b); border: unset; background: var(--aa); font-weight: bold; width: 79px; } cssn bd a {background: var(--aa);border-radius: var(--br);max-width: 76px;border: 2px solid;border-color: var(--b-t22);justify-content: center;display: flex;padding: var(--m1);} cssn bd table {width: 100%;border-collapse: collapse;font-size: 14px;color: var(--b);background: var(--b33);} cssn thead tr { height: 40px; } cssn tr {background: var(--a); width: -webkit-fill-available; } cssn th { text-align: left; padding: 8px 12px; box-shadow: unset;color: var(--b-t);} cssn tr td { padding: 10px; height: 26px; text-align: justify; background: var(--b-t95);color: var(--b-t);font-weight: bold;} cssn tr:hover { background-image: none; } cssn th span { color: var(--rd); } cssn td span { font-weight: bold; color: var(--b); } cssn td t { color: var(--rd); font-weight: bold; } cssn bd { display: block; border-bottom: 1px solid; border-color: var(--b33); } cssn ft a {color: var(--b-t); font-size: var(--p); font-weight: var( --fw); } cssn ft btn { background:var(--b-t95); padding: var(--br1); border-radius: var( --br); } cssn ft { display: flex; align-items: center; justify-content: space-between; padding: var(--br1); } cssn ft dv { display: flex; gap: var(--p); } cssn ft btn:nth-child(2) { width: 49px; align-items: center; justify-content: center; display: flex; } cssn ft btn:nth-child(2):hover { background: var(--b-t22); } @media only screen and (max-width: 666px) { cssn hd p { font-size: var(--f1); } } cstr bd { background: var(--a); gap: 0px; border-radius: 0; border-bottom: 1px solid;padding: var(--br1);border-color: var(--b-t22);} cstr bl { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22);padding: var(--p);background: var(--a); line-height:34px;} cstr hd dv { border-bottom: 1px solid; display: block; padding: var(--br); border-color: var(--b-t22); line-height: var(--p3); } cstr bd p { line-height: 19px; font-size: var(--p1); } cstr bd img { max-width: 100%; max-height: 100%; } cstr bd d { padding: 7px; display: block; background: var(--b); width: 10%; border-radius: var(--br); } cstr bd code { font-size: var(--p1); } cstr bd span { background: var(--b-t22); width: fit-content; display: flex; border-radius: var(--br); align-items: center; justify-content: flex-start; padding-left: var(--m1); } cstr bd Country { background: var(--aa); border-radius: var(--br); max-width: 437px; border: 2px solid; border-color: var(--b-t22); min-height: 20px; max-height: 22px; align-items: center; justify-content: center; display: flex; margin-top: var(--br); padding: 5px; } cstr bd input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: unset; color: var(--b); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; } cstr bd svg { fill: aliceblue; height: 21px; width: 18px; } cstr bd span i { height: 100%; width: fit-content; } cstr bd country i { height: 20px; width: fit-content; } cstr ft btn { background: var(--gn); border-radius: var(--br); display: flex; margin-left: auto; width: 9%; margin-top: var(--br1); color: var(--c); align-items: center; justify-content: center; padding: var(--br1); } cstr ft { padding: var(--p); display: flex; }oseo { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } oseo bl {border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } oseo div ul {display: block;line-height: 25px;} oseo ul li { color: var(--c0); line-height: 164%; margin-top: 5px; font-size: 18px; } oseo p { font-size: 16px; font-weight: 500; color: var(--c0);} oseo div span {color: var(--b);} oseo div a:hover {color: var(--b);} oseo div a {color: var(--c0);} oseo bd h4 { padding-bottom: 1%; padding-top: 11px; } oseo i { width: 23px; height: 14px; } chko { display: flex; background: #1a2c38; border: 1px solid; border-color: var(--b33); margin-top: var(--m); border-radius: var(--br); } chko h3 { padding: 1rem; font-weight: 600; } chko p { color: var(--c0); padding: 0rem 1rem 0rem 1rem; } chko ft a { color: var(--b); } chko ft { display: flex; border-top: 1px solid; border-color: var(--b33); justify-content: space-between; align-items: center; padding: var(--m1); } chko btn { display: flex; background: #2f4553; padding: var(--m1); border-radius: var(--br); position: relative; right: 7px; } chko btn:hover { background: #557086; } cleo { display: flex; padding:var(--m); background: var(--aat); border-radius:var(--br1);}csvr p { color: var(--b-t); } csgs bd d { display: block; background: var(--aa); border-radius: var(--br1); padding: var(--br1); margin-top: var(--br1); } sstgs.Account csgs bd span.Account { border-left: 3px solid; border-color: var(--c1); display: flex; } sstgs.Offers csgs bd span.Offers { border-left: 3px solid; border-color: var(--c1); display: flex; } sstgs.Security csgs bd span.Security { border-left: 3px solid; border-color: var(--c1); display: flex; } sstgs.Preferences csgs bd span.Preferences { border-left: 3px solid; border-color: var(--c1); display: flex; } sstgs.API csgs bd span.API { border-left: 3px solid; border-color: var(--c1); display: flex; } sstgs.Verification csgs bd span.Verification { border-left: 3px solid; border-color: var(--c1); display: flex; } csgs bd span { height: 36px; align-items: center; border-left: 3px solid var(--0); margin-left: -7px; padding: 4px; justify-content: flex-start; display: flex; padding-left: 8px; } csgs bd span:hover { background: var(--c);} csgs hd img {max-width: 100%;max-height: 100%;} csgs hd i { height: 24px; width: fit-content; } csgs hd {display: flex;gap: var(--br1);} sstgs.Account csat { display: block; } csat { display: none; } csps { display: none; } csor { display: none; } csor { display: none; } csvn { display: none; } cass { display: none; } csat hd { display: grid; gap: var(--br1); justify-content: flex-end; align-items: center; padding-bottom: var(--p); } csat hd svg { height: 23px; filter: invert(1); } csat bd dv { display: grid; background: var(--aa); border-radius: var(--br1); padding: var(--p); gap: var(--p3); width: -webkit-fill-available; } csat bd { display: flex; gap: var(--p3); } csat bd div { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22); padding: var(--p); background: var(--a); display: flex; flex-direction: column; } csat bd h2 { font-size: var(--m); } csat bd b { display: flex; gap: var(--p); align-items: center; border-bottom: 1px solid; border-color: var(--b-t22); padding: var(--f1); } csat bd t { background: var(--gn); border-radius: var(--p2); min-height: 21px; width: 10%; align-items: center; display: flex; justify-content: center; color: var(--c); font-weight: var(--fw); font-size: var(--m1); } csat bd flex {display: block;border-bottom: 1px solid;border-color: var(--b-t22);padding: var(--f1);} csat bd gmail { display: block;background: var(--b-t22); padding: var(--p); border-radius: var(--br); } csat bd btn { background: var(--gn); padding: var(--p); border-radius: var(--br); display: flex; width: fit-content; margin-top: var(--br1); color: var(--c); align-items: center; justify-content: center; white-space: nowrap; } csat bd p { font-size: var(--p); font-weight: var(--fw1); } csat bd a {display: block;align-items: center;max-width: 96%;margin-left: 2%;border-bottom: 1px solid;border-color: var(--b-t22);color: var(--b);} csat bd Country { background: var(--a); border-radius: var(--br); max-width: 437px; border: 2px solid; border-color: var(--b-t22); min-height: 31px; max-height: 24px; align-items: center; justify-content: center; display: flex;margin-top: var(--br);} csat bd select { color: var(--b); width: 92%; font-weight: bold; border: unset; } csat bd number { margin-top: var(--br1); display: block; font-size: var(--p); } csat bd input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: unset;color: var(--b); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; } csat bd div:nth-child(2) { border: 1px solid; border-radius: var(--br1); border-color: var(--b-t22); padding: var(--p); } csat hd i { height: 21px; width: 23px; } @media only screen and (max-width: 666px) { csat bd d { background: var(--aa); border-radius: var(--br); align-items: center; display: flex; height: fit-content; width: fit-content; padding-right: var(--br); justify-content: center; } csat bd span { height: 36px; align-items: center; margin-left: -7%; padding: 4px; display: none; } csat bd span:hover {display: none;} csat bd { display: grid; gap: var(--br1); } csat bd t { background: var(--gn); border-radius: var(--p2); align-items: center; display: flex; justify-content: center; color: var(--c); font-weight: var(--fw); font-size: var(--m1); padding: var(--br); } csat bd p { font-size: var(--p1); font-weight: var(--fw1); } } csnr bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } csnr hd {display: block;border-bottom: 1px solid;border-color: var(--b-t22);padding-bottom: var(--m);padding: var(--f1);} csnr bd number {display: block;line-height: 38px;} csnr bd { font-size: var(--f1); color: var(--b-t); display: flex;gap: var(--m1); border-bottom: 1px solid; border-color: var(--b-t22); } csnr bd dv { display: block; padding-left: var(--m); } csnr ft btn {background: var(--gn);border-radius: var(--br);display: flex;width: 9%;color: var(--c);justify-content: center;padding: var(--br1);align-items: center;} csnr ft { display: flex; align-items: center; justify-content: flex-end; padding: var(--br); }sstgs.Preferences csps { display: grid; } csps>bl>bd { display: block; background: var(--aa); border-radius: var(--br1); padding: var(--p); } csps bl { gap: var(--br1); display: grid; } csps>bl>hd { display: flex; align-items: center; justify-content: flex-end; } csps hd svg { height: 23px; fill: var(--b-t); } csps hd i { height: 17px; width: fit-content; }cssy { display: none; } sstgs.Security cssy { display: block; } cssy>bl>bd { display: grid; width: -webkit-fill-available; background: var(--aa); border-radius: var(--br1); padding: var(--p); gap: var(--p3);} cssy>bl>hd { display: flex; align-items: center; justify-content: flex-end; } cssy hd svg { height: 23px; fill: var(--b-t); } cssy hd i { height: 17px; width: fit-content; } cscm bl { border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } cscm hd h3 { display: flex; justify-content: space-between; font-size: var(--m); color: var(--b-t); align-items: center; } cscm hd i { height: fit-content; width: fit-content; } cscm hd svg { height: 9%; width: 6%; fill: var(--b-t); } ccds { display: none; } cscm.After ccds { display: block; } csmg bl {border: 1px solid;border-radius: var(--br);border-color: var(--b-t22);padding: var(--p);background: var(--a);} csmg hd dv { display: flex; align-items: center; gap: var(--br1); } csmg hd h3 { font-weight: var(--fw1); line-height: 18px; } csmg hd b { color: var(--b-t); font-size: var(--f1); } csmg hd p { color: var(--b-t); margin: 0; margin-top: 6px; display: flex; font-weight: var(--fw1); font-size: var(--m1); } csmg bd {display: flex ; gap: var(--m1); align-items: center; opacity: var(--br2); border-bottom: 1px solid; padding: var(--m1);} csmg bd dv { display: flex; align-items: center; gap: var(--br1); } csmg bd h3 { font-weight: var(--fw1); line-height: 18px; } csmg bd p { color: var(--b-t); margin: 0; margin-top: 6px; display: flex; font-weight: var(--fw1); font-size: var(--m1); } csmg bd b { color: var(--b-t); font-size: var(--f1); } csmg ft btn { display: flex; align-items: center; justify-content: center; background: var(--gn); padding: var(--m1); border-radius: var(--br); width: 7%; color: var(--c); } csmg ft { display: flex; align-items: center; justify-content: flex-end; }sstgs.Offers csor { display: grid; } csor>bl>bd { background: var(--aa); border-radius: var(--br1); padding: var(--p); } csor>bl>hd { display: flex; align-items: center; justify-content: flex-end; } csor hd svg { height: 23px; fill: var(--b-t); } csor hd i { height: 17px; width: fit-content; } csua bl { border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } csua hd h2 { display: flex; justify-content: space-between; font-size: var(--m); color: var(--b-t); align-items: center; } csua hd i { height: fit-content; width: fit-content; } csua hd svg { height: 17%; width: 28px; fill: var(--b-t); } csua bd p { margin: 3px; color: var(--b-t); font-size: var(--f1); } csua bd i { height: 15px; width: 22px; } csua bd svg { fill: var(--gd); height: 17px; width: 15px; } csua bd dv { display: flex; border: dotted; padding: var(--br1); align-items: center; border-color: var(--gd);background: var(--aa);} csua bd dv p { margin: 3px; color: var(--gd); font-size: var(--f1); } csua bd a { color: var(--b); font-size: var(--m2); font-weight: var(--fw); padding-top: var(--br); display: flex; } csua bd Following { display: block; background: var(--b-t22); border-radius: var(--br); color: var(--b-t); opacity: 60%; padding: var(--br1);} csua bd div { border: dotted; padding: var(--p); border-color: var(--b-t); margin-top: var(--br1); opacity: 28%; display: flex; flex-direction: column; align-items: center; justify-content: center; } csua bd btn { display: flex; align-items: center; justify-content: center; background: var(--b-t22); padding: var(--p); border-radius: var(--br); margin-top: var(--p2); } csua bd div svg { min-height: 100px; min-width: 131px; display: flex; margin: var(--p2); margin-bottom: var(--m1); } csua ft btn { align-items: center; justify-content: center; display: flex; padding: 10px; background: var(--c1); border-radius: var(--br); } csua ft { padding: var(--br);opacity: 47%;} sstgs.Verification csvn { display: grid; } csvn>bl>bd { background: var(--aa); border-radius: var(--br1); padding: var(--p); } csvn>bl>hd { display: flex; align-items: center; justify-content: flex-end; } csvn hd svg { height: 23px; fill: var(--b-t); } csvn hd i { height: 17px; width: fit-content; }rnpm bl{ display: block; min-width: 491px; max-width: 491px; background: var(--b-t95); border-radius: var(--br1); margin: auto;} rnpm { display: none; bottom: 45%; left: 20%; position: absolute; z-index: 999999; margin-left: auto; transform: translateX(24rem); } rnpm bl { display: flex; flex-direction: column; } rnpm.Setup_Wallet { display: block;position: fixed; } rnpm hd img { border-radius: var(--br1) var(--br1) 0 0; } rnpm bd { display: block; padding:0 var(--f1); } rnpm bd p { margin: 0; } rnpm ft { display: block; padding: var(--f1); } rnpm hd btn { display: block; height: 35px; width: 35px; left: 65%; right: 0; bottom: 0; position: absolute; top: 30%; z-index: 999; } rnpm ft btn { padding: var(--f1); background: var(--c1); display: flex ; justify-content: center; align-items: center; border-radius: var(--br); } rnpm hd svg { fill: var(--b); } rnpm.Setup_Wallet { position: fixed; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; max-width: 100%; margin: auto; top: 0; bottom: 0; transform: translateY(0); backdrop-filter: brightness(0.4); z-index: 99999999; } cstmo::before { content: ""; display: block; position: absolute; background-image: url(/-/CarDekho/asset/Original.jpg); background-position: center; inset: 0; filter: invert(1);} cstmo { position: relative; display: block; padding: var(--p3); border-radius: var(--br1); overflow: hidden; color: var(--b); box-shadow: var(--bxs); border: var(--bs); transition: 333ms; } cstmo bl { z-index: 999; position: relative; display: grid; justify-content: center; font-family: system-ui; } cstmo hd i { height: 100%; width: 47px; margin: auto; filter: invert(1);} cstmo hd { display: block; } cstmo:hover { transform: translateY(-8px); } cstmo:active { transform: scale(.97); } cstms flex { display: flex; flex-wrap: wrap; margin: var(--m); gap: 16px; } clov p { color: var(--c0); font-size: 15px; } clov { display: none; } clov { background: var(--aa); padding: var(--p3); border-radius: var(--br); } clov btn { display: flex; padding: var(--m1); background: var(--b-t95); color: var(--b); width: fit-content; border-radius: var(--br); }csroe { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; } csroe bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } csroe ul li { color: var(--c0); line-height: 150%; margin-top: 5px; font-size: 16px; } csroe bd b { display: block; line-height: 92px; font-size: 24px; } csroe dv ul li:hover { color: var(--b); } csroe bd h2 { font-size: 14px; margin-left: 13px; } csroe span { display: block; color: var(--c0); font-size: 16px; position: relative; }cspom { display: block; background: var(--aa); border-radius: var(--br1); padding: var(--m); margin-top: 15px; } cspom hd a { color: var(--b); font-size: 16px; } cspom hd h2 { font-size: 16px; gap: 13px; display: flex; align-items: baseline; color: var(--bg); font-weight: 500; } cspom hd h2:hover { color: var(--b); } cspom hd i { height: 12px; width: 18px; margin-top: 7px; } cspom bl hd { display: flex; justify-content: space-between; } cspom bd div.active { display: block; margin-top: 13px; padding: var(--p); } cspom bd div {display: none;} cspom div btn { border-radius: var(--m); padding: var(--p); gap: 17px; display: flex; } cspom bd btns { color: var(--b); border-radius: var(--p2); display: flex; background: var(--a); width: 20%; padding: var(--br1); gap: 17px; } cspom.Games btn.Games {background: var(--b-t22);} cspom div btn:hover { background: var(--b-t22); } cspom.Stake btn.Stake{background: var(--b-t22);} cspom bd dv { display: flex; margin-top: 13px; } cspom bd dv1 { display: block; margin-top: 13px; } cspom dv i { height: 221px; width: 170px; } cspom i img { border-radius: var(--br); } cspom f span { padding: 3px 11px var(--br); background: var(--a); border-radius: var(--p3); font-size: 11px; } cspom dv f { display: flex; gap: 10px; margin-top: 10px; margin-left: 14px; } cspom dv1 p { color: var(--b-t); font-size: 16px; margin-left: 10px; } cspom p { color: var(--b-t); font-size: 18px; font-weight: 600; } cspom div h3 { margin-top: 20px; } @media (max-width: 999px) { cspom {width: 80%;margin: var(--p);} cspom bd btns {width: 70%;gap: var(--lgaa);} cspom dv f {margin-top: 0;margin-left: 0;display: grid;grid-template-columns: auto auto auto;align-items: center;} cspom f span {font-size: 13px;padding: 8px 0px 7px 8px;} cspom dv i { display: none; } cspom dv1 p { font-size: 12px; margin-left: 0; } cspom p { font-size: 15px; } cspom h2 { font-size: 15px; } } /*Start_Menu*/ /* Rajveer Nayak */ csmu { display: block; color: var(--b); } csmu bl { display: block; } csmu hd { display: flex ; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 17px; background: var(--a); padding: var(--p); } csmu hd span i { width: 18px; height: 18px; } csmu hd svg { fill: var(--b); } csmu hd mg { display: flex; gap: 10px;} csmu hd btn { line-height: 44px; border-radius: var(--br); transition: transform 0.2s ease; padding: 0 var(--f1); align-items: center; display: flex ; } csmu hd btn { background-color: var(--aa); height: 43px; color: var(--b); background-image: url(/-/Gambling/asset/Casino.png); background-size: cover; background-repeat: no-repeat; font-weight: bold; text-align: center; } csmu hd btn:hover { background-image: url(/-/Gambling/asset/active.png);background-size: inherit; background-position: center; } csmu hd aa:nth-child(2) btn:hover { background-image: url(/-/Gambling/asset/active-sports.png); background-size: inherit; background-position: center;} csmu bd { display: block; border-radius: var(--br); padding: 9px; margin: 15px;height: 53rem;overflow: scroll; } csmu bd dv { background-color: var(--aa); border-radius: 6px; } csmu bd div { display: flex ; align-items: center; gap: 10px; padding: var(--br1) var(--br); font-size: 16px; font-weight: 500; justify-content: space-between; border-radius: var(--br); } csmu bd div:last-child { border-bottom: none; } csmu bd h2 { font-size: 14px; display: flex ; align-items: center; gap: var(--br1); padding: var(--br) 0; } csmu ft { display: block; text-align: center; margin-top: 10px; font-size: 12px; color: var(--bg); } csmu bd i { width: 15px; height: 15px; } csmu bd svg { fill: var(--b-t); } csmu bd i:nth-child(2) { width: 20px; height: 20px; } csmu bd dv h4 {font-size: 14px;color: var(--b-t);} csmu bd div:hover { background: var(--b-t95); } csmu bd li:hover { background: var(--b-t95);} csmu bd ul { border-left: solid 2px var(--b-t22); margin: 0 9px; padding: 0;display: none;} csmu bd li { list-style: none; display: flex ; align-items: center; margin-bottom: var(--br1);font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; padding: 7px var(--f1);gap: var(--p); } csmu bd a { color: var(--b); } csmu bd li label { display: flex ; justify-content: space-between; width: 100%; } csmu hr { background: var(--b-t22); height: 2px; } csmu bd ul.different li:nth-child(4) { margin-bottom: var(--br1); } csmu.different ul.different { display: block; } csmu ul.different { display: none; } csmu.fulfill ul.fulfill { display: block; } csmu ul.fulfill { display: none; } csmu.records ul.records { display: block; } csmu ul.records { display: none; } csmu bd a { color: var(--b); display: flex ; gap: var(--br1); align-items: center; } csmu bd d:nth-child(2) { display: none; } csmu.Casino bd d:nth-child(2) { display: block; } csmu socr.soccer ul {display: block;} csmu.Sports bd d:nth-child(1) { display: block; } csmu bd d:nth-child(1) { display: none; } csmu socr.Tennis ul {display: block;} csmu socr.Baseball ul {display: block;} csmu socr.Basketball ul {display: block;} csmu socr.Cricket ul {display: block;} csmu socr.Racing ul {display: block;} csmu socr.Volleyball ul {display: block;} csmu socr.League ul {display: block;} csmu socr.CS2 ul {display: block;} csmu socr.Dota ul {display: block;} csmu socr.All ul {display: block;} csmu socr.Esports ul {display: block;} csmu socr.Racin ul {display: block;} ccis.Sorteo Semanal { display: block;position: fixed; } app.Browse startmenu { display: block; min-width: 100%; width: 100%; animation: slideUp 0.50s ease-out forwards;} csmu.Casino aa.aa.this bd d:nth-child(2) { display: block; } csmu aa.aa.this btn { background-image: url(/-/Gambling/asset/active.png); background-size: inherit; background-position: center; } csmu aa:nth-child(2).aa.this btn { background-image: url(/-/Gambling/asset/active-sports.png); background-size: inherit; background-position: center;} app.Start csmu hd { flex-direction: column; } app.Start csmu btn span { display: none; } csmu btn i { display: none; } app.Start csmu btn i { display: block; } app.Start csmu hd mg { flex-direction: column; } app.Start csmu bd span { display: none; } app.Start csmu { width: 62px; } app.Start content { left: var(--p3); } app.Start d.content { max-width: 100%; } app.Start startmenu { min-width: fit-content; max-width: fit-content; } app.Start csmu i:nth-child(2) {display: none;} app.Start csmu bd { margin: 10px;padding: 0px; } app.Start csmu bd div { gap: 0; justify-content: center; padding: 8px 4px 8px 5px; margin-top: var(--f1); } app.Start csmu hd { margin: 0; padding-bottom: 0; } @keyframes slideUp { from { transform: translateY(200px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } csti { display: block; border-radius: var(--br1); background: var(--b33); max-width: 444px; min-width: 444px; padding: var(--f1); margin-top: var(--f1);} csti hd { display: flex ; justify-content: space-between; } csti h2 { display: flex ; align-items: center; font-size: 17px; gap: var(--br1); } csti hd i { width: 18px; height: 18px; } csti hd svg { fill: var(--b); } csti bd dv { display: flex ; flex-direction: column; } csti bd dv { display: flex ; flex-direction: column; margin-top: var(--m); color: var(--b-t); } csti bd p { margin: 0; font-weight: 500; } csti bd h4 { display: flex ; justify-content: space-between; align-items: center; } csti bd div { display: block; margin-top: var(--f1); } csti bd bar { height: .625em; display: block; width: 100%; border-radius: var(--br1); background: var(--b-t22); margin-top: var(--f1); } csti left, csti right { display: flex ; align-items: center; font-weight: 500; font-size: 15px; gap: 4px; color: var(--b-t); } csti left i, csti right i { width: 15px; height: 15px; } csti bd h4:nth-child(3) { margin-top: var(--f1); } csti bd btns { display: grid ; grid-auto-flow: column; background: var(--aa); color: var(--b); margin-top: 32px; margin-bottom: var(--br1); border-radius: 30px; padding: var(--br); gap: var(--br); } csti bd btn { border-radius: 30px; display: flex ; padding: var(--f1); justify-content: center; align-items: center; font-weight: 600; } csti ft { padding: var(--m); flex-direction: column; display: flex ; align-items: center; } csti ft i { width: 80px; height: 80px; } csti ft p { color: var(--c0); font-size: 15px; }cthe { display: block; } cthe { display: block; } cthe bl { display: flex ; justify-content: center; align-items: center;padding: 0; } cthe hd { display: block;width: 100%; } cthe bd i { width: 60%; } cthe hd h2 { font-size: 33px; font-weight: var(--fw); line-height: 3rem; } cthe hd h3 { color: var(--b-t); font-size: 24px; font-weight: var(--p); margin-top: 5px; } cthe bd { display: flex ; justify-content: end; } @media (max-width: 900px) { cthe bl {display: block;padding: var(--p3);} cthe bd {justify-content: unset;} } octc bl { border-radius: 8px; padding: 30px; overflow-y: auto; position: relative; } octc bl hd { display: block; } octc bd b { display: block; color: var(--c0); } octc bd h3 { display: block; margin-top: 18px; } octc bd f { font-size: 18px; } octc bd f:hover { color: var(--b); } octc bl ft { display: flex; justify-content: center; } octc bd p { font-size: 16px; font-weight: 500; color: var(--c0);} octc { display: none; line-height: 28px; max-width: 933px; background: var(--aa); border-radius: var(--br1); margin-top: 32px; }cgto { display: block;margin-top: var(--br1); } cgto>bl { background: var(--b33); border: solid 1px var(--b-t95); box-shadow: 0px 1px 7px -3px var(--c); border-radius: var(--br);} cgto hd { display: flex ; justify-content: space-between; align-items: center; padding: var(--p); } cgto hd h2 { font-size: 15px; } cgto>bl>bd { display: none ; grid-template-columns: auto auto; gap: var(--p); padding: var(--br1) var(--f1); border-top: solid 1px var(--b-t22); } cgto hd i { width: 16px; height: 16px; } cgto hd i svg { fill: var(--b); } cgto.Tommaso_Giacomel bd { display: grid ; } @media (max-width: 999px) { cgto hd i { width: 25px; height: 25px; } } ctran { display: block; padding-top: var(--p); padding-bottom: var(--p); background: var(--aat); border-radius: var(--br1); } ctran bd span { color: var(--b); margin: 10px; font-size: var(--f1); } ctran bd a { position: relative; display: flex; gap: var(--br1); align-items: center; padding: var(--br); } ctran bd div.dash { width: 4px; background: var(--c1); transition: all .2s ease-out; height: -webkit-fill-available; } ctran bd a:nth-child(1) { background: var(--aa); } ctran bd a:hover { background: var(--aa); }btbo { display: block; height: 349px; border-radius: var(--br1); background: var(--aa); padding: var(--p3); } btbo bd { display: flex; height: 231px; position: relative; top: 24px; padding: var(--p1); background: var(--a); width: 1185px; border-radius: var(--br1); } btbo bd a { display: flex; height: 22px; margin-left: 166px; color: var(--b-t); position: relative; top: 17px;} btbo bd i { display: block; position: absolute; top: 62px; } btbo hd { display: flex; background: var(--a); border-radius: 27px; padding: 10px 0px 10px 10px; gap: var(--p3); font-weight: 700;} btbo hd btn { border-radius: 30px; display: flex; padding: var(--f1); justify-content: center; align-items: center; } btbo hd btn:hover { background: var(--b-t22); } @media (max-width: 900px) { btbo bd a { margin-left: 70px; } btbo bd { width: unset; } }ctto { display: block; height: 351px; border-radius: var(--br1); background: var(--aa); padding: var(--p3); } ctto hd { display: flex; background: var(--a); border-radius: 27px; padding: 10px 0px 10px 10px; gap: var(--p3); font-weight: 700; width: 1169px; position: relative; right: 22px; height: 35px; } ctto flex { display: flex; overflow: scroll; } ctto bd { display: flex; height: 228px; position: relative; top: 24px; padding: var(--p1); background: var(--a); border-radius: var(--br); border: solid 1px var(--b-t); } ctto bd a { display: flex; height: 22px; margin-left: 166px; color: var(--b-t); position: relative; top: 17px;} ctto bd a:nth-child(3) { display: flex; position: relative; left: 322px; } ctto bd i { display: block; position: absolute; top: 62px; } ctto hd { display: flex; background: var(--a); border-radius: 27px; padding: 10px 0px 10px 10px; gap: var(--p3); font-weight: 700;} ctto hd btn { border-radius: 30px; display: flex; padding: var(--f1); justify-content: center; align-items: center;} ctto hd btn:hover { background: var(--b-t22); } capk { display: block; background: var(--b33); border-radius: var(--br); max-width: 389px; min-width: 389px; } capk hd div { display: flex; justify-content: space-between; padding: var(--br1) var(--br1) 0 var(--br1); } capk hd p, capk hd b { display: flex ; align-items: center; margin: 0; gap: var(--br1); } capk hd p i, capk hd b i { width: 14px; height: 14px; } capk hd p svg, capk hd b svg { fill: var(--b-t); } capk hd btn { padding: var(--br); border-radius: var(--br); background: var(--b); color: var(--c); font-size: 12px; } capk hd dv { padding: var(--br1); display: flex ; justify-content: space-between; color: var(--b-t); } cure>bl>bd { display: flex; gap: var(--f1); overflow: scroll; } curp { display: block; min-width: 120px; max-width: 120px; background: var(--b); border: 1px solid var(--b-t); border-radius: var(--br); box-shadow: 0 4px 12px var(--b33); } curp { display: none; bottom: 53%; left: 65%; position: absolute; z-index: 999999; margin-left: auto; transform: translateX(24rem); } curp bl { display: flex; flex-direction: column; } curp::before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 10px; height: 10px; background: var(--b); border-bottom: none; border-right: none; z-index: 999; } curp.User_Dropdown { display: block;position: fixed; } curp bd ul { display: flex ; flex-direction: column; max-width: 100vw; background: var(--b); border: 1px solid var(--b-t); border-radius: var(--br); box-shadow: 0 4px 12px var(--b33); color: var(--c); padding: 0; margin: 0; } curp bd li { display: flex ; align-items: center; gap: var(--br1); padding: var(--br1); } curp bd li i { width: 20px; height: 20px; } cuss bl {border: 1px solid;border-radius: var(--br);border-color: var(--b-t22);padding: var(--p);background: var(--a);} cuss hd { font-size: var(--f1); color: var(--b-t); display: block; border-bottom: 1px solid; border-color: var(--b-t22); } cuss hd p { font-size: var(--m2); } cuss bd t { color: var(--b-t); font-weight: bold; } cuss bd { display: flex; align-items: center; justify-content: space-between; } cuss ft i { height: 100px; } cuss ft img { max-width: 100%; max-height: 100%; } cuss ft { display: grid; align-items: center; justify-content: center; } cuss ft p { margin: 0; display: flex; color: var(--b-t); } cvce>bl { color: var(--b); border-radius: var(--br1); box-shadow: 0 4px 10px var(--bor); background-image: url(https://practice.aliens.school/-/Gambling/asset/vip-header.png); background-size: cover; padding: 12px 12px; } @media only screen and (max-width: 666px) { cvce>bl { color: var(--b); border-radius: var(--br1); box-shadow: 0 4px 10px var(--bor); background-image: url(https://practice.aliens.school/-/Gambling/asset/vip-header.png); background-size: cover; min-height: 222px; padding: 70px 0px; } }cnrp { display: none; color: var(--b); border-radius: 8px; background: var(--aa); max-width: 465px; min-width: 465px; padding: var(--f1); position: absolute; bottom: 4%; left: 50%; z-index: 9999999; } cnrp hd i { height: 18px; width: 18px; } cnrp hd { justify-content: space-between; display: flex ; align-items: center; } cnrp hd i svg { fill: var(--b-t); } cnrp hd h2 { justify-content: space-between; display: flex ; align-items: center; font-size: 18px; gap: var(--br1); } cnrp bd btns { display: flex ; border-radius: 35px; background: var(--a); padding: var(--br1); margin-top: var(--f1); gap: var(--f1); } cnrp btns btn { border-radius: 35px; background: var(--aa); padding: var(--f1); display: flex ; justify-content: center; width: 100%; } cnrp bd btn:hover { background: var(--b-t95);} cnrp bd div { background: var(--a); display: flex ; align-items: center; justify-content: space-between; padding: var(--f1); border-radius: var(--br); } cnrp bd dv { display: flex ; gap: var(--br1); align-items: center; } cnrp bd dv i:nth-child(1) { width: 28px; height: 28px; } cnrp bd i { width: 18px; height: 18px; } cnrp bd dv p { margin: 0; color: var(--b-t); } cnrp bd svg { fill: var(--b-t); } cnrp bd div:hover { background: var(--b-t22); } cnrp bd p1 { display: flex ; justify-content: space-between; color: var(--b-t); margin-top: var(--br1); font-weight: 500; } cnrp bd d1 p:nth-child(2) { justify-content: end; display: flex ; } cnrp bd dvv { display: flex ; align-items: center; gap: 2px; margin-top: 2px; } cnrp bd b1 { display: flex ; align-items: center; width: 100%; justify-content: space-between; padding: var(--br1) var(--f1); border: solid 1px var(--b-t22); border-radius: var(--br); background: var(--aa); }cnrp bd dvv input { width: 100%; background: none; color: var(--b); } cnrp dvv btn { background: var(--a); display: flex ; align-items: center; justify-content: space-between; padding: var(--br1) var(--f1); border-radius: var(--br); } cnrp bd btn1 { display: flex ; justify-content: center; background: var(--c1); padding: var(--f1); border-radius: var(--br); margin-top: 20px; } cnrp bd btn1:hover { background: var(--c2); } cnrp ft p { display: flex ; justify-content: center; color: var(--c0); } cnrp ft btn { display: flex ; justify-content: center; background: var(--a); padding: var(--f1); border-radius: var(--br); } cnrp ft btn:hover { background: var(--b-t95); } cnrp ft b { display: flex ; justify-content: center; margin-top: 14px; color: var(--c0); } cnrp ft b:hover { color: var(--t); } cnrp bl { display: flex; flex-direction: column; border-radius: var(--br1); background: var(--b33); padding: var(--f1); } cnrp.Vault_Deposit { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; transition: 333ms; max-width: 100%; margin: auto; top: 0; bottom: 0; transform: translateY(0); backdrop-filter: brightness(0.5); background: unset; }cfic bl { padding: var(--br1); } cfic p { color: var(--b-t); } cfic i { height: 12px; width: fit-content; } cfic div { display: flex; align-items: center; gap: var(--br); } cfic dv { display: flex; align-items: center; gap: var(--br); }cvoe { opacity: 0; inset: 0; visibility: hidden; position: absolute; max-width: max-content; max-height: max-content; margin: auto; background: var(--b-t95); padding: 11px; border-radius: 22px; } .Dropdown cvoe { visibility: visible; opacity: 1; } cvoe hd div { display: flex ; align-items: center; justify-content: space-between; } cvoe hd i { width: 18px; height: 18px; } cvoe hd svg { fill: var(--b-t); } cvoe bl { display: flex; flex-direction: column; } cvoe.Vip_Overview { display: block;position: fixed; } cvoe hd h2 { display: flex ; align-items: center; gap: var(--br1); font-size: 16px; } cvoe hd btns { padding: var(--br1); border-radius: 20PX; display: flex ; justify-content: space-between; background: var(--aa); } cvoe hd btns { padding: var(--br1); border-radius: 34PX; display: flex ; justify-content: space-between; background: var(--aa); gap: var(--br1); margin-top: 10px; } cvoe hd btn { display: flex ; padding: var(--m1); justify-content: center; align-items: center; border-radius: 30px; width: 100%; } cvoe hd btn:nth-child(1) { background: var(--b-t22); } cvoe ft btns { display: grid ; gap: var(--br1); } cvoe ft btn { display: flex ; justify-content: space-between; background: var(--aa); border-radius: 12px; padding: 17px 14px; } cvoe ft svg { fill: var(--b); } cvoe ft { display: block; margin-top: 14px; } cvoe ft p { justify-content: center; display: flex ; color: var(--c0); } cvoe>bl>bd { background-image: url(/-/Gambling/asset/Casino.png); background-size: cover; background-repeat: no-repeat; font-weight: bold; text-align: center; line-height: 44px; border-radius: var(--br); transition: transform 0.2s ease; padding: 15px var(--f1); display: flex ; justify-content: center; margin-top: 13px; } cvoe ft i { width: 18px; height:18px; }cvrs { display: block; border-radius: var(--br1); background: var(--b33); max-width: 485px; min-width: 485px; padding: var(--f1); margin-top: var(--f1); } cvrs hd dv{ justify-content: space-between; display: flex ; } cvrs hd h2 { display: flex ; align-items: center; gap: var(--br1); font-size: 16px; } cvrs hd i { width: 18px; height: 18px; } cvrs hd svg { fill: var(--b-t); } cvrs hd btns { padding: var(--br1); border-radius: 34PX; display: flex ; justify-content: space-between; background: var(--aa); gap: var(--br1); margin-top: 10px; } cvrs hd btn:nth-child(2) { background: var(--b-t22); } cvrs hd btn { display: flex ; padding: var(--m1); justify-content: center; align-items: center; border-radius: 30px; width: 100%; } cvrs div { display: flex ; align-items: center; justify-content: space-between; background: var(--aa); padding: var(--f1) var(--br1); border-radius: var(--br1); margin-top: var(--f1); } cvrs bd dv i { width: 75px; height: 75px; } cvrs div i { width: 20px; height: 20px; } cvrs div svg { fill: var(--b); } cvrs bd p { font-size: 17px; color: var(--c0); margin: 0; } cvrs div dv { display: flex ; align-items: center; gap: var(--br1);} cwre { display: block; color: var(--b); border-radius: 8px; background: var(--b33); max-width: 480px; min-width: 480px; padding: var(--f1) var(--f1) 0 var(--f1); } cwre hd { display: flex ; justify-content: space-between; align-items: center; } cwre hd i { width: 20px; height: 20px; } cwre hd svg { fill: var(--b); } cwre bd i { width: 65%; height: 100%; display: flex ; margin: auto; } cwre bd btn { background: var(--a); padding: var(--br1); width: 37px; text-align: center; } cwre bd btns { display: flex ; gap: var(--br1); bottom: 41px; position: relative; } cwre bd p { margin: 0; } cwre ft p { display: flex ; align-items: center; color: var(--b-t); margin: 0; justify-content: space-between; font-size: 16px; text-align: center; margin-bottom: var(--f1); } cwre ft div { background: var(--b33); padding: var(--br1); border-radius: var(--br); } cwre ft bar { position: relative; height: 12px; background-color: var(--b-t22); border-radius: 20px; overflow: hidden; margin-bottom: 9px; display: flex ; margin-top: var(--p); } cwre ft span {color: var(--b-t);} cwre ft b {color: var(--b);} cwre ft btns { display: flex ; justify-content: center; gap: var(--br1); } cwre ft btns btn { background: var(--aat); padding: var(--f1); border-radius: var(--br); width: 100%; display: flex ; align-items: center; justify-content: center; } cwre ft btns btn:nth-child(2) { background: var(--c1); } cwre ft { background: var(--a); display: block; padding: var(--f1); } cwre ft btns btn:hover { background: var(--bg); } @media (max-width: 999px) { cwre { max-width: 400px; min-width: 400px; } } cwor bl { border: 1px solid; border-radius: var(--br); border-color: var(--b-t22); padding: var(--p); background: var(--a); } cwor hd p { color: var(--b-t); font-size: var(--m2); } cwor hd { display: block; border-bottom: 1px solid; border-color: var(--b-t); } cwor bd country {background: var(--aa); border-radius: var(--br); border: 2px solid; border-color: var(--b-t22); display: flex; width: 40%;margin-top: var(--br1);} cwor bd t { color: var(--b-t); font-weight: var(--fw); display: flex; margin-top: var(--br1); } cwor bd span { color: var(--rd); } cwor bd { border-bottom: 1px solid; padding: var(--m1); border-color: var(--b-t); } cwor bd input { width: calc(100% - 58px); height: 39px; background: none; border: unset; color: var(--b); } cwor ft btn { display: flex; align-items: center; justify-content: center; background: var(--gn); padding: var(--m1); border-radius: var(--br); width: 7%; color: var(--c); } cwor ft { display: flex; align-items: center; justify-content: flex-end; padding: var(--m1); }cwsq { display: block; padding: 11px; } cwsq hd { display: flex ; justify-content: space-between; padding: var(--br1) var(--br1) 0 var(--br1); } cwsq hd i { width: 20px; height: 17px; } cwsq hd h2 {font-size: 15px;color: var(--b-t);} cwsq bl { display: block; border-radius: var(--br); background: var(--b33); border: solid 1px var(--bor); box-shadow: 0px 1px 7px -3px var(--c);} cwsq hd i svg { fill: var(--b); } cwsq hr { background: var(--b-t22); height: 2px;margin-top: 15px; } cwsq bd { display: block; align-items: center; } cwsq bd i { width: 16px; height: 16px; } cwsq bd i svg {fill: var(--b-t);} cwsq bd h3 { font-size: 12px; color: var(--b-t); display: flex ; gap: var(--br1); align-items: center; padding: 0 var(--br1) 0 var(--br1); } cwsq bd span { display: flex ; gap: var(--p); align-items: center;line-height: 27px;font-weight: 500;} cwsq bd div { display: flex ; margin-top: 10px; justify-content: space-between; padding: var(--br1); } cwsq bd btn { padding: var(--br1) var(--f1); background: var(--aa); border-radius: var(--br); max-width: 245px; min-width: 245px; } cwsq bd btns { display: flex ; align-items: center; gap: var(--f1); } cwsq bd btn p { margin: 0; font-size: 15px; } cwsq bd btn b { color: var(--c1); } cwsq bd btn:hover {background-color: var(--at); } @media (max-width: 900px) { cwsq bd div { display: block; margin-top: 10px; } cwsq bd btn { max-width: 245px; min-width: 171px; } cwsq bd btns { margin-top: var(--p3); } } ckdo { display: flex; background: #1a2c38; border: 1px solid; border-color: var(--b33); margin-top: var(--m); border-radius: var(--br); } ckdo p { color: var(--c0); } ckdo a { color: var(--b); } ckdo h3 { padding: 1rem; } ckdo bd { padding: var(--p); } ckdo hr { background: #2f4553; } ckdo span { font-size: 14px; font-weight: 600; color: var(--c0); } ckdo select { border: solid 2px; border-color: #2f4553; padding: var( --p); border-radius: var( --br); margin: 0; display: flex; }clck { display: block; margin-top: var(--br1); } clck bl { background: var(--aat); border: solid 1px var(--bor); box-shadow: 0px 1px 7px -3px var(--c); border-radius: var(--br); margin-top: var(--br1); } clck hd { display: flex ; justify-content: space-between; align-items: center; padding: var(--p); } clck hd i { width: 17px; height: 17px; } clck hd h2 { display: flex ; align-items: center; font-size: 16px; gap: var(--br1); } clck hd svg { fill: var(--b); } clck.Clubs bd { display: block; } clck bd btn { background: var(--b33); border-radius: var(--br); padding: var(--br1); font-weight: 500; font-size: 14px; } clck bd btns { flex-wrap: wrap; display: flex; gap: var(--br1); } clck bd {display: none; padding: var(--f1); border-top: solid 1px var(--b-t22); } /* Ended App Theme CSS : App:Gambling - Branch:practice.aliens.school */ /* File : 0 Ended*/