dapiradar.org
Open in
urlscan Pro
2606:4700:3034::ac43:ab58
Public Scan
Submitted URL: http://dapiradar.org/style.css?ec45d494411ab3b9a24955c92d31784b
Effective URL: https://dapiradar.org/style.css?ec45d494411ab3b9a24955c92d31784b
Submission: On October 23 via api from US — Scanned from DE
Effective URL: https://dapiradar.org/style.css?ec45d494411ab3b9a24955c92d31784b
Submission: On October 23 via api from US — Scanned from DE
Form analysis 0 forms found in the DOM
Text Content
/*! CSS Used from: https://dappradar.website/claim/main2.css */
body {
width: 100%;
height: 100%;
background-color: #000d26;
margin: 0;
}
/*! CSS Used from: https://dappradar.website/claim/swap.css */
html,
body,
p,
ol,
ul,
li,
iframe,
h1,
h2,
h3,
h5 {
margin: 0px;
padding: 0px;
}
h1,
h2,
h3,
h5 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input {
margin: 0px;
}
html {
box-sizing: border-box;
}
*,
::before,
::after {
box-sizing: inherit;
}
img {
height: auto;
max-width: 100%;
}
iframe {
border: 0px;
}
html {
background-color: rgb(255, 255, 255);
font-size: 16px;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow: hidden scroll;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
footer,
header {
display: block;
}
body,
button,
input {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
color: rgb(74, 74, 74);
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
a {
color: rgb(50, 115, 220);
cursor: pointer;
text-decoration: none;
}
a:hover {
color: rgb(54, 54, 54);
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"] {
vertical-align: baseline;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: rgb(54, 54, 54);
font-weight: 700;
}
.input {
padding: 5px 6px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
border-width: 2px;
transition: all 0.2s ease 0s;
}
html {
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
color: rgb(255, 255, 255);
background-color: rgb(0, 13, 38);
}
* {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
outline: none;
}
.app-container {
display: block;
width: 100%;
max-width: 1366px;
padding: 52px 16px 0px;
margin: 0px auto;
background-color: rgb(0, 13, 38);
}
@media (max-width: 1215px) {
.app-container {
padding: 52px 8px 0px;
}
}
h1 {
font-size: 3em;
text-align: center;
}
h3 {
margin: 32px 0px;
font-size: 1.125rem;
font-weight: bold;
}
a:hover {
transition: all 0.2s ease 0s;
}
.pulsatingDot {
width: 5px;
height: 5px;
margin-right: 8px;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 50%;
animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite normal none running pulseDot;
}
.pulsatingDot::before {
position: relative;
top: -100%;
left: -100%;
display: block;
width: 300%;
height: 300%;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 45px;
content: "";
animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running pulseRing;
}
svg:not(:root) {
overflow: hidden;
}
svg:not([fill]) {
fill: currentcolor;
}
iframe,
img,
svg {
vertical-align: middle;
}
.eRjavl {
margin-left: 0px;
margin-right: 8px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.eFPxbR {
margin-left: 8px;
margin-right: 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.kUDxwT {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
width: 100%;
margin-bottom: 16px;
}
.kUDxwT:hover {
text-decoration: none;
}
.kUDxwT:disabled {
cursor: not-allowed;
}
.kUDxwT:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.kUDxwT:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.kUDxwT:disabled {
color: rgba(255, 255, 255, 0.12);
background-color: rgb(22, 44, 76);
}
.kUDxwT:disabled:hover,
.kUDxwT:disabled:active {
background-color: rgb(22, 44, 76);
}
.hmBXvg {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: rgb(43, 66, 106);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
width: 100%;
}
.hmBXvg:hover {
text-decoration: none;
}
.hmBXvg:disabled {
cursor: not-allowed;
}
.hmBXvg svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.hmBXvg svg {
fill: rgb(177, 187, 206);
}
.hmBXvg:hover {
color: rgb(228, 229, 233);
background-color: rgb(56, 77, 115);
}
.hmBXvg:hover svg {
fill: rgb(228, 229, 233);
}
.hmBXvg:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 88, 124);
}
.hmBXvg:active svg {
fill: rgb(255, 255, 255);
}
.hmBXvg:disabled {
color: rgb(65, 86, 122);
background-color: rgb(32, 52, 87);
}
.hmBXvg:disabled svg {
fill: rgb(65, 86, 122);
}
.hmBXvg:disabled:hover,
.hmBXvg:disabled:active {
background-color: rgb(32, 52, 87);
}
.hqHvfS {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
margin-bottom: 8px;
}
.hqHvfS:hover {
text-decoration: none;
}
.hqHvfS:disabled {
cursor: not-allowed;
}
.hqHvfS:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.hqHvfS:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.hqHvfS:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgb(179, 211, 255);
}
.hqHvfS:disabled:hover,
.hqHvfS:disabled:active {
background-color: rgb(179, 211, 255);
}
.gTFpGa {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: transparent;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
padding: 0px;
border-radius: 50%;
}
.gTFpGa:hover {
text-decoration: none;
}
.gTFpGa:disabled {
cursor: not-allowed;
}
.gTFpGa svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.gTFpGa svg {
fill: rgb(177, 187, 206);
}
.gTFpGa:hover {
color: rgb(228, 229, 233);
background-color: transparent;
}
.gTFpGa:hover svg {
fill: rgb(228, 229, 233);
}
.gTFpGa:active {
color: rgb(255, 255, 255);
background-color: transparent;
}
.gTFpGa:active svg {
fill: rgb(255, 255, 255);
}
.gTFpGa:disabled {
opacity: 1;
background-color: transparent;
color: rgb(65, 86, 122);
}
.gTFpGa:disabled svg {
fill: rgb(65, 86, 122);
}
.fLafAM {
position: relative;
display: inline-block;
width: 36px;
margin-right: 27px;
}
.jzVvBv {
display: block;
width: 100%;
font-family: Roboto, sans-serif;
}
.jzVvBv .input-wrapper {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jzVvBv .input {
width: 100%;
font-weight: 400;
font-size: 16px;
font-family: Roboto, sans-serif;
line-height: 18px;
letter-spacing: 0.05px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
transition: all 0.2s ease 0s;
}
.jzVvBv .input:disabled {
cursor: not-allowed;
}
.jzVvBv .input::placeholder {
letter-spacing: 0.05px;
}
.jzVvBv .input {
padding-right: 16px;
padding-left: 16px;
}
.jzVvBv .input {
color: rgb(255, 255, 255);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.jzVvBv .input::placeholder {
color: rgb(177, 187, 206);
}
.jzVvBv .input:hover:not(:disabled):not(:focus) {
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.jzVvBv .input:focus {
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.jzVvBv .input:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.jzVvBv .input {
height: 48px;
padding-top: 13px;
padding-bottom: 13px;
}
.inVMYh {
width: 100%;
margin-bottom: 8px;
}
.qLYMO.img-loaded {
position: relative;
opacity: 0;
animation: 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.1s 1 normal forwards running fCDSQb;
}
.jFduhB {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(255, 255, 255);
background: rgb(0, 36, 90);
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.jFduhB svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s;
}
.jFduhB:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.jFduhB:hover svg {
fill: rgb(0, 108, 255);
}
.fpAlXm {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(177, 187, 206);
background: transparent;
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.fpAlXm svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(177, 187, 206);
transition: fill 0.2s ease 0s;
}
.fpAlXm:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.fpAlXm:hover svg {
fill: rgb(0, 108, 255);
}
.dZaKxY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
max-width: 218px;
width: 100%;
min-height: 40px;
margin-bottom: 12px;
}
.dYyZky {
display: flex;
flex-direction: column;
min-width: 200px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
}
.iKpFoV {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 6px 16px;
cursor: pointer;
font: 400 16px / 24px Roboto, serif;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
max-height: 30px;
transition: color 0.2s ease 0s, border-color 0.2s ease 0s, background 0.2s ease 0s;
box-sizing: border-box;
margin-bottom: unset;
color: rgb(177, 187, 206);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.iKpFoV .dappradar-dropdown-chevron-icon {
fill: rgb(177, 187, 206);
}
.iKpFoV:hover {
color: rgb(177, 187, 206);
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.iKpFoV:active {
color: rgb(255, 255, 255);
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.iKpFoV:active .dappradar-dropdown-chevron-icon {
fill: rgb(255, 255, 255);
}
.iKpFoV:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.iKpFoV:disabled .dappradar-dropdown-chevron-icon {
fill: rgb(65, 86, 122);
}
.gXbjCK {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.gunKIA {
display: flex;
-webkit-box-align: center;
align-items: center;
transform: rotate(0deg);
transition: all 0.2s ease 0s;
}
.irQzax {
position: relative;
width: 130px;
}
.blZCdK {
position: relative;
width: 140px;
}
.jxKZhb {
position: relative;
display: flex;
}
.dMPGwK {
display: flex;
padding-left: 24px;
font: 500 14px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: all 0.25s ease 0s;
}
.dMPGwK::after {
position: absolute;
top: 1px;
left: 0px;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
background-color: rgb(68, 88, 124);
border: 1px solid rgb(22, 49, 89);
border-radius: 4px;
transition: all 0.25s ease 0s;
content: "";
}
.dMPGwK::before {
position: absolute;
top: 6px;
left: 4px;
z-index: 3;
width: 8px;
height: 4px;
background: transparent;
border-top: none;
border-right: none;
border-bottom: 2px solid rgb(177, 187, 206);
border-left: 2px solid rgb(177, 187, 206);
content: "";
opacity: 0;
transform: rotate(-45deg);
transition: all 0.25s ease 0s;
}
.dMPGwK:hover::before {
opacity: 1;
}
.dMPGwK:hover::after {
background-color: rgb(49, 75, 119);
border: 1px solid rgb(0, 108, 255);
}
.dMPGwK:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
border: 0px;
opacity: 0;
}
.gfRHvw:not(:disabled):checked+label::before {
opacity: 1;
}
.gfRHvw:disabled+label::after {
box-shadow: none;
}
.gfRHvw:disabled:checked+label::before {
opacity: 1;
}
.gfRHvw:disabled:not(:checked)+label::before {
display: none;
}
.gfRHvw:not(:disabled):checked+label::after {
background-color: rgb(0, 108, 255);
border-color: rgb(0, 108, 255);
}
.gfRHvw:not(:disabled):checked+label::before {
border-color: rgb(255, 255, 255);
}
.gfRHvw:not(:disabled):checked+label:hover::after {
background-color: rgb(0, 86, 204);
border-color: rgb(0, 86, 204);
}
.gfRHvw:not(:disabled):checked+label:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw:disabled+label {
color: rgb(65, 86, 122);
}
.gfRHvw:disabled+label::after {
background-color: rgb(23, 44, 76);
}
.gfRHvw:disabled:checked+label::after {
background-color: rgb(22, 44, 76);
border: 1px solid rgb(22, 44, 76);
}
.gfRHvw:disabled:checked+label::before {
border-bottom: 2px solid rgba(255, 255, 255, 0.12);
border-left: 2px solid rgba(255, 255, 255, 0.12);
}
.bJTvqw {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 999999;
margin: 16px;
width: 420px;
}
.kFLqrZ {
width: 48px;
height: 53px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: transparent;
}
.gqhPOc {
margin-right: 8px;
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: rgb(51, 51, 51);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.kKnLDx>* {
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 16px 12px 16px 0px;
cursor: pointer;
}
.hZDSVc {
height: 30px;
border-left: 1px solid rgb(2, 76, 186);
}
.fEenBY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.fEenBY .mobile-only {
display: unset;
}
@media screen and (min-width: 550px) {
.fEenBY .mobile-only {
display: none;
}
}
.fEenBY .hide-on-mobile {
display: unset;
}
@media screen and (max-width: 549px) {
.fEenBY .hide-on-mobile {
display: none;
}
}
.KkRMI {
position: relative;
height: 53px;
width: 52px;
cursor: pointer;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-tap-highlight-color: transparent;
}
.KkRMI svg {
display: flex;
width: 19px;
height: 19px;
}
.frbYEY {
position: relative;
display: flex;
}
.bDVyvk {
height: 53px;
position: relative;
width: fit-content;
}
.blzeHh {
padding-left: 6px;
}
.iRgyDc {
position: relative;
display: none;
width: 50px;
height: 53px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1360px) {
.iRgyDc {
display: block;
}
}
.iRgyDc span {
position: absolute;
left: calc(50% - 7px);
display: block;
width: 16px;
height: 2px;
background-color: rgb(255, 255, 255);
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
transform-origin: center center;
}
.iRgyDc span:nth-child(1) {
top: calc(50% - 6px);
}
.iRgyDc span:nth-child(2) {
top: calc(50% - 1px);
}
.iRgyDc span:nth-child(3) {
top: calc(50% + 4px);
}
.hfowkp {
display: flex;
position: relative;
margin-left: auto;
}
@media (max-width: 1360px) {
.hfowkp {
margin-left: unset;
}
}
.OBItl {
height: 32px;
position: relative;
margin: 0px auto 0px 20px;
}
.hgOyQz {
opacity: 1;
transition: all 0.2s ease 0s;
pointer-events: all;
}
.cUVAKO {
background: rgb(0, 86, 204);
border: 1px solid transparent;
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.04) 0px 4px 12px -4px;
color: rgb(255, 255, 255);
font-size: 14px;
height: 32px;
min-width: 320px;
outline: none;
padding-left: 45px;
transition: all 0.2s ease 0s;
width: 100%;
}
.cUVAKO::placeholder {
color: rgb(179, 211, 255);
transition: all 0.2s ease 0s;
}
.cUVAKO:focus {
background-color: rgb(0, 54, 128);
}
@media only screen and (max-width: 880px) {
.cUVAKO:focus {
background-color: rgb(68, 88, 124);
}
}
@media only screen and (max-width: 769px) {
.cUVAKO {
width: 100%;
}
}
@media only screen and (max-width: 880px) {
.cUVAKO {
color: white;
font-size: 16px;
width: 100%;
height: 48px;
}
}
@media (max-width: 880px) {
.cUVAKO {
font-size: 16px;
position: static;
}
}
.hKjRnO {
left: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ebLEqT {
background-color: rgb(4, 40, 94);
height: 100vh;
opacity: 0;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
@media only screen and (max-width: 880px) {
.ebLEqT {
opacity: 0;
left: 0px;
background-color: rgb(4, 25, 56);
}
}
.cRwMod {
-webkit-box-align: center;
align-items: center;
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
position: relative;
}
@media screen and (max-width: 880px) {
.cRwMod {
flex-direction: column;
margin-bottom: 8px;
}
}
.LIZDA {
background-color: rgb(4, 25, 56);
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.2) 0px 8px 24px -4px;
color: rgb(255, 255, 255);
display: none;
min-width: 580px;
overflow-y: visible;
position: absolute;
left: 0px;
top: 50px;
transform: translateX(-1.5%);
z-index: 10001;
margin: 0px auto 0px 20px;
}
.LIZDA::-webkit-scrollbar {
width: 10px;
}
.LIZDA::-webkit-scrollbar-track {
padding: 8px 0px;
background-color: rgb(4, 25, 56);
border-radius: 100px;
}
.LIZDA::-webkit-scrollbar-thumb {
cursor: pointer;
border: 2px solid transparent;
background-color: rgb(30, 62, 112);
border-radius: 100px;
background-clip: content-box;
}
@media screen and (max-width: 880px) {
.LIZDA {
top: 0px;
position: relative;
transform: translateX(0px);
margin-top: 8px;
margin-bottom: 0px;
}
}
@media only screen and (max-width:880pxx) {
.LIZDA {
border-radius: 5px;
margin-top: 8px;
margin-bottom: 0px;
min-width: fit-content;
padding-top: 0px;
top: 50px;
transform: translateX(0px);
width: 100%;
}
}
@media only screen and (max-width: 769px) {
.LIZDA {
width: 100%;
}
}
.eHXauX {
width: 100%;
border-bottom: 1px solid rgb(22, 49, 89);
}
.lBWRU {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
margin-bottom: 16px;
}
.fvwTXL {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
fill: rgb(177, 187, 206);
}
.dvPAfM {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.dvPAfM {
margin: 18px;
}
}
.gkWMLV {
display: flex;
margin-bottom: 12px;
}
.czyypY:first-of-type {
margin-right: 0px;
}
.dQyCKi {
display: flex;
flex-wrap: wrap;
}
.eNGWBP {
display: flex;
flex-direction: column;
}
.iqkaJU {
display: flex;
margin-bottom: 16px;
}
.ekngRQ {
fill: rgb(255, 255, 255);
width: 21px;
height: 20px;
margin-right: 8px;
}
.bPOaFJ {
font-weight: 700;
font-size: 18px;
line-height: 24px;
display: flex;
-webkit-box-align: center;
align-items: center;
letter-spacing: 0.003em;
color: rgb(255, 255, 255);
}
.lcpkGq {
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 16px;
text-decoration: none;
}
.eiqqol {
fill: rgb(177, 187, 206);
width: 16px;
height: 16px;
margin-right: 6px;
}
.gWYeMU {
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
}
.gKfZsb {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.gKfZsb {
margin: 18px;
}
}
.jYCuoq {
background-color: unset;
height: 100vh;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
.hkJymU {
display: flex;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
position: fixed;
height: calc(100% - 52px);
background-color: rgb(4, 25, 56);
width: 100%;
max-width: 400px;
right: -400px;
transition: all 0.5s ease 0s;
top: 52px;
overflow-y: auto;
z-index: 10000;
}
.lkWUhj {
display: flex;
flex-direction: column;
}
.hxYafG {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 32px 0px;
}
@media (max-width: 550px) {
.hxYafG {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.bfQeTX {
padding: 0px 24px;
color: rgb(177, 187, 206);
font-size: 14px;
}
@media (min-width: 769px) {
.bfQeTX {
padding: 0px 8px;
}
}
.KgRzR {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.KgRzR>* {
margin-right: 24px;
}
@media (max-width: 550px) {
.KgRzR {
padding: 0px 8px;
margin-bottom: 24px;
}
}
.botxjV {
width: 100%;
margin-bottom: 32px;
}
.botxjV> :not(:last-child) {
margin-right: 16px;
}
@media screen and (min-width: 768px) {
.botxjV {
margin-top: 32px;
}
}
.buxqre {
width: auto;
max-height: 44px;
}
.dHCQTI {
width: calc(100% + 32px);
margin: 0px -16px 26px;
border-top: 1px solid rgb(22, 49, 89);
}
@media screen and (min-width: 768px) {
.dHCQTI {
width: 100%;
margin: 0px -16px 26px 0px;
}
}
.iyogQG {
padding: 12px 8px 24px 0px;
}
@media screen and (min-width: 769px) {
.iyogQG {
width: 25%;
padding-bottom: 0px;
}
}
.iyogQG svg {
height: 30px;
fill: rgb(255, 255, 255);
}
.dCOaxM {
font-size: 14px;
text-align: left;
color: rgb(177, 187, 206);
margin-top: 12px;
}
.cLOdOv {
width: 50%;
min-width: 0px;
margin: 32px 0px 0px;
padding-left: 8px;
padding-right: 8px;
}
@media screen and (min-width: 550px) {
.cLOdOv {
width: 33.3333%;
margin-top: 32px;
}
}
@media screen and (min-width: 769px) {
.cLOdOv {
margin-top: 3px;
width: 20%;
}
}
.hfLvYn {
display: flex;
flex-flow: wrap;
width: 100%;
padding-left: 16px;
padding-right: 16px;
margin-top: 32px;
}
@media screen and (min-width: 769px) {
.hfLvYn {
padding-left: 0px;
padding-right: 0px;
}
}
.eTtQvH {
display: flex;
flex-flow: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 32px 24px 12px;
}
@media screen and (min-width: 769px) {
.eTtQvH {
padding: 48px 8px 12px;
}
}
.kDmlRU {
display: flex;
margin-right: 10px;
font-size: 14px;
color: rgb(177, 187, 206);
}
.iWfltJ {
width: 11px;
height: 6px;
fill: rgb(177, 187, 206);
}
.jKAbih {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 6px 0px;
width: fit-content;
}
.jKAbih svg {
display: flex;
transition: all 0.2s ease 0s;
}
.jKAbih a {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0px;
background-color: rgb(43, 66, 106);
border-radius: 50%;
transition: all 0.2s ease 0s;
}
.jKAbih a:hover {
background-color: rgb(56, 77, 115);
}
.jKAbih a:hover svg {
fill: rgb(219, 221, 229);
}
.jKAbih a:active {
background-color: rgb(56, 77, 115);
}
.jKAbih a:active svg {
fill: rgb(255, 255, 255);
}
.jKAbih a:last-child {
margin-right: 0px;
}
.hkRHRz {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
gap: 4px;
background-color: rgb(43, 66, 106);
width: 62px;
height: 40px;
border-radius: 32px;
transition: all 0.2s ease 0s;
}
.hkRHRz:hover {
background-color: rgb(56, 77, 115);
}
.dEMPWF {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.dWpTuL {
margin-top: 10px;
}
.dmRHUx {
font-size: 14px;
font-weight: bold;
color: rgb(255, 255, 255);
margin-top: 0px;
}
.bQKMWb {
font-size: 16px;
text-decoration: none;
color: rgb(177, 187, 206);
cursor: pointer;
transition: all 0.2s ease 0s;
}
.bQKMWb:hover {
color: rgb(102, 167, 255);
}
.bQKMWb:active {
color: rgb(0, 108, 255);
}
.jckugK {
color: rgb(255, 255, 255);
}
.jckugK nav {
display: flex;
flex-wrap: wrap;
}
.bduspq {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 24px 8px;
}
@media screen and (max-width: 768px) {
.bduspq {
padding: 24px;
}
}
.cnVSvu {
width: 100%;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0px;
border-top: 1px solid rgb(22, 49, 89);
}
.qumBy {
display: flex;
flex-direction: column;
width: min-content;
font: 500 12px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
}
.qumBy a {
color: rgb(102, 167, 255);
text-decoration: none;
}
.qumBy a:hover {
color: rgb(0, 108, 255);
text-decoration: none;
}
.qumBy label span {
font: 400 12px / 18px Roboto, sans-serif;
}
@media (max-width: 500px) {
.qumBy {
width: 100%;
max-width: 100%;
}
}
.hXOMax {
display: flex;
flex-direction: row;
}
@media (max-width: 500px) {
.hXOMax {
flex-direction: column;
width: 100%;
}
}
.geavYe {
width: 290px;
padding-right: 8px;
}
@media (max-width: 500px) {
.geavYe {
width: 100%;
padding-right: 0px;
}
}
.eLXlJU {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
background-color: rgb(14, 34, 64);
border-radius: 8px;
margin: 0px 8px;
padding: 32px 24px;
}
@media (max-width: 768px) {
.eLXlJU {
flex-direction: column;
padding: 16px;
}
}
.dmIAew {
display: flex;
flex-direction: column;
margin-right: 32px;
}
@media (max-width: 768px) {
.dmIAew {
flex-direction: column;
margin-right: 0px;
margin-bottom: 16px;
}
}
.bJWzzv {
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
color: rgb(255, 255, 255);
margin-bottom: 10px;
}
.leflNR {
font-size: 14px;
line-height: 1.36;
color: rgb(255, 255, 255);
max-width: 390px;
}
@media (max-width: 768px) {
.leflNR {
max-width: none;
}
}
.hOuEkW {
padding-top: 72px;
background-color: rgb(11, 28, 53);
}
@media (max-width: 768px) {
.hOuEkW {
padding-top: 32px;
}
}
.iWxOrk {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font: 700 16px / 20px Roboto, sans-serif;
text-align: center;
color: rgb(255, 255, 255);
}
.edXrpU {
margin-top: 19px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.cYmIJm {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.cYmIJm svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.cYmIJm:hover svg {
fill: rgb(228, 229, 233);
}
.cYmIJm:active svg {
fill: rgb(255, 255, 255);
}
.jowNAl {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 1px 0px 0px;
margin: 0px 0px 0px 28px;
}
.jowNAl svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.jowNAl:hover svg {
fill: rgb(228, 229, 233);
}
.jowNAl:active svg {
fill: rgb(255, 255, 255);
}
.hyWNqV {
transform: rotate(180deg);
}
.dkiaqS {
height: 52px;
position: fixed;
width: 100%;
z-index: 2000;
display: flex;
-webkit-box-pack: center;
justify-content: center;
background-color: rgb(0, 108, 255);
}
.dAQTUg {
width: 100%;
max-width: 1366px;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 1215px) {
.dAQTUg {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 560px) {
.dAQTUg {
padding-right: 0px;
}
}
.laJeWN {
margin-left: auto;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jVWmgg {
display: flex;
height: 52px;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.gIHwMW {
position: relative;
z-index: 100;
background-color: rgb(11, 28, 53);
}
.iOBXKO {
max-width: 1366px;
margin: 0px auto;
padding: 0px;
}
.jvHtXL {
position: relative;
display: block;
width: 234px;
padding: 0px 16px 0px 0px;
min-height: 600px;
}
@media (max-width: 1040px) {
.jvHtXL {
display: none;
}
}
.kObVFn {
position: sticky;
top: 76px;
display: block;
width: 218px;
}
.iJnOVt {
display: flex;
padding: 24px 0px 64px;
height: 100%;
-webkit-box-flex: 1;
flex-grow: 1;
}
.jpKalB {
margin: 32px 0px 16px;
width: 100%;
}
/*! CSS Used from: https://dappradar.website/claim/main.css */
html,
body,
p,
ol,
ul,
li,
iframe,
h1,
h2,
h3,
h5 {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h5 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input {
margin: 0;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
img {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
}
footer,
header {
display: block;
}
body,
button,
input {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
body {
color: #4a4a4a;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
a {
color: #3273dc;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #363636;
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"] {
vertical-align: baseline;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
.input {
padding: 5px 6px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
border-width: 2px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
html {
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
color: #fff;
background-color: #000d26;
}
* {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
outline: none;
}
.app-container {
display: block;
width: 100%;
max-width: 1366px;
padding: 52px 16px 0 16px;
margin: 0 auto;
background-color: #000d26;
}
@media (max-width: 1215px) {
.app-container {
padding: 52px 8px 0 8px;
}
}
h1 {
font-size: 3em;
text-align: center;
}
h3 {
margin: 32px 0;
font-size: 1.125rem;
font-weight: bold;
}
a:hover {
transition: all 0.2s;
}
.pulsatingDot {
width: 5px;
height: 5px;
margin-right: 8px;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 50%;
animation: pulseDot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.pulsatingDot:before {
position: relative;
top: -100%;
left: -100%;
display: block;
width: 300%;
height: 300%;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 45px;
content: '';
animation: pulseRing 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
svg:not(:root) {
overflow: hidden;
}
svg:not([fill]) {
fill: currentColor;
}
iframe,
img,
svg {
vertical-align: middle;
}
.airdrops--header {
font: normal normal normal 34px/45px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #fff;
}
.airdrops--container {
z-index: 2;
display: flex;
flex: 1;
height: 100%;
min-height: 100%;
overflow-y: hidden;
}
.airdrops--featured-container {
position: relative !important;
justify-content: center;
width: 100% !important;
}
.featured-airdrop-card {
position: relative;
width: 100%;
height: 285px;
max-width: 650px;
cursor: pointer;
border-radius: 10px;
}
.featured-airdrop-card--title {
max-width: 300px;
font: normal normal bold 18px/21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: #ffffff;
}
@media (max-width: 690px) {
.featured-airdrop-card--title {
max-width: 570px;
}
}
.featured-airdrop-card--subtitle {
max-width: 300px;
font: normal normal normal 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #ffffff;
}
@media (max-width: 690px) {
.featured-airdrop-card--subtitle {
max-width: 570px;
}
}
.featured-airdrop-card--actions-container {
flex-direction: row;
}
@media (max-width: 690px) {
.featured-airdrop-card--actions-container {
justify-content: space-between;
width: 100%;
}
}
.featured-airdrop-card--card-footer {
position: absolute;
bottom: 0;
align-items: center;
width: 100%;
padding: 16px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px 0px 10px 10px;
opacity: 1;
backdrop-filter: blur(27px);
-webkit-backdrop-filter: blur(27px);
}
@media (max-width: 690px) {
.featured-airdrop-card--card-footer {
align-items: flex-start;
flex-direction: column;
padding-bottom: 8px;
}
}
.featured-airdrop-card--left-box {
position: relative;
}
@media (max-width: 690px) {
.featured-airdrop-card--left-box {
margin-bottom: 8px !important;
}
}
.featured-airdrop-card--image-container {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
min-width: 48px !important;
padding: 2px;
border-radius: 5px;
}
@media (max-width: 690px) {
.featured-airdrop-card--image-container {
margin-right: 8px !important;
}
}
.featured-airdrop-card--image-container>img {
border-radius: 5px;
}
.featured-airdrop-card--time-left {
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
min-width: fit-content !important;
min-height: 40px;
margin-right: 16px !important;
font: normal normal normal 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: white;
word-break: keep-all;
border-radius: 5px;
}
.airdrop-badge {
position: absolute;
top: -8px;
left: -10px;
width: fit-content;
padding: 2px 4px;
font: normal normal bold 12px/14px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #fff;
text-transform: uppercase;
word-break: keep-all;
background: #069006 0 0 no-repeat padding-box;
border-radius: 5px;
}
.airdrop-badge.red {
background: #ff4043 0 0 no-repeat padding-box;
}
.airdrop-card {
align-items: center;
width: 100%;
max-width: 650px;
padding: 16px 20px;
margin-bottom: 32px !important;
cursor: pointer;
background: #051738;
border-radius: 10px;
transition: all 0.5s;
}
@media (max-width: 690px) {
.airdrop-card {
background: #02122e 0% 0% no-repeat padding-box;
border-radius: 5px;
}
}
.airdrop-card:hover {
background: #00173c;
}
@media (max-width: 690px) {
.airdrop-card {
align-items: flex-start;
flex-direction: column;
}
}
.airdrop-card--title {
max-width: 280px;
font: normal normal bold 18px/21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: #ffffff;
}
@media (max-width: 690px) {
.airdrop-card--title {
max-width: 100%;
}
}
.airdrop-card--text {
max-width: 280px;
margin-right: 24px !important;
font: normal normal normal 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: #ffffff;
}
@media (max-width: 690px) {
.airdrop-card--text.time-left {
display: flex;
align-self: center;
justify-content: flex-start;
width: 100%;
height: 42px;
padding: 12px;
padding-left: 0px;
}
}
@media (max-width: 690px) {
.airdrop-card--text {
max-width: 100%;
margin-right: 0px !important;
}
}
@media (max-width: 690px) {
.airdrop-card--left-box {
margin-right: 0px !important;
margin-bottom: 16px !important;
}
}
.airdrop-card--right-box {
align-items: center;
}
@media (max-width: 690px) {
.airdrop-card--right-box {
flex-direction: column;
width: 100%;
}
}
.airdrop-card--image-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
min-width: 48px !important;
padding: 2px;
border-radius: 5px;
}
@media (max-width: 690px) {
.airdrop-card--image-container {
margin-right: 8px !important;
}
}
.airdrop-card--image-container>img {
border-radius: 5px;
}
.airdrop-card--expired {
display: flex;
align-items: center;
justify-content: center;
margin-right: 24px !important;
font: normal normal normal 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: #ff9898;
border-radius: 5px;
}
@media (max-width: 690px) {
.airdrop-card--expired {
width: 100%;
margin-right: 0px !important;
margin-bottom: 8px !important;
}
}
.subscribe-to-newsletter {
align-items: center;
width: 100%;
max-width: 650px;
padding: 16px 20px;
margin-bottom: 32px !important;
background: #011536;
border-radius: 5px;
}
@media (max-width: 400px) {
.subscribe-to-newsletter {
flex-direction: column;
padding: 12px;
}
}
.subscribe-to-newsletter form {
width: 50%;
}
@media (max-width: 400px) {
.subscribe-to-newsletter form {
width: 100%;
}
}
.subscribe-to-newsletter--left-box {
max-width: 227px;
margin-right: auto !important;
}
@media (max-width: 400px) {
.subscribe-to-newsletter--left-box {
max-width: 100%;
}
}
@media (max-width: 690px) {
.subscribe-to-newsletter--form {
flex-direction: column;
}
}
.subscribe-to-newsletter__title {
font: normal normal bold 18px/21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #fff;
}
.subscribe-to-newsletter__subtitle {
max-width: 250px;
font: normal normal 400 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #aaa;
}
.subscribe-to-newsletter__subtitle a {
color: #3273dc;
}
.subscribe-to-newsletter__subtitle a:hover {
color: #3273dc;
}
.subscribe-to-newsletter__input {
padding: 12px 16px;
margin-right: 16px !important;
font: normal normal normal 14px/16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0;
color: #aaaaaa;
background: #071022;
border: 1px solid #223968;
border-radius: 5px;
outline: none;
}
.subscribe-to-newsletter__input:focus {
color: #ffffff;
border: 1px solid #aaaaaa;
}
@media (max-width: 690px) {
.subscribe-to-newsletter__input {
width: 100%;
margin-right: 0 !important;
margin-bottom: 8px !important;
}
}
html,
body,
p,
ol,
ul,
li,
iframe,
h1,
h2,
h3,
h5 {
margin: 0px;
padding: 0px;
}
h1,
h2,
h3,
h5 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input {
margin: 0px;
}
html {
box-sizing: border-box;
}
*,
::before,
::after {
box-sizing: inherit;
}
img {
height: auto;
max-width: 100%;
}
iframe {
border: 0px;
}
html {
background-color: rgb(255, 255, 255);
font-size: 16px;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow: hidden scroll;
text-rendering: optimizelegibility;
text-size-adjust: 100%;
}
footer,
header {
display: block;
}
body,
button,
input {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
color: rgb(74, 74, 74);
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
a {
color: rgb(50, 115, 220);
cursor: pointer;
text-decoration: none;
}
a:hover {
color: rgb(54, 54, 54);
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"] {
vertical-align: baseline;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: rgb(54, 54, 54);
font-weight: 700;
}
.input {
padding: 5px 6px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
border-width: 2px;
transition: all 0.2s ease 0s;
}
html {
box-sizing: border-box;
}
html,
body {
width: 100%;
height: 100%;
color: rgb(255, 255, 255);
background-color: rgb(0, 13, 38);
}
* {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
outline: none;
}
.app-container {
display: block;
width: 100%;
max-width: 1366px;
padding: 52px 16px 0px;
margin: 0px auto;
background-color: rgb(0, 13, 38);
}
@media (max-width: 1215px) {
.app-container {
padding: 52px 8px 0px;
}
}
h1 {
font-size: 3em;
text-align: center;
}
h3 {
margin: 32px 0px;
font-size: 1.125rem;
font-weight: bold;
}
a:hover {
transition: all 0.2s ease 0s;
}
.pulsatingDot {
width: 5px;
height: 5px;
margin-right: 8px;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 50%;
animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite normal none running pulseDot;
}
.pulsatingDot::before {
position: relative;
top: -100%;
left: -100%;
display: block;
width: 300%;
height: 300%;
background-color: var(--pulsating-dot, #ff4043);
border-radius: 45px;
content: "";
animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite normal none running pulseRing;
}
svg:not(:root) {
overflow: hidden;
}
svg:not([fill]) {
fill: currentcolor;
}
iframe,
img,
svg {
vertical-align: middle;
}
.eRjavl {
margin-left: 0px;
margin-right: 8px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.eFPxbR {
margin-left: 8px;
margin-right: 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.kUDxwT {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
width: 100%;
margin-bottom: 16px;
}
.kUDxwT:hover {
text-decoration: none;
}
.kUDxwT:disabled {
cursor: not-allowed;
}
.kUDxwT:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.kUDxwT:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.kUDxwT:disabled {
color: rgba(255, 255, 255, 0.12);
background-color: rgb(22, 44, 76);
}
.kUDxwT:disabled:hover,
.kUDxwT:disabled:active {
background-color: rgb(22, 44, 76);
}
.hmBXvg {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: rgb(43, 66, 106);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
width: 100%;
}
.hmBXvg:hover {
text-decoration: none;
}
.hmBXvg:disabled {
cursor: not-allowed;
}
.hmBXvg svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.hmBXvg svg {
fill: rgb(177, 187, 206);
}
.hmBXvg:hover {
color: rgb(228, 229, 233);
background-color: rgb(56, 77, 115);
}
.hmBXvg:hover svg {
fill: rgb(228, 229, 233);
}
.hmBXvg:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 88, 124);
}
.hmBXvg:active svg {
fill: rgb(255, 255, 255);
}
.hmBXvg:disabled {
color: rgb(65, 86, 122);
background-color: rgb(32, 52, 87);
}
.hmBXvg:disabled svg {
fill: rgb(65, 86, 122);
}
.hmBXvg:disabled:hover,
.hmBXvg:disabled:active {
background-color: rgb(32, 52, 87);
}
.hqHvfS {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
margin-bottom: 8px;
}
.hqHvfS:hover {
text-decoration: none;
}
.hqHvfS:disabled {
cursor: not-allowed;
}
.hqHvfS:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.hqHvfS:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.hqHvfS:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgb(179, 211, 255);
}
.hqHvfS:disabled:hover,
.hqHvfS:disabled:active {
background-color: rgb(179, 211, 255);
}
.gTFpGa {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: transparent;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
padding: 0px;
border-radius: 50%;
}
.gTFpGa:hover {
text-decoration: none;
}
.gTFpGa:disabled {
cursor: not-allowed;
}
.gTFpGa svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.gTFpGa svg {
fill: rgb(177, 187, 206);
}
.gTFpGa:hover {
color: rgb(228, 229, 233);
background-color: transparent;
}
.gTFpGa:hover svg {
fill: rgb(228, 229, 233);
}
.gTFpGa:active {
color: rgb(255, 255, 255);
background-color: transparent;
}
.gTFpGa:active svg {
fill: rgb(255, 255, 255);
}
.gTFpGa:disabled {
opacity: 1;
background-color: transparent;
color: rgb(65, 86, 122);
}
.gTFpGa:disabled svg {
fill: rgb(65, 86, 122);
}
.kmHQja {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
}
.kmHQja:hover {
text-decoration: none;
}
.kmHQja:disabled {
cursor: not-allowed;
}
.kmHQja:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.kmHQja:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.kmHQja:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgb(179, 211, 255);
}
.kmHQja:disabled:hover,
.kmHQja:disabled:active {
background-color: rgb(179, 211, 255);
}
.NDJdK {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: rgb(43, 66, 106);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
}
.NDJdK:hover {
text-decoration: none;
}
.NDJdK:disabled {
cursor: not-allowed;
}
.NDJdK:hover {
color: rgb(228, 229, 233);
background-color: rgb(56, 77, 115);
}
.NDJdK:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 88, 124);
}
.NDJdK:disabled {
color: rgb(65, 86, 122);
background-color: rgb(32, 52, 87);
}
.NDJdK:disabled:hover,
.NDJdK:disabled:active {
background-color: rgb(32, 52, 87);
}
.fLafAM {
position: relative;
display: inline-block;
width: 36px;
margin-right: 27px;
}
.jzVvBv {
display: block;
width: 100%;
font-family: Roboto, sans-serif;
}
.jzVvBv .input-wrapper {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jzVvBv .input {
width: 100%;
font-weight: 400;
font-size: 16px;
font-family: Roboto, sans-serif;
line-height: 18px;
letter-spacing: 0.05px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
transition: all 0.2s ease 0s;
}
.jzVvBv .input:disabled {
cursor: not-allowed;
}
.jzVvBv .input::placeholder {
letter-spacing: 0.05px;
}
.jzVvBv .input {
padding-right: 16px;
padding-left: 16px;
}
.jzVvBv .input {
color: rgb(255, 255, 255);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.jzVvBv .input::placeholder {
color: rgb(177, 187, 206);
}
.jzVvBv .input:hover:not(:disabled):not(:focus) {
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.jzVvBv .input:focus {
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.jzVvBv .input:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.jzVvBv .input {
height: 48px;
padding-top: 13px;
padding-bottom: 13px;
}
.inVMYh {
width: 100%;
margin-bottom: 8px;
}
.qLYMO.img-loaded {
position: relative;
opacity: 0;
animation: 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.1s 1 normal forwards running fCDSQb;
}
.jFduhB {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(255, 255, 255);
background: rgb(0, 36, 90);
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.jFduhB svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s;
}
.jFduhB:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.jFduhB:hover svg {
fill: rgb(0, 108, 255);
}
.fpAlXm {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(177, 187, 206);
background: transparent;
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.fpAlXm svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(177, 187, 206);
transition: fill 0.2s ease 0s;
}
.fpAlXm:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.fpAlXm:hover svg {
fill: rgb(0, 108, 255);
}
.dZaKxY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
max-width: 218px;
width: 100%;
min-height: 40px;
margin-bottom: 12px;
}
.dYyZky {
display: flex;
flex-direction: column;
min-width: 200px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
}
.iKpFoV {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 6px 16px;
cursor: pointer;
font: 400 16px / 24px Roboto, serif;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
max-height: 30px;
transition: color 0.2s ease 0s, border-color 0.2s ease 0s, background 0.2s ease 0s;
box-sizing: border-box;
margin-bottom: unset;
color: rgb(177, 187, 206);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.iKpFoV .dappradar-dropdown-chevron-icon {
fill: rgb(177, 187, 206);
}
.iKpFoV:hover {
color: rgb(177, 187, 206);
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.iKpFoV:active {
color: rgb(255, 255, 255);
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.iKpFoV:active .dappradar-dropdown-chevron-icon {
fill: rgb(255, 255, 255);
}
.iKpFoV:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.iKpFoV:disabled .dappradar-dropdown-chevron-icon {
fill: rgb(65, 86, 122);
}
.gXbjCK {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.gunKIA {
display: flex;
-webkit-box-align: center;
align-items: center;
transform: rotate(0deg);
transition: all 0.2s ease 0s;
}
.irQzax {
position: relative;
width: 130px;
}
.blZCdK {
position: relative;
width: 140px;
}
.jxKZhb {
position: relative;
display: flex;
}
.dMPGwK {
display: flex;
padding-left: 24px;
font: 500 14px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: all 0.25s ease 0s;
}
.dMPGwK::after {
position: absolute;
top: 1px;
left: 0px;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
background-color: rgb(68, 88, 124);
border: 1px solid rgb(22, 49, 89);
border-radius: 4px;
transition: all 0.25s ease 0s;
content: "";
}
.dMPGwK::before {
position: absolute;
top: 6px;
left: 4px;
z-index: 3;
width: 8px;
height: 4px;
background: transparent;
border-top: none;
border-right: none;
border-bottom: 2px solid rgb(177, 187, 206);
border-left: 2px solid rgb(177, 187, 206);
content: "";
opacity: 0;
transform: rotate(-45deg);
transition: all 0.25s ease 0s;
}
.dMPGwK:hover::before {
opacity: 1;
}
.dMPGwK:hover::after {
background-color: rgb(49, 75, 119);
border: 1px solid rgb(0, 108, 255);
}
.dMPGwK:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
border: 0px;
opacity: 0;
}
.gfRHvw:not(:disabled):checked+label::before {
opacity: 1;
}
.gfRHvw:disabled+label::after {
box-shadow: none;
}
.gfRHvw:disabled:checked+label::before {
opacity: 1;
}
.gfRHvw:disabled:not(:checked)+label::before {
display: none;
}
.gfRHvw:not(:disabled):checked+label::after {
background-color: rgb(0, 108, 255);
border-color: rgb(0, 108, 255);
}
.gfRHvw:not(:disabled):checked+label::before {
border-color: rgb(255, 255, 255);
}
.gfRHvw:not(:disabled):checked+label:hover::after {
background-color: rgb(0, 86, 204);
border-color: rgb(0, 86, 204);
}
.gfRHvw:not(:disabled):checked+label:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw:disabled+label {
color: rgb(65, 86, 122);
}
.gfRHvw:disabled+label::after {
background-color: rgb(23, 44, 76);
}
.gfRHvw:disabled:checked+label::after {
background-color: rgb(22, 44, 76);
border: 1px solid rgb(22, 44, 76);
}
.gfRHvw:disabled:checked+label::before {
border-bottom: 2px solid rgba(255, 255, 255, 0.12);
border-left: 2px solid rgba(255, 255, 255, 0.12);
}
.bJTvqw {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 999999;
margin: 16px;
width: 420px;
}
.kFLqrZ {
width: 48px;
height: 53px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: transparent;
}
.gqhPOc {
margin-right: 8px;
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: rgb(51, 51, 51);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.kKnLDx>* {
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 16px 12px 16px 0px;
cursor: pointer;
}
.hZDSVc {
height: 30px;
border-left: 1px solid rgb(2, 76, 186);
}
.fEenBY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.fEenBY .mobile-only {
display: unset;
}
@media screen and (min-width: 550px) {
.fEenBY .mobile-only {
display: none;
}
}
.fEenBY .hide-on-mobile {
display: unset;
}
@media screen and (max-width: 549px) {
.fEenBY .hide-on-mobile {
display: none;
}
}
.KkRMI {
position: relative;
height: 53px;
width: 52px;
cursor: pointer;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-tap-highlight-color: transparent;
}
.KkRMI svg {
display: flex;
width: 19px;
height: 19px;
}
.frbYEY {
position: relative;
display: flex;
}
.bDVyvk {
height: 53px;
position: relative;
width: fit-content;
}
.blzeHh {
padding-left: 6px;
}
.iRgyDc {
position: relative;
display: none;
width: 50px;
height: 53px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1360px) {
.iRgyDc {
display: block;
}
}
.iRgyDc span {
position: absolute;
left: calc(50% - 7px);
display: block;
width: 16px;
height: 2px;
background-color: rgb(255, 255, 255);
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
transform-origin: center center;
}
.iRgyDc span:nth-child(1) {
top: calc(50% - 6px);
}
.iRgyDc span:nth-child(2) {
top: calc(50% - 1px);
}
.iRgyDc span:nth-child(3) {
top: calc(50% + 4px);
}
.hfowkp {
display: flex;
position: relative;
margin-left: auto;
}
@media (max-width: 1360px) {
.hfowkp {
margin-left: unset;
}
}
.OBItl {
height: 32px;
position: relative;
margin: 0px auto 0px 20px;
}
.hgOyQz {
opacity: 1;
transition: all 0.2s ease 0s;
pointer-events: all;
}
.cUVAKO {
background: rgb(0, 86, 204);
border: 1px solid transparent;
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.04) 0px 4px 12px -4px;
color: rgb(255, 255, 255);
font-size: 14px;
height: 32px;
min-width: 320px;
outline: none;
padding-left: 45px;
transition: all 0.2s ease 0s;
width: 100%;
}
.cUVAKO::placeholder {
color: rgb(179, 211, 255);
transition: all 0.2s ease 0s;
}
.cUVAKO:focus {
background-color: rgb(0, 54, 128);
}
@media only screen and (max-width: 880px) {
.cUVAKO:focus {
background-color: rgb(68, 88, 124);
}
}
@media only screen and (max-width: 769px) {
.cUVAKO {
width: 100%;
}
}
@media only screen and (max-width: 880px) {
.cUVAKO {
color: white;
font-size: 16px;
width: 100%;
height: 48px;
}
}
@media (max-width: 880px) {
.cUVAKO {
font-size: 16px;
position: static;
}
}
.hKjRnO {
left: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ebLEqT {
background-color: rgb(4, 40, 94);
height: 100vh;
opacity: 0;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
@media only screen and (max-width: 880px) {
.ebLEqT {
opacity: 0;
left: 0px;
background-color: rgb(4, 25, 56);
}
}
.cRwMod {
-webkit-box-align: center;
align-items: center;
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
position: relative;
}
@media screen and (max-width: 880px) {
.cRwMod {
flex-direction: column;
margin-bottom: 8px;
}
}
.LIZDA {
background-color: rgb(4, 25, 56);
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.2) 0px 8px 24px -4px;
color: rgb(255, 255, 255);
display: none;
min-width: 580px;
overflow-y: visible;
position: absolute;
left: 0px;
top: 50px;
transform: translateX(-1.5%);
z-index: 10001;
margin: 0px auto 0px 20px;
}
.LIZDA::-webkit-scrollbar {
width: 10px;
}
.LIZDA::-webkit-scrollbar-track {
padding: 8px 0px;
background-color: rgb(4, 25, 56);
border-radius: 100px;
}
.LIZDA::-webkit-scrollbar-thumb {
cursor: pointer;
border: 2px solid transparent;
background-color: rgb(30, 62, 112);
border-radius: 100px;
background-clip: content-box;
}
@media screen and (max-width: 880px) {
.LIZDA {
top: 0px;
position: relative;
transform: translateX(0px);
margin-top: 8px;
margin-bottom: 0px;
}
}
@media only screen and (max-width:880pxx) {
.LIZDA {
border-radius: 5px;
margin-top: 8px;
margin-bottom: 0px;
min-width: fit-content;
padding-top: 0px;
top: 50px;
transform: translateX(0px);
width: 100%;
}
}
@media only screen and (max-width: 769px) {
.LIZDA {
width: 100%;
}
}
.eHXauX {
width: 100%;
border-bottom: 1px solid rgb(22, 49, 89);
}
.lBWRU {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
margin-bottom: 16px;
}
.fvwTXL {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
fill: rgb(177, 187, 206);
}
.dvPAfM {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.dvPAfM {
margin: 18px;
}
}
.gkWMLV {
display: flex;
margin-bottom: 12px;
}
.czyypY:first-of-type {
margin-right: 0px;
}
.dQyCKi {
display: flex;
flex-wrap: wrap;
}
.eNGWBP {
display: flex;
flex-direction: column;
}
.iqkaJU {
display: flex;
margin-bottom: 16px;
}
.ekngRQ {
fill: rgb(255, 255, 255);
width: 21px;
height: 20px;
margin-right: 8px;
}
.bPOaFJ {
font-weight: 700;
font-size: 18px;
line-height: 24px;
display: flex;
-webkit-box-align: center;
align-items: center;
letter-spacing: 0.003em;
color: rgb(255, 255, 255);
}
.lcpkGq {
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 16px;
text-decoration: none;
}
.eiqqol {
fill: rgb(177, 187, 206);
width: 16px;
height: 16px;
margin-right: 6px;
}
.gWYeMU {
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
}
.gKfZsb {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.gKfZsb {
margin: 18px;
}
}
.jYCuoq {
background-color: unset;
height: 100vh;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
.hkJymU {
display: flex;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
position: fixed;
height: calc(100% - 52px);
background-color: rgb(4, 25, 56);
width: 100%;
max-width: 400px;
right: -400px;
transition: all 0.5s ease 0s;
top: 52px;
overflow-y: auto;
z-index: 10000;
}
.lkWUhj {
display: flex;
flex-direction: column;
}
.hxYafG {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 32px 0px;
}
@media (max-width: 550px) {
.hxYafG {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.bfQeTX {
padding: 0px 24px;
color: rgb(177, 187, 206);
font-size: 14px;
}
@media (min-width: 769px) {
.bfQeTX {
padding: 0px 8px;
}
}
.KgRzR {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.KgRzR>* {
margin-right: 24px;
}
@media (max-width: 550px) {
.KgRzR {
padding: 0px 8px;
margin-bottom: 24px;
}
}
.botxjV {
width: 100%;
margin-bottom: 32px;
}
.botxjV> :not(:last-child) {
margin-right: 16px;
}
@media screen and (min-width: 768px) {
.botxjV {
margin-top: 32px;
}
}
.buxqre {
width: auto;
max-height: 44px;
}
.dHCQTI {
width: calc(100% + 32px);
margin: 0px -16px 26px;
border-top: 1px solid rgb(22, 49, 89);
}
@media screen and (min-width: 768px) {
.dHCQTI {
width: 100%;
margin: 0px -16px 26px 0px;
}
}
.iyogQG {
padding: 12px 8px 24px 0px;
}
@media screen and (min-width: 769px) {
.iyogQG {
width: 25%;
padding-bottom: 0px;
}
}
.iyogQG svg {
height: 30px;
fill: rgb(255, 255, 255);
}
.dCOaxM {
font-size: 14px;
text-align: left;
color: rgb(177, 187, 206);
margin-top: 12px;
}
.cLOdOv {
width: 50%;
min-width: 0px;
margin: 32px 0px 0px;
padding-left: 8px;
padding-right: 8px;
}
@media screen and (min-width: 550px) {
.cLOdOv {
width: 33.3333%;
margin-top: 32px;
}
}
@media screen and (min-width: 769px) {
.cLOdOv {
margin-top: 3px;
width: 20%;
}
}
.hfLvYn {
display: flex;
flex-flow: wrap;
width: 100%;
padding-left: 16px;
padding-right: 16px;
margin-top: 32px;
}
@media screen and (min-width: 769px) {
.hfLvYn {
padding-left: 0px;
padding-right: 0px;
}
}
.eTtQvH {
display: flex;
flex-flow: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 32px 24px 12px;
}
@media screen and (min-width: 769px) {
.eTtQvH {
padding: 48px 8px 12px;
}
}
.kDmlRU {
display: flex;
margin-right: 10px;
font-size: 14px;
color: rgb(177, 187, 206);
}
.iWfltJ {
width: 11px;
height: 6px;
fill: rgb(177, 187, 206);
}
.jKAbih {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 6px 0px;
width: fit-content;
}
.jKAbih svg {
display: flex;
transition: all 0.2s ease 0s;
}
.jKAbih a {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0px;
background-color: rgb(43, 66, 106);
border-radius: 50%;
transition: all 0.2s ease 0s;
}
.jKAbih a:hover {
background-color: rgb(56, 77, 115);
}
.jKAbih a:hover svg {
fill: rgb(219, 221, 229);
}
.jKAbih a:active {
background-color: rgb(56, 77, 115);
}
.jKAbih a:active svg {
fill: rgb(255, 255, 255);
}
.jKAbih a:last-child {
margin-right: 0px;
}
.hkRHRz {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
gap: 4px;
background-color: rgb(43, 66, 106);
width: 62px;
height: 40px;
border-radius: 32px;
transition: all 0.2s ease 0s;
}
.hkRHRz:hover {
background-color: rgb(56, 77, 115);
}
.dEMPWF {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.dWpTuL {
margin-top: 10px;
}
.dmRHUx {
font-size: 14px;
font-weight: bold;
color: rgb(255, 255, 255);
margin-top: 0px;
}
.bQKMWb {
font-size: 16px;
text-decoration: none;
color: rgb(177, 187, 206);
cursor: pointer;
transition: all 0.2s ease 0s;
}
.bQKMWb:hover {
color: rgb(102, 167, 255);
}
.bQKMWb:active {
color: rgb(0, 108, 255);
}
.jckugK {
color: rgb(255, 255, 255);
}
.jckugK nav {
display: flex;
flex-wrap: wrap;
}
.bduspq {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 24px 8px;
}
@media screen and (max-width: 768px) {
.bduspq {
padding: 24px;
}
}
.cnVSvu {
width: 100%;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0px;
border-top: 1px solid rgb(22, 49, 89);
}
.qumBy {
display: flex;
flex-direction: column;
width: min-content;
font: 500 12px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
}
.qumBy a {
color: rgb(102, 167, 255);
text-decoration: none;
}
.qumBy a:hover {
color: rgb(0, 108, 255);
text-decoration: none;
}
.qumBy label span {
font: 400 12px / 18px Roboto, sans-serif;
}
@media (max-width: 500px) {
.qumBy {
width: 100%;
max-width: 100%;
}
}
.hXOMax {
display: flex;
flex-direction: row;
}
@media (max-width: 500px) {
.hXOMax {
flex-direction: column;
width: 100%;
}
}
.geavYe {
width: 290px;
padding-right: 8px;
}
@media (max-width: 500px) {
.geavYe {
width: 100%;
padding-right: 0px;
}
}
.eLXlJU {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
background-color: rgb(14, 34, 64);
border-radius: 8px;
margin: 0px 8px;
padding: 32px 24px;
}
@media (max-width: 768px) {
.eLXlJU {
flex-direction: column;
padding: 16px;
}
}
.dmIAew {
display: flex;
flex-direction: column;
margin-right: 32px;
}
@media (max-width: 768px) {
.dmIAew {
flex-direction: column;
margin-right: 0px;
margin-bottom: 16px;
}
}
.bJWzzv {
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
color: rgb(255, 255, 255);
margin-bottom: 10px;
}
.leflNR {
font-size: 14px;
line-height: 1.36;
color: rgb(255, 255, 255);
max-width: 390px;
}
@media (max-width: 768px) {
.leflNR {
max-width: none;
}
}
.hOuEkW {
padding-top: 72px;
background-color: rgb(11, 28, 53);
}
@media (max-width: 768px) {
.hOuEkW {
padding-top: 32px;
}
}
.gmUJFq {
padding: 31.5px 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
width: 100%;
border-top: 1px solid rgb(6, 42, 103);
border-bottom: 0px;
}
.iWxOrk {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font: 700 16px / 20px Roboto, sans-serif;
text-align: center;
color: rgb(255, 255, 255);
}
.edXrpU {
margin-top: 19px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.cYmIJm {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.cYmIJm svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.cYmIJm:hover svg {
fill: rgb(228, 229, 233);
}
.cYmIJm:active svg {
fill: rgb(255, 255, 255);
}
.jowNAl {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 1px 0px 0px;
margin: 0px 0px 0px 28px;
}
.jowNAl svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.jowNAl:hover svg {
fill: rgb(228, 229, 233);
}
.jowNAl:active svg {
fill: rgb(255, 255, 255);
}
.hyWNqV {
transform: rotate(180deg);
}
.dkiaqS {
height: 52px;
position: fixed;
width: 100%;
z-index: 2000;
display: flex;
-webkit-box-pack: center;
justify-content: center;
background-color: rgb(0, 108, 255);
}
.dAQTUg {
width: 100%;
max-width: 1366px;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 1215px) {
.dAQTUg {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 560px) {
.dAQTUg {
padding-right: 0px;
}
}
.laJeWN {
margin-left: auto;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jVWmgg {
display: flex;
height: 52px;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.gIHwMW {
position: relative;
z-index: 100;
background-color: rgb(11, 28, 53);
}
.iOBXKO {
max-width: 1366px;
margin: 0px auto;
padding: 0px;
}
.jvHtXL {
position: relative;
display: block;
width: 234px;
padding: 0px 16px 0px 0px;
min-height: 600px;
}
@media (max-width: 1040px) {
.jvHtXL {
display: none;
}
}
.kObVFn {
position: sticky;
top: 76px;
display: block;
width: 218px;
}
.iJnOVt {
display: flex;
padding: 24px 0px 64px;
height: 100%;
-webkit-box-flex: 1;
flex-grow: 1;
}
.jpKalB {
margin: 32px 0px 16px;
width: 100%;
}
.dGXItl {
max-width: 650px;
width: 100%;
}
@media (max-width: 660px) {
.dGXItl {
padding-left: 8px;
padding-right: 8px;
}
}
.airdrops--header {
font: 34px / 45px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
}
.airdrops--container {
z-index: 2;
display: flex;
flex: 1 1 0%;
height: 100%;
min-height: 100%;
overflow-y: hidden;
}
.airdrops--featured-container {
justify-content: center;
position: relative !important;
width: 100% !important;
}
.airdrops--bg {
z-index: 1;
display: flex;
align-items: center;
flex: 1 1 0%;
flex-direction: column;
min-width: 100%;
min-height: 100%;
padding: 32px 8px;
}
.featured-airdrop-card {
position: relative;
width: 100%;
height: 285px;
max-width: 650px;
cursor: pointer;
border-radius: 10px;
}
.featured-airdrop-card--title {
max-width: 300px;
font: bold 18px / 21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
}
@media (max-width: 690px) {
.featured-airdrop-card--title {
max-width: 570px;
}
}
.featured-airdrop-card--subtitle {
max-width: 300px;
font: 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
}
@media (max-width: 690px) {
.featured-airdrop-card--subtitle {
max-width: 570px;
}
}
.featured-airdrop-card--actions-container {
flex-direction: row;
}
@media (max-width: 690px) {
.featured-airdrop-card--actions-container {
justify-content: space-between;
width: 100%;
}
}
.featured-airdrop-card--card-footer {
position: absolute;
bottom: 0px;
align-items: center;
width: 100%;
padding: 16px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px 0px 10px 10px;
opacity: 1;
backdrop-filter: blur(27px);
}
@media (max-width: 690px) {
.featured-airdrop-card--card-footer {
align-items: flex-start;
flex-direction: column;
padding-bottom: 8px;
}
}
.featured-airdrop-card--left-box {
position: relative;
}
@media (max-width: 690px) {
.featured-airdrop-card--left-box {
margin-bottom: 8px !important;
}
}
.featured-airdrop-card--image-container {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 2px;
border-radius: 5px;
min-width: 48px !important;
}
@media (max-width: 690px) {
.featured-airdrop-card--image-container {
margin-right: 8px !important;
}
}
.featured-airdrop-card--image-container>img {
border-radius: 5px;
}
.featured-airdrop-card--time-left {
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
min-height: 40px;
font: 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: white;
word-break: keep-all;
border-radius: 5px;
min-width: fit-content !important;
margin-right: 16px !important;
}
.time-counter--container {
display: flex;
align-items: center;
}
.airdrop-badge {
position: absolute;
top: -8px;
left: -10px;
width: fit-content;
padding: 2px 4px;
font: bold 12px / 14px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
text-transform: uppercase;
word-break: keep-all;
background: 0px 0px no-repeat padding-box padding-box rgb(6, 144, 6);
border-radius: 5px;
}
.airdrop-badge.red {
background: 0px 0px no-repeat padding-box padding-box rgb(255, 64, 67);
}
.airdrop-card {
align-items: center;
width: 100%;
max-width: 650px;
padding: 16px 20px;
cursor: pointer;
background: rgb(5, 23, 56);
border-radius: 10px;
transition: all 0.5s ease 0s;
margin-bottom: 32px !important;
}
@media (max-width: 690px) {
.airdrop-card {
background: 0% 0% no-repeat padding-box padding-box rgb(2, 18, 46);
border-radius: 5px;
}
}
.airdrop-card:hover {
background: rgb(0, 23, 60);
}
@media (max-width: 690px) {
.airdrop-card {
align-items: flex-start;
flex-direction: column;
}
}
.airdrop-card--title {
max-width: 280px;
font: bold 18px / 21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
}
@media (max-width: 690px) {
.airdrop-card--title {
max-width: 100%;
}
}
.airdrop-card--text {
max-width: 280px;
font: 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
margin-right: 24px !important;
}
@media (max-width: 690px) {
.airdrop-card--text.time-left {
display: flex;
align-self: center;
justify-content: flex-start;
width: 100%;
height: 42px;
padding: 12px 12px 12px 0px;
}
}
@media (max-width: 690px) {
.airdrop-card--text {
max-width: 100%;
margin-right: 0px !important;
}
}
@media (max-width: 690px) {
.airdrop-card--left-box {
margin-right: 0px !important;
margin-bottom: 16px !important;
}
}
.airdrop-card--right-box {
align-items: center;
}
@media (max-width: 690px) {
.airdrop-card--right-box {
flex-direction: column;
width: 100%;
}
}
.airdrop-card--image-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 2px;
border-radius: 5px;
min-width: 48px !important;
}
@media (max-width: 690px) {
.airdrop-card--image-container {
margin-right: 8px !important;
}
}
.airdrop-card--image-container>img {
border-radius: 5px;
}
.airdrop-card--expired {
display: flex;
align-items: center;
justify-content: center;
font: 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 152, 152);
border-radius: 5px;
margin-right: 24px !important;
}
@media (max-width: 690px) {
.airdrop-card--expired {
width: 100%;
margin-right: 0px !important;
margin-bottom: 8px !important;
}
}
.subscribe-to-newsletter {
align-items: center;
width: 100%;
max-width: 650px;
padding: 16px 20px;
background: rgb(1, 21, 54);
border-radius: 5px;
margin-bottom: 32px !important;
}
@media (max-width: 400px) {
.subscribe-to-newsletter {
flex-direction: column;
padding: 12px;
}
}
.subscribe-to-newsletter form {
width: 50%;
}
@media (max-width: 400px) {
.subscribe-to-newsletter form {
width: 100%;
}
}
.subscribe-to-newsletter--left-box {
max-width: 227px;
margin-right: auto !important;
}
@media (max-width: 400px) {
.subscribe-to-newsletter--left-box {
max-width: 100%;
}
}
@media (max-width: 690px) {
.subscribe-to-newsletter--form {
flex-direction: column;
}
}
.subscribe-to-newsletter__title {
font: bold 18px / 21px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(255, 255, 255);
}
.subscribe-to-newsletter__subtitle {
max-width: 250px;
font: 400 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(170, 170, 170);
}
.subscribe-to-newsletter__subtitle a {
color: rgb(50, 115, 220);
}
.subscribe-to-newsletter__subtitle a:hover {
color: rgb(50, 115, 220);
}
.subscribe-to-newsletter__input {
padding: 12px 16px;
font: 14px / 16px roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
letter-spacing: 0px;
color: rgb(170, 170, 170);
background: rgb(7, 16, 34);
border: 1px solid rgb(34, 57, 104);
border-radius: 5px;
outline: none;
margin-right: 16px !important;
}
.subscribe-to-newsletter__input:focus {
color: rgb(255, 255, 255);
border: 1px solid rgb(170, 170, 170);
}
@media (max-width: 690px) {
.subscribe-to-newsletter__input {
width: 100%;
margin-right: 0px !important;
margin-bottom: 8px !important;
}
}
.css-12x0iee {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
flex-direction: column;
display: flex;
}
.css-hi5zbn {
box-sizing: border-box;
margin: 32px 0px;
min-width: 0px;
}
.css-1rp6iu8 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.css-4cffwv {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
display: flex;
}
.css-l3rx45 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
display: flex;
}
.css-1f978ju {
box-sizing: border-box;
margin: 0px 0px 8px;
min-width: 0px;
}
.css-vurnku {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
}
.css-zadiel {
box-sizing: border-box;
margin: 16px 0px 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
@media screen and (min-width: 40em) {
.css-zadiel {
margin-top: 16px;
}
}
@media screen and (min-width: 52em) {
.css-zadiel {
margin-top: 0px;
}
}
@media screen and (min-width: 64em) {
.css-zadiel {
margin-top: 0px;
}
}
.css-rxk9pl {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
width: 100%;
display: flex;
}
.css-ghjkiv {
box-sizing: border-box;
margin: 8px 0px 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.css-1d8qyez {
box-sizing: border-box;
margin: 0px auto 0px 0px;
min-width: 0px;
display: flex;
}
.css-1uoge8i {
box-sizing: border-box;
margin: 0px 16px 0px 0px;
min-width: 0px;
}
.css-12hpwr4 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
display: flex;
}
.css-zkfaav {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.css-9cwl6c {
box-sizing: border-box;
margin: 0px 8px 0px 0px;
min-width: 0px;
}
.time-counter--container {
display: flex;
align-items: center;
}
.eRjavl {
margin-left: 0px;
margin-right: 8px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.eFPxbR {
margin-left: 8px;
margin-right: 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.kUDxwT {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
width: 100%;
margin-bottom: 16px;
}
.kUDxwT:hover {
text-decoration: none;
}
.kUDxwT:disabled {
cursor: not-allowed;
}
.kUDxwT:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.kUDxwT:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.kUDxwT:disabled {
color: rgba(255, 255, 255, 0.12);
background-color: rgb(22, 44, 76);
}
.kUDxwT:disabled:hover,
.kUDxwT:disabled:active {
background-color: rgb(22, 44, 76);
}
.hmBXvg {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: rgb(43, 66, 106);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
width: 100%;
}
.hmBXvg:hover {
text-decoration: none;
}
.hmBXvg:disabled {
cursor: not-allowed;
}
.hmBXvg svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.hmBXvg svg {
fill: rgb(177, 187, 206);
}
.hmBXvg:hover {
color: rgb(228, 229, 233);
background-color: rgb(56, 77, 115);
}
.hmBXvg:hover svg {
fill: rgb(228, 229, 233);
}
.hmBXvg:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 88, 124);
}
.hmBXvg:active svg {
fill: rgb(255, 255, 255);
}
.hmBXvg:disabled {
color: rgb(65, 86, 122);
background-color: rgb(32, 52, 87);
}
.hmBXvg:disabled svg {
fill: rgb(65, 86, 122);
}
.hmBXvg:disabled:hover,
.hmBXvg:disabled:active {
background-color: rgb(32, 52, 87);
}
.hqHvfS {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
font-size: 16px;
line-height: 16px;
padding: 16px 24px;
border-radius: 8px;
letter-spacing: 0.6px;
margin-bottom: 8px;
}
.hqHvfS:hover {
text-decoration: none;
}
.hqHvfS:disabled {
cursor: not-allowed;
}
.hqHvfS:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.hqHvfS:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.hqHvfS:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgb(179, 211, 255);
}
.hqHvfS:disabled:hover,
.hqHvfS:disabled:active {
background-color: rgb(179, 211, 255);
}
.gTFpGa {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: transparent;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
padding: 0px;
border-radius: 50%;
}
.gTFpGa:hover {
text-decoration: none;
}
.gTFpGa:disabled {
cursor: not-allowed;
}
.gTFpGa svg {
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s, stroke 0.2s ease 0s;
}
.gTFpGa svg {
fill: rgb(177, 187, 206);
}
.gTFpGa:hover {
color: rgb(228, 229, 233);
background-color: transparent;
}
.gTFpGa:hover svg {
fill: rgb(228, 229, 233);
}
.gTFpGa:active {
color: rgb(255, 255, 255);
background-color: transparent;
}
.gTFpGa:active svg {
fill: rgb(255, 255, 255);
}
.gTFpGa:disabled {
opacity: 1;
background-color: transparent;
color: rgb(65, 86, 122);
}
.gTFpGa:disabled svg {
fill: rgb(65, 86, 122);
}
.kmHQja {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(255, 255, 255);
background-color: rgb(0, 108, 255);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
}
.kmHQja:hover {
text-decoration: none;
}
.kmHQja:disabled {
cursor: not-allowed;
}
.kmHQja:hover {
color: rgb(255, 255, 255);
background-color: rgb(0, 86, 204);
}
.kmHQja:active {
color: rgb(255, 255, 255);
background-color: rgb(0, 54, 128);
}
.kmHQja:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgb(179, 211, 255);
}
.kmHQja:disabled:hover,
.kmHQja:disabled:active {
background-color: rgb(179, 211, 255);
}
.NDJdK {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
font-family: Roboto, sans-serif;
font-weight: 700;
text-decoration: none;
cursor: pointer;
border: 0px;
box-sizing: border-box;
outline: none;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
width: fit-content;
text-transform: none;
text-align: center;
color: rgb(177, 187, 206);
background-color: rgb(43, 66, 106);
padding: 8px 16px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
border-radius: 8px;
}
.NDJdK:hover {
text-decoration: none;
}
.NDJdK:disabled {
cursor: not-allowed;
}
.NDJdK:hover {
color: rgb(228, 229, 233);
background-color: rgb(56, 77, 115);
}
.NDJdK:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 88, 124);
}
.NDJdK:disabled {
color: rgb(65, 86, 122);
background-color: rgb(32, 52, 87);
}
.NDJdK:disabled:hover,
.NDJdK:disabled:active {
background-color: rgb(32, 52, 87);
}
.fLafAM {
position: relative;
display: inline-block;
width: 36px;
margin-right: 27px;
}
.jzVvBv {
display: block;
width: 100%;
font-family: Roboto, sans-serif;
}
.jzVvBv .input-wrapper {
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jzVvBv .input {
width: 100%;
font-weight: 400;
font-size: 16px;
font-family: Roboto, sans-serif;
line-height: 18px;
letter-spacing: 0.05px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
transition: all 0.2s ease 0s;
}
.jzVvBv .input:disabled {
cursor: not-allowed;
}
.jzVvBv .input::placeholder {
letter-spacing: 0.05px;
}
.jzVvBv .input {
padding-right: 16px;
padding-left: 16px;
}
.jzVvBv .input {
color: rgb(255, 255, 255);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.jzVvBv .input::placeholder {
color: rgb(177, 187, 206);
}
.jzVvBv .input:hover:not(:disabled):not(:focus) {
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.jzVvBv .input:focus {
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.jzVvBv .input:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.jzVvBv .input {
height: 48px;
padding-top: 13px;
padding-bottom: 13px;
}
.inVMYh {
width: 100%;
margin-bottom: 8px;
}
.qLYMO.img-loaded {
position: relative;
opacity: 0;
animation: 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.1s 1 normal forwards running fCDSQb;
}
.jFduhB {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(255, 255, 255);
background: rgb(0, 36, 90);
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.jFduhB svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(255, 255, 255);
transition: fill 0.2s ease 0s;
}
.jFduhB:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.jFduhB:hover svg {
fill: rgb(0, 108, 255);
}
.fpAlXm {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
max-width: 218px;
max-height: 40px;
padding: 12px 8px 12px 16px;
cursor: pointer;
font: 700 16px / 20px Roboto, sans-serif;
text-decoration: none;
color: rgb(177, 187, 206);
background: transparent;
border-radius: 8px;
transition: all 0.2s ease 0s;
box-sizing: border-box;
}
.fpAlXm svg {
display: flex;
height: 24px;
width: 24px;
margin-right: 12px;
fill: rgb(177, 187, 206);
transition: fill 0.2s ease 0s;
}
.fpAlXm:hover {
color: rgb(0, 108, 255);
background: rgb(0, 36, 90);
}
.fpAlXm:hover svg {
fill: rgb(0, 108, 255);
}
.dZaKxY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
max-width: 218px;
width: 100%;
min-height: 40px;
margin-bottom: 12px;
}
.dYyZky {
display: flex;
flex-direction: column;
min-width: 200px;
font-family: roboto, -apple-system, blinkmacsystemfont, "segoe ui", oxygen-sans, ubuntu, cantarell, "helvetica neue", sans-serif;
}
.iKpFoV {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 6px 16px;
cursor: pointer;
font: 400 16px / 24px Roboto, serif;
border-width: 2px;
border-style: solid;
border-radius: 8px;
outline: none;
max-height: 30px;
transition: color 0.2s ease 0s, border-color 0.2s ease 0s, background 0.2s ease 0s;
box-sizing: border-box;
margin-bottom: unset;
color: rgb(177, 187, 206);
background: rgb(68, 88, 124);
border-color: rgb(68, 88, 124);
}
.iKpFoV .dappradar-dropdown-chevron-icon {
fill: rgb(177, 187, 206);
}
.iKpFoV:hover {
color: rgb(177, 187, 206);
background: rgb(49, 75, 119);
border-color: rgb(49, 75, 119);
}
.iKpFoV:active {
color: rgb(255, 255, 255);
background: rgb(49, 75, 119);
border-color: rgb(0, 108, 255);
}
.iKpFoV:active .dappradar-dropdown-chevron-icon {
fill: rgb(255, 255, 255);
}
.iKpFoV:disabled {
color: rgb(65, 86, 122);
background: rgb(23, 44, 76);
border-color: rgb(23, 44, 76);
}
.iKpFoV:disabled .dappradar-dropdown-chevron-icon {
fill: rgb(65, 86, 122);
}
.gXbjCK {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.gunKIA {
display: flex;
-webkit-box-align: center;
align-items: center;
transform: rotate(0deg);
transition: all 0.2s ease 0s;
}
.irQzax {
position: relative;
width: 130px;
}
.blZCdK {
position: relative;
width: 140px;
}
.jxKZhb {
position: relative;
display: flex;
}
.dMPGwK {
display: flex;
padding-left: 24px;
font: 500 14px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
vertical-align: middle;
cursor: pointer;
user-select: none;
transition: all 0.25s ease 0s;
}
.dMPGwK::after {
position: absolute;
top: 1px;
left: 0px;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
background-color: rgb(68, 88, 124);
border: 1px solid rgb(22, 49, 89);
border-radius: 4px;
transition: all 0.25s ease 0s;
content: "";
}
.dMPGwK::before {
position: absolute;
top: 6px;
left: 4px;
z-index: 3;
width: 8px;
height: 4px;
background: transparent;
border-top: none;
border-right: none;
border-bottom: 2px solid rgb(177, 187, 206);
border-left: 2px solid rgb(177, 187, 206);
content: "";
opacity: 0;
transform: rotate(-45deg);
transition: all 0.25s ease 0s;
}
.dMPGwK:hover::before {
opacity: 1;
}
.dMPGwK:hover::after {
background-color: rgb(49, 75, 119);
border: 1px solid rgb(0, 108, 255);
}
.dMPGwK:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
border: 0px;
opacity: 0;
}
.gfRHvw:not(:disabled):checked+label::before {
opacity: 1;
}
.gfRHvw:disabled+label::after {
box-shadow: none;
}
.gfRHvw:disabled:checked+label::before {
opacity: 1;
}
.gfRHvw:disabled:not(:checked)+label::before {
display: none;
}
.gfRHvw:not(:disabled):checked+label::after {
background-color: rgb(0, 108, 255);
border-color: rgb(0, 108, 255);
}
.gfRHvw:not(:disabled):checked+label::before {
border-color: rgb(255, 255, 255);
}
.gfRHvw:not(:disabled):checked+label:hover::after {
background-color: rgb(0, 86, 204);
border-color: rgb(0, 86, 204);
}
.gfRHvw:not(:disabled):checked+label:active::after {
box-shadow: rgb(0, 108, 255) 0px 0px 6px;
}
.gfRHvw:disabled+label {
color: rgb(65, 86, 122);
}
.gfRHvw:disabled+label::after {
background-color: rgb(23, 44, 76);
}
.gfRHvw:disabled:checked+label::after {
background-color: rgb(22, 44, 76);
border: 1px solid rgb(22, 44, 76);
}
.gfRHvw:disabled:checked+label::before {
border-bottom: 2px solid rgba(255, 255, 255, 0.12);
border-left: 2px solid rgba(255, 255, 255, 0.12);
}
.bJTvqw {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 999999;
margin: 16px;
width: 420px;
}
.kFLqrZ {
width: 48px;
height: 53px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background-color: transparent;
}
.gqhPOc {
margin-right: 8px;
position: relative;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: rgb(51, 51, 51);
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.kKnLDx>* {
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 16px 12px 16px 0px;
cursor: pointer;
}
.hZDSVc {
height: 30px;
border-left: 1px solid rgb(2, 76, 186);
}
.fEenBY {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.fEenBY .mobile-only {
display: unset;
}
@media screen and (min-width: 550px) {
.fEenBY .mobile-only {
display: none;
}
}
.fEenBY .hide-on-mobile {
display: unset;
}
@media screen and (max-width: 549px) {
.fEenBY .hide-on-mobile {
display: none;
}
}
.KkRMI {
position: relative;
height: 53px;
width: 52px;
cursor: pointer;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-tap-highlight-color: transparent;
}
.KkRMI svg {
display: flex;
width: 19px;
height: 19px;
}
.frbYEY {
position: relative;
display: flex;
}
.bDVyvk {
height: 53px;
position: relative;
width: fit-content;
}
.blzeHh {
padding-left: 6px;
}
.iRgyDc {
position: relative;
display: none;
width: 50px;
height: 53px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1360px) {
.iRgyDc {
display: block;
}
}
.iRgyDc span {
position: absolute;
left: calc(50% - 7px);
display: block;
width: 16px;
height: 2px;
background-color: rgb(255, 255, 255);
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
transform-origin: center center;
}
.iRgyDc span:nth-child(1) {
top: calc(50% - 6px);
}
.iRgyDc span:nth-child(2) {
top: calc(50% - 1px);
}
.iRgyDc span:nth-child(3) {
top: calc(50% + 4px);
}
.hfowkp {
display: flex;
position: relative;
margin-left: auto;
}
@media (max-width: 1360px) {
.hfowkp {
margin-left: unset;
}
}
.OBItl {
height: 32px;
position: relative;
margin: 0px auto 0px 20px;
}
.hgOyQz {
opacity: 1;
transition: all 0.2s ease 0s;
pointer-events: all;
}
.cUVAKO {
background: rgb(0, 86, 204);
border: 1px solid transparent;
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.04) 0px 4px 12px -4px;
color: rgb(255, 255, 255);
font-size: 14px;
height: 32px;
min-width: 320px;
outline: none;
padding-left: 45px;
transition: all 0.2s ease 0s;
width: 100%;
}
.cUVAKO::placeholder {
color: rgb(179, 211, 255);
transition: all 0.2s ease 0s;
}
.cUVAKO:focus {
background-color: rgb(0, 54, 128);
}
@media only screen and (max-width: 880px) {
.cUVAKO:focus {
background-color: rgb(68, 88, 124);
}
}
@media only screen and (max-width: 769px) {
.cUVAKO {
width: 100%;
}
}
@media only screen and (max-width: 880px) {
.cUVAKO {
color: white;
font-size: 16px;
width: 100%;
height: 48px;
}
}
@media (max-width: 880px) {
.cUVAKO {
font-size: 16px;
position: static;
}
}
.hKjRnO {
left: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.ebLEqT {
background-color: rgb(4, 40, 94);
height: 100vh;
opacity: 0;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
@media only screen and (max-width: 880px) {
.ebLEqT {
opacity: 0;
left: 0px;
background-color: rgb(4, 25, 56);
}
}
.cRwMod {
-webkit-box-align: center;
align-items: center;
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
position: relative;
}
@media screen and (max-width: 880px) {
.cRwMod {
flex-direction: column;
margin-bottom: 8px;
}
}
.LIZDA {
background-color: rgb(4, 25, 56);
border-radius: 8px;
box-shadow: rgba(63, 68, 102, 0.2) 0px 8px 24px -4px;
color: rgb(255, 255, 255);
display: none;
min-width: 580px;
overflow-y: visible;
position: absolute;
left: 0px;
top: 50px;
transform: translateX(-1.5%);
z-index: 10001;
margin: 0px auto 0px 20px;
}
.LIZDA::-webkit-scrollbar {
width: 10px;
}
.LIZDA::-webkit-scrollbar-track {
padding: 8px 0px;
background-color: rgb(4, 25, 56);
border-radius: 100px;
}
.LIZDA::-webkit-scrollbar-thumb {
cursor: pointer;
border: 2px solid transparent;
background-color: rgb(30, 62, 112);
border-radius: 100px;
background-clip: content-box;
}
@media screen and (max-width: 880px) {
.LIZDA {
top: 0px;
position: relative;
transform: translateX(0px);
margin-top: 8px;
margin-bottom: 0px;
}
}
@media only screen and (max-width:880pxx) {
.LIZDA {
border-radius: 5px;
margin-top: 8px;
margin-bottom: 0px;
min-width: fit-content;
padding-top: 0px;
top: 50px;
transform: translateX(0px);
width: 100%;
}
}
@media only screen and (max-width: 769px) {
.LIZDA {
width: 100%;
}
}
.eHXauX {
width: 100%;
border-bottom: 1px solid rgb(22, 49, 89);
}
.lBWRU {
display: inline-block;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
margin-bottom: 16px;
}
.fvwTXL {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
fill: rgb(177, 187, 206);
}
.dvPAfM {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.dvPAfM {
margin: 18px;
}
}
.gkWMLV {
display: flex;
margin-bottom: 12px;
}
.czyypY:first-of-type {
margin-right: 0px;
}
.dQyCKi {
display: flex;
flex-wrap: wrap;
}
.eNGWBP {
display: flex;
flex-direction: column;
}
.iqkaJU {
display: flex;
margin-bottom: 16px;
}
.ekngRQ {
fill: rgb(255, 255, 255);
width: 21px;
height: 20px;
margin-right: 8px;
}
.bPOaFJ {
font-weight: 700;
font-size: 18px;
line-height: 24px;
display: flex;
-webkit-box-align: center;
align-items: center;
letter-spacing: 0.003em;
color: rgb(255, 255, 255);
}
.lcpkGq {
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 16px;
text-decoration: none;
}
.eiqqol {
fill: rgb(177, 187, 206);
width: 16px;
height: 16px;
margin-right: 6px;
}
.gWYeMU {
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.003em;
color: rgb(177, 187, 206);
}
.gKfZsb {
display: flex;
flex-direction: column;
margin: 24px;
}
@media (max-width: 450px) {
.gKfZsb {
margin: 18px;
}
}
.jYCuoq {
background-color: unset;
height: 100vh;
left: 0px;
pointer-events: none;
position: fixed;
top: 52px;
transition: opacity 0.3s ease 0s;
width: 100vw;
z-index: 10000;
}
.hkJymU {
display: flex;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
position: fixed;
height: calc(100% - 52px);
background-color: rgb(4, 25, 56);
width: 100%;
max-width: 400px;
right: -400px;
transition: all 0.5s ease 0s;
top: 52px;
overflow-y: auto;
z-index: 10000;
}
.lkWUhj {
display: flex;
flex-direction: column;
}
.hxYafG {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 32px 0px;
}
@media (max-width: 550px) {
.hxYafG {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.bfQeTX {
padding: 0px 24px;
color: rgb(177, 187, 206);
font-size: 14px;
}
@media (min-width: 769px) {
.bfQeTX {
padding: 0px 8px;
}
}
.KgRzR {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.KgRzR>* {
margin-right: 24px;
}
@media (max-width: 550px) {
.KgRzR {
padding: 0px 8px;
margin-bottom: 24px;
}
}
.botxjV {
width: 100%;
margin-bottom: 32px;
}
.botxjV> :not(:last-child) {
margin-right: 16px;
}
@media screen and (min-width: 768px) {
.botxjV {
margin-top: 32px;
}
}
.buxqre {
width: auto;
max-height: 44px;
}
.dHCQTI {
width: calc(100% + 32px);
margin: 0px -16px 26px;
border-top: 1px solid rgb(22, 49, 89);
}
@media screen and (min-width: 768px) {
.dHCQTI {
width: 100%;
margin: 0px -16px 26px 0px;
}
}
.iyogQG {
padding: 12px 8px 24px 0px;
}
@media screen and (min-width: 769px) {
.iyogQG {
width: 25%;
padding-bottom: 0px;
}
}
.iyogQG svg {
height: 30px;
fill: rgb(255, 255, 255);
}
.dCOaxM {
font-size: 14px;
text-align: left;
color: rgb(177, 187, 206);
margin-top: 12px;
}
.cLOdOv {
width: 50%;
min-width: 0px;
margin: 32px 0px 0px;
padding-left: 8px;
padding-right: 8px;
}
@media screen and (min-width: 550px) {
.cLOdOv {
width: 33.3333%;
margin-top: 32px;
}
}
@media screen and (min-width: 769px) {
.cLOdOv {
margin-top: 3px;
width: 20%;
}
}
.hfLvYn {
display: flex;
flex-flow: wrap;
width: 100%;
padding-left: 16px;
padding-right: 16px;
margin-top: 32px;
}
@media screen and (min-width: 769px) {
.hfLvYn {
padding-left: 0px;
padding-right: 0px;
}
}
.eTtQvH {
display: flex;
flex-flow: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 32px 24px 12px;
}
@media screen and (min-width: 769px) {
.eTtQvH {
padding: 48px 8px 12px;
}
}
.kDmlRU {
display: flex;
margin-right: 10px;
font-size: 14px;
color: rgb(177, 187, 206);
}
.iWfltJ {
width: 11px;
height: 6px;
fill: rgb(177, 187, 206);
}
.jKAbih {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
padding: 6px 0px;
width: fit-content;
}
.jKAbih svg {
display: flex;
transition: all 0.2s ease 0s;
}
.jKAbih a {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0px;
background-color: rgb(43, 66, 106);
border-radius: 50%;
transition: all 0.2s ease 0s;
}
.jKAbih a:hover {
background-color: rgb(56, 77, 115);
}
.jKAbih a:hover svg {
fill: rgb(219, 221, 229);
}
.jKAbih a:active {
background-color: rgb(56, 77, 115);
}
.jKAbih a:active svg {
fill: rgb(255, 255, 255);
}
.jKAbih a:last-child {
margin-right: 0px;
}
.hkRHRz {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
gap: 4px;
background-color: rgb(43, 66, 106);
width: 62px;
height: 40px;
border-radius: 32px;
transition: all 0.2s ease 0s;
}
.hkRHRz:hover {
background-color: rgb(56, 77, 115);
}
.dEMPWF {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.dWpTuL {
margin-top: 10px;
}
.dmRHUx {
font-size: 14px;
font-weight: bold;
color: rgb(255, 255, 255);
margin-top: 0px;
}
.bQKMWb {
font-size: 16px;
text-decoration: none;
color: rgb(177, 187, 206);
cursor: pointer;
transition: all 0.2s ease 0s;
}
.bQKMWb:hover {
color: rgb(102, 167, 255);
}
.bQKMWb:active {
color: rgb(0, 108, 255);
}
.jckugK {
color: rgb(255, 255, 255);
}
.jckugK nav {
display: flex;
flex-wrap: wrap;
}
.bduspq {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
padding: 24px 8px;
}
@media screen and (max-width: 768px) {
.bduspq {
padding: 24px;
}
}
.cnVSvu {
width: 100%;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0px;
border-top: 1px solid rgb(22, 49, 89);
}
.qumBy {
display: flex;
flex-direction: column;
width: min-content;
font: 500 12px / 18px Roboto, sans-serif;
color: rgb(255, 255, 255);
}
.qumBy a {
color: rgb(102, 167, 255);
text-decoration: none;
}
.qumBy a:hover {
color: rgb(0, 108, 255);
text-decoration: none;
}
.qumBy label span {
font: 400 12px / 18px Roboto, sans-serif;
}
@media (max-width: 500px) {
.qumBy {
width: 100%;
max-width: 100%;
}
}
.hXOMax {
display: flex;
flex-direction: row;
}
@media (max-width: 500px) {
.hXOMax {
flex-direction: column;
width: 100%;
}
}
.geavYe {
width: 290px;
padding-right: 8px;
}
@media (max-width: 500px) {
.geavYe {
width: 100%;
padding-right: 0px;
}
}
.eLXlJU {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
background-color: rgb(14, 34, 64);
border-radius: 8px;
margin: 0px 8px;
padding: 32px 24px;
}
@media (max-width: 768px) {
.eLXlJU {
flex-direction: column;
padding: 16px;
}
}
.dmIAew {
display: flex;
flex-direction: column;
margin-right: 32px;
}
@media (max-width: 768px) {
.dmIAew {
flex-direction: column;
margin-right: 0px;
margin-bottom: 16px;
}
}
.bJWzzv {
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
color: rgb(255, 255, 255);
margin-bottom: 10px;
}
.leflNR {
font-size: 14px;
line-height: 1.36;
color: rgb(255, 255, 255);
max-width: 390px;
}
@media (max-width: 768px) {
.leflNR {
max-width: none;
}
}
.hOuEkW {
padding-top: 72px;
background-color: rgb(11, 28, 53);
}
@media (max-width: 768px) {
.hOuEkW {
padding-top: 32px;
}
}
.gmUJFq {
padding: 31.5px 0px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
flex-direction: column;
width: 100%;
border-top: 1px solid rgb(6, 42, 103);
border-bottom: 0px;
}
.iWxOrk {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font: 700 16px / 20px Roboto, sans-serif;
text-align: center;
color: rgb(255, 255, 255);
}
.edXrpU {
margin-top: 19px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.cYmIJm {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 0px;
margin: 0px;
}
.cYmIJm svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.cYmIJm:hover svg {
fill: rgb(228, 229, 233);
}
.cYmIJm:active svg {
fill: rgb(255, 255, 255);
}
.jowNAl {
background-color: transparent;
outline: none;
border: 0px;
box-shadow: 0px 0px;
cursor: pointer;
padding: 1px 0px 0px;
margin: 0px 0px 0px 28px;
}
.jowNAl svg {
fill: rgb(177, 187, 206);
transition: all 0.2s ease 0s;
}
.jowNAl:hover svg {
fill: rgb(228, 229, 233);
}
.jowNAl:active svg {
fill: rgb(255, 255, 255);
}
.hyWNqV {
transform: rotate(180deg);
}
.dkiaqS {
height: 52px;
position: fixed;
width: 100%;
z-index: 2000;
display: flex;
-webkit-box-pack: center;
justify-content: center;
background-color: rgb(0, 108, 255);
}
.dAQTUg {
width: 100%;
max-width: 1366px;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 1215px) {
.dAQTUg {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 560px) {
.dAQTUg {
padding-right: 0px;
}
}
.laJeWN {
margin-left: auto;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.jVWmgg {
display: flex;
height: 52px;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.gIHwMW {
position: relative;
z-index: 100;
background-color: rgb(11, 28, 53);
}
.iOBXKO {
max-width: 1366px;
margin: 0px auto;
padding: 0px;
}
.jvHtXL {
position: relative;
display: block;
width: 234px;
padding: 0px 16px 0px 0px;
min-height: 600px;
}
@media (max-width: 1040px) {
.jvHtXL {
display: none;
}
}
.kObVFn {
position: sticky;
top: 76px;
display: block;
width: 218px;
}
.iJnOVt {
display: flex;
padding: 24px 0px 64px;
height: 100%;
-webkit-box-flex: 1;
flex-grow: 1;
}
.jpKalB {
margin: 32px 0px 16px;
width: 100%;
}
.dGXItl {
max-width: 650px;
width: 100%;
}
@media (max-width: 660px) {
.dGXItl {
padding-left: 8px;
padding-right: 8px;
}
}
/*! CSS Used from: Embedded */
:root {
--w3m-color-mix-strength: 0%;
--w3m-font-family: 'Montserrat', sans-serif;
--w3m-font-size-master: 10px;
--w3m-border-radius-master: 4px;
--w3m-z-index: 999999999999999999999999999;
--wui-font-family: var(--w3m-font-family);
--wui-font-size-micro: var(--w3m-font-size-master);
--wui-font-size-tiny: calc(var(--w3m-font-size-master) * 1.2);
--wui-font-size-small: calc(var(--w3m-font-size-master) * 1.4);
--wui-font-size-paragraph: calc(var(--w3m-font-size-master) * 1.6);
--wui-font-size-large: calc(var(--w3m-font-size-master) * 2);
--wui-border-radius-5xs: var(--w3m-border-radius-master);
--wui-border-radius-4xs: calc(var(--w3m-border-radius-master) * 1.5);
--wui-border-radius-3xs: calc(var(--w3m-border-radius-master) * 2);
--wui-border-radius-xxs: calc(var(--w3m-border-radius-master) * 3);
--wui-border-radius-xs: calc(var(--w3m-border-radius-master) * 4);
--wui-border-radius-s: calc(var(--w3m-border-radius-master) * 5);
--wui-border-radius-m: calc(var(--w3m-border-radius-master) * 7);
--wui-border-radius-l: calc(var(--w3m-border-radius-master) * 9);
--wui-border-radius-3xl: calc(var(--w3m-border-radius-master) * 20);
--wui-font-weight-light: 400;
--wui-font-weight-regular: 500;
--wui-font-weight-medium: 600;
--wui-font-weight-bold: 700;
--wui-letter-spacing-large: -0.8px;
--wui-letter-spacing-paragraph: -0.64px;
--wui-letter-spacing-small: -0.56px;
--wui-letter-spacing-tiny: -0.48px;
--wui-letter-spacing-micro: -0.2px;
--wui-spacing-0: 0px;
--wui-spacing-4xs: 2px;
--wui-spacing-3xs: 4px;
--wui-spacing-xxs: 6px;
--wui-spacing-2xs: 7px;
--wui-spacing-xs: 8px;
--wui-spacing-1xs: 10px;
--wui-spacing-s: 12px;
--wui-spacing-m: 14px;
--wui-spacing-l: 16px;
--wui-spacing-2l: 18px;
--wui-spacing-xl: 20px;
--wui-spacing-xxl: 24px;
--wui-spacing-2xl: 32px;
--wui-spacing-3xl: 40px;
--wui-spacing-4xl: 90px;
--wui-icon-box-size-xxs: 14px;
--wui-icon-box-size-xs: 20px;
--wui-icon-box-size-sm: 24px;
--wui-icon-box-size-md: 32px;
--wui-icon-box-size-lg: 40px;
--wui-icon-box-size-xl: 64px;
--wui-icon-size-inherit: inherit;
--wui-icon-size-xxs: 10px;
--wui-icon-size-xs: 12px;
--wui-icon-size-sm: 14px;
--wui-icon-size-md: 16px;
--wui-icon-size-mdl: 18px;
--wui-icon-size-lg: 20px;
--wui-icon-size-xl: 24px;
--wui-wallet-image-size-inherit: inherit;
--wui-wallet-image-size-sm: 40px;
--wui-wallet-image-size-md: 56px;
--wui-wallet-image-size-lg: 80px;
--wui-box-size-md: 100px;
--wui-box-size-lg: 120px;
--wui-ease-out-power-2: cubic-bezier(0, 0, 0.22, 1);
--wui-ease-out-power-1: cubic-bezier(0, 0, 0.55, 1);
--wui-ease-in-power-3: cubic-bezier(0.66, 0, 1, 1);
--wui-ease-in-power-2: cubic-bezier(0.45, 0, 1, 1);
--wui-ease-in-power-1: cubic-bezier(0.3, 0, 1, 1);
--wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1);
--wui-duration-lg: 200ms;
--wui-duration-md: 125ms;
--wui-duration-sm: 75ms;
--wui-path-network: path('M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z');
--wui-path-network-lg: path('M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z');
--wui-color-inherit: inherit;
--wui-color-inverse-100: #fff;
--wui-color-inverse-000: #000;
--wui-cover: rgba(20, 20, 20, 0.8);
--wui-color-modal-bg: var(--wui-color-modal-bg-base);
--wui-color-blue-100: var(--wui-color-blue-base-100);
--wui-color-accent-100: var(--wui-color-accent-base-100);
--wui-color-accent-090: var(--wui-color-accent-base-090);
--wui-color-accent-080: var(--wui-color-accent-base-080);
--wui-accent-glass-090: var(--wui-accent-glass-base-090);
--wui-accent-glass-080: var(--wui-accent-glass-base-080);
--wui-accent-glass-020: var(--wui-accent-glass-base-020);
--wui-accent-glass-015: var(--wui-accent-glass-base-015);
--wui-accent-glass-010: var(--wui-accent-glass-base-010);
--wui-accent-glass-005: var(--wui-accent-glass-base-005);
--wui-accent-glass-002: var(--wui-accent-glass-base-002);
--wui-color-fg-100: var(--wui-color-fg-base-100);
--wui-color-fg-125: var(--wui-color-fg-base-125);
--wui-color-fg-150: var(--wui-color-fg-base-150);
--wui-color-fg-175: var(--wui-color-fg-base-175);
--wui-color-fg-200: var(--wui-color-fg-base-200);
--wui-color-fg-225: var(--wui-color-fg-base-225);
--wui-color-fg-250: var(--wui-color-fg-base-250);
--wui-color-fg-275: var(--wui-color-fg-base-275);
--wui-color-fg-300: var(--wui-color-fg-base-300);
--wui-color-bg-100: var(--wui-color-bg-base-100);
--wui-color-bg-125: var(--wui-color-bg-base-125);
--wui-color-bg-150: var(--wui-color-bg-base-150);
--wui-color-bg-175: var(--wui-color-bg-base-175);
--wui-color-bg-200: var(--wui-color-bg-base-200);
--wui-color-bg-225: var(--wui-color-bg-base-225);
--wui-color-bg-250: var(--wui-color-bg-base-250);
--wui-color-bg-275: var(--wui-color-bg-base-275);
--wui-color-bg-300: var(--wui-color-bg-base-300);
--wui-color-success-100: var(--wui-color-success-base-100);
--wui-color-error-100: var(--wui-color-error-base-100);
--wui-icon-box-bg-error-100: var(--wui-icon-box-bg-error-base-100);
--wui-icon-box-bg-blue-100: var(--wui-icon-box-bg-blue-base-100);
--wui-icon-box-bg-success-100: var(--wui-icon-box-bg-success-base-100);
--wui-icon-box-bg-inverse-100: var(--wui-icon-box-bg-inverse-base-100);
--wui-all-wallets-bg-100: var(--wui-all-wallets-bg-base-100);
--wui-avatar-border: var(--wui-avatar-border-base);
--wui-thumbnail-border: var(--wui-thumbnail-border-base);
--wui-box-shadow-blue: rgba(71, 161, 255, 0.16);
}
/*! CSS Used from: Embedded */
:root {
--w3m-color-mix: #000;
--w3m-accent: #3396ff;
--w3m-default: #000;
--wui-color-modal-bg-base: #fff;
--wui-color-blue-base-100: #3396ff;
--wui-color-accent-base-100: var(--w3m-accent);
--wui-color-accent-base-090: #2d7dd2;
--wui-color-accent-base-080: #2978cc;
--wui-accent-glass-base-090: rgba(51, 150, 255, 0.9);
--wui-accent-glass-base-080: rgba(51, 150, 255, 0.8);
--wui-accent-glass-base-020: rgba(51, 150, 255, 0.2);
--wui-accent-glass-base-015: rgba(51, 150, 255, 0.15);
--wui-accent-glass-base-010: rgba(51, 150, 255, 0.1);
--wui-accent-glass-base-005: rgba(51, 150, 255, 0.05);
--wui-accent-glass-base-002: rgba(51, 150, 255, 0.02);
--wui-color-fg-base-100: #141414;
--wui-color-fg-base-125: #2d3131;
--wui-color-fg-base-150: #474d4d;
--wui-color-fg-base-175: #636d6d;
--wui-color-fg-base-200: #798686;
--wui-color-fg-base-225: #828f8f;
--wui-color-fg-base-250: #8b9797;
--wui-color-fg-base-275: #95a0a0;
--wui-color-fg-base-300: #9ea9a9;
--wui-color-bg-base-100: #ffffff;
--wui-color-bg-base-125: #f5fafa;
--wui-color-bg-base-150: #f3f8f8;
--wui-color-bg-base-175: #eef4f4;
--wui-color-bg-base-200: #eaf1f1;
--wui-color-bg-base-225: #e5eded;
--wui-color-bg-base-250: #e1e9e9;
--wui-color-bg-base-275: #dce7e7;
--wui-color-bg-base-300: #d8e3e3;
--wui-color-success-base-100: #26b562;
--wui-color-error-base-100: #f05142;
--wui-success-glass-001: rgba(38, 181, 98, 0.01);
--wui-success-glass-002: rgba(38, 181, 98, 0.02);
--wui-success-glass-005: rgba(38, 181, 98, 0.05);
--wui-success-glass-010: rgba(38, 181, 98, 0.1);
--wui-success-glass-015: rgba(38, 181, 98, 0.15);
--wui-success-glass-020: rgba(38, 181, 98, 0.2);
--wui-success-glass-025: rgba(38, 181, 98, 0.25);
--wui-success-glass-030: rgba(38, 181, 98, 0.3);
--wui-success-glass-060: rgba(38, 181, 98, 0.6);
--wui-success-glass-080: rgba(38, 181, 98, 0.8);
--wui-icon-box-bg-error-base-100: #f4dfdd;
--wui-icon-box-bg-blue-base-100: #d9ecfb;
--wui-icon-box-bg-success-base-100: #daf0e4;
--wui-icon-box-bg-inverse-base-100: #dcecfc;
--wui-all-wallets-bg-base-100: #e8f1fa;
--wui-avatar-border-base: #f3f4f4;
--wui-thumbnail-border-base: #eaefef;
--wui-gray-glass-001: rgba(0, 0, 0, 0.01);
--wui-gray-glass-002: rgba(0, 0, 0, 0.02);
--wui-gray-glass-005: rgba(0, 0, 0, 0.05);
--wui-gray-glass-010: rgba(0, 0, 0, 0.1);
--wui-gray-glass-015: rgba(0, 0, 0, 0.15);
--wui-gray-glass-020: rgba(0, 0, 0, 0.2);
--wui-gray-glass-025: rgba(0, 0, 0, 0.25);
--wui-gray-glass-030: rgba(0, 0, 0, 0.3);
--wui-gray-glass-060: rgba(0, 0, 0, 0.6);
--wui-gray-glass-080: rgba(0, 0, 0, 0.8);
}
/*! CSS Used from: Embedded ; media=enabled */
@media enabled {
:root {
--w3m-color-mix: #fff;
--w3m-accent: #47a1ff;
--w3m-default: #fff;
--wui-color-modal-bg-base: #191a1a;
--wui-color-blue-base-100: #47a1ff;
--wui-color-accent-base-100: var(--w3m-accent);
--wui-color-accent-base-090: #59aaff;
--wui-color-accent-base-080: #6cb4ff;
--wui-accent-glass-base-090: rgba(71, 161, 255, 0.9);
--wui-accent-glass-base-080: rgba(71, 161, 255, 0.8);
--wui-accent-glass-base-020: rgba(71, 161, 255, 0.2);
--wui-accent-glass-base-015: rgba(71, 161, 255, 0.15);
--wui-accent-glass-base-010: rgba(71, 161, 255, 0.1);
--wui-accent-glass-base-005: rgba(71, 161, 255, 0.05);
--wui-accent-glass-base-002: rgba(71, 161, 255, 0.02);
--wui-color-fg-base-100: #e4e7e7;
--wui-color-fg-base-125: #d0d5d5;
--wui-color-fg-base-150: #a8b1b1;
--wui-color-fg-base-175: #a8b0b0;
--wui-color-fg-base-200: #949e9e;
--wui-color-fg-base-225: #868f8f;
--wui-color-fg-base-250: #788080;
--wui-color-fg-base-275: #788181;
--wui-color-fg-base-300: #6e7777;
--wui-color-bg-base-100: #141414;
--wui-color-bg-base-125: #191a1a;
--wui-color-bg-base-150: #1e1f1f;
--wui-color-bg-base-175: #222525;
--wui-color-bg-base-200: #272a2a;
--wui-color-bg-base-225: #2c3030;
--wui-color-bg-base-250: #313535;
--wui-color-bg-base-275: #363b3b;
--wui-color-bg-base-300: #3b4040;
--wui-color-success-base-100: #26d962;
--wui-color-error-base-100: #f25a67;
--wui-success-glass-001: rgba(38, 217, 98, 0.01);
--wui-success-glass-002: rgba(38, 217, 98, 0.02);
--wui-success-glass-005: rgba(38, 217, 98, 0.05);
--wui-success-glass-010: rgba(38, 217, 98, 0.1);
--wui-success-glass-015: rgba(38, 217, 98, 0.15);
--wui-success-glass-020: rgba(38, 217, 98, 0.2);
--wui-success-glass-025: rgba(38, 217, 98, 0.25);
--wui-success-glass-030: rgba(38, 217, 98, 0.3);
--wui-success-glass-060: rgba(38, 217, 98, 0.6);
--wui-success-glass-080: rgba(38, 217, 98, 0.8);
--wui-icon-box-bg-error-base-100: #3c2426;
--wui-icon-box-bg-blue-base-100: #20303f;
--wui-icon-box-bg-success-base-100: var(--wui-success-glass-015);
--wui-icon-box-bg-inverse-base-100: #243240;
--wui-all-wallets-bg-base-100: #222b35;
--wui-avatar-border-base: #252525;
--wui-thumbnail-border-base: #252525;
--wui-gray-glass-001: rgba(255, 255, 255, 0.01);
--wui-gray-glass-002: rgba(255, 255, 255, 0.02);
--wui-gray-glass-005: rgba(255, 255, 255, 0.05);
--wui-gray-glass-010: rgba(255, 255, 255, 0.1);
--wui-gray-glass-015: rgba(255, 255, 255, 0.15);
--wui-gray-glass-020: rgba(255, 255, 255, 0.2);
--wui-gray-glass-025: rgba(255, 255, 255, 0.25);
--wui-gray-glass-030: rgba(255, 255, 255, 0.3);
--wui-gray-glass-060: rgba(255, 255, 255, 0.6);
--wui-gray-glass-080: rgba(255, 255, 255, 0.8);
}
}
/*! CSS Used from: Embedded */
.css-12x0iee {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
flex-direction: column;
display: flex;
}
.css-hi5zbn {
box-sizing: border-box;
margin: 32px 0px;
min-width: 0px;
}
.css-1rp6iu8 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.css-4cffwv {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
display: flex;
}
.css-l3rx45 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
display: flex;
}
.css-1f978ju {
box-sizing: border-box;
margin: 0px 0px 8px;
min-width: 0px;
}
.css-vurnku {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
}
.css-zadiel {
box-sizing: border-box;
margin: 16px 0px 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
@media screen and (min-width: 40em) {
.css-zadiel {
margin-top: 16px;
}
}
@media screen and (min-width: 52em) {
.css-zadiel {
margin-top: 0px;
}
}
@media screen and (min-width: 64em) {
.css-zadiel {
margin-top: 0px;
}
}
.css-rxk9pl {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
width: 100%;
display: flex;
}
.css-ghjkiv {
box-sizing: border-box;
margin: 8px 0px 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.css-1d8qyez {
box-sizing: border-box;
margin: 0px auto 0px 0px;
min-width: 0px;
display: flex;
}
.css-1uoge8i {
box-sizing: border-box;
margin: 0px 16px 0px 0px;
min-width: 0px;
}
.css-12hpwr4 {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
display: flex;
}
.css-zkfaav {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
-webkit-box-align: center;
align-items: center;
display: flex;
}
.css-9cwl6c {
box-sizing: border-box;
margin: 0px 8px 0px 0px;
min-width: 0px;
}
/*! CSS Used from: Embedded */
.css-vurnku {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
}
.css-4cffwv {
box-sizing: border-box;
margin: 0px;
min-width: 0px;
display: flex;
}
/*! CSS Used from: Embedded */
.-cbwsdk-css-reset .-cbwsdk-connect-dialog {
z-index: 2147483647;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-backdrop {
z-index: 2147483647;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: opacity .25s;
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-backdrop.light {
background-color: rgba(0, 0, 0, .5);
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-backdrop-hidden {
opacity: 0;
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-box {
display: flex;
position: relative;
flex-direction: column;
transform: scale(1);
transition: opacity .25s, transform .25s;
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-box-hidden {
opacity: 0;
transform: scale(0.85);
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-container {
display: block;
}
.-cbwsdk-css-reset .-cbwsdk-connect-dialog-container-hidden {
display: none;
}
/*! CSS Used from: Embedded */
.-cbwsdk-css-reset .-cbwsdk-connect-content {
height: 430px;
width: 700px;
border-radius: 12px;
padding: 30px;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content.light {
background: #fff;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-header {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 30px;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-heading {
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 36px;
margin: 0;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-heading.light {
color: #0a0b0d;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-layout {
display: flex;
flex-direction: row;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-column-left {
margin-right: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-column-right {
flex: 25%;
margin-right: 34px;
}
.-cbwsdk-css-reset .-cbwsdk-connect-content-qr-wrapper {
width: 220px;
height: 220px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps {
padding: 0 0 0 16px;
margin: 0;
width: 100%;
list-style: decimal;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-item {
list-style-type: decimal;
display: list-item;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-item.light {
color: #0a0b0d;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-item-wrapper {
display: flex;
align-items: center;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-pad-left {
margin-left: 6px;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-icon {
display: flex;
border-radius: 50%;
height: 24px;
width: 24px;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-icon svg {
margin: auto;
display: block;
}
.-cbwsdk-css-reset .-cbwsdk-wallet-steps-icon.light {
background: #0052ff;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item {
align-items: center;
display: flex;
flex-direction: row;
padding: 16px 24px;
gap: 12px;
cursor: pointer;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item.light {
color: #0a0b0d;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item.light.selected {
background: #f5f8ff;
color: #0052ff;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item.selected {
border-radius: 100px;
font-weight: 600;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item-copy-wrapper {
margin: 0 4px 0 8px;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item-title {
margin: 0 0 0;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.-cbwsdk-css-reset .-cbwsdk-connect-item-description {
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 0;
}
/*! CSS Used from: Embedded */
.-cbwsdk-css-reset .-cbwsdk-try-extension {
display: flex;
margin-top: 12px;
height: 202px;
width: 700px;
border-radius: 12px;
padding: 30px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension.light {
background: #fff;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-column-half {
flex: 50%;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-heading {
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 32px;
margin: 0;
max-width: 204px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-heading.light {
color: #0a0b0d;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-cta {
appearance: none;
border: none;
background: none;
color: #0052ff;
cursor: pointer;
padding: 0;
text-decoration: none;
display: block;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-cta.light {
color: #0052ff;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-cta-wrapper {
display: flex;
align-items: center;
margin-top: 12px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-cta-icon {
display: block;
margin-left: 4px;
height: 14px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
height: 100%;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item {
display: flex;
align-items: center;
flex-flow: nowrap;
margin-top: 24px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item:first-of-type {
margin-top: 0;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-icon-wrapper {
display: block;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-icon {
display: flex;
height: 32px;
width: 32px;
border-radius: 50%;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-icon svg {
margin: auto;
display: block;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-icon.light {
background: #eef0f3;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-copy {
display: block;
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding-left: 12px;
}
.-cbwsdk-css-reset .-cbwsdk-try-extension-list-item-copy.light {
color: #5b636e;
}
/*! CSS Used from: Embedded */
.-cbwsdk-css-reset .-cbwsdk-snackbar {
align-items: flex-end;
display: flex;
flex-direction: column;
position: fixed;
right: 0;
top: 0;
z-index: 2147483647;
}
/*! CSS Used from: Embedded */
.-cbwsdk-css-reset,
.-cbwsdk-css-reset * {
animation: none;
animation-delay: 0;
animation-direction: normal;
animation-duration: 0;
animation-fill-mode: none;
animation-iteration-count: 1;
animation-name: none;
animation-play-state: running;
animation-timing-function: ease;
backface-visibility: visible;
background: 0;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-position-x: 0;
background-position-y: 0;
background-repeat: repeat;
background-size: auto auto;
border: 0;
border-style: none;
border-width: medium;
border-color: inherit;
border-bottom: 0;
border-bottom-color: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-collapse: separate;
border-image: none;
border-left: 0;
border-left-color: inherit;
border-left-style: none;
border-left-width: medium;
border-radius: 0;
border-right: 0;
border-right-color: inherit;
border-right-style: none;
border-right-width: medium;
border-spacing: 0;
border-top: 0;
border-top-color: inherit;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
box-shadow: none;
box-sizing: border-box;
caption-side: top;
clear: none;
clip: auto;
color: inherit;
columns: auto;
column-count: auto;
column-fill: balance;
column-gap: normal;
column-rule: medium none currentColor;
column-rule-color: currentColor;
column-rule-style: none;
column-rule-width: none;
column-span: 1;
column-width: auto;
counter-increment: none;
counter-reset: none;
direction: ltr;
empty-cells: show;
float: none;
font: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-size: medium;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
hyphens: none;
letter-spacing: normal;
line-height: normal;
list-style: none;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
opacity: 1;
orphans: 0;
outline: 0;
outline-color: invert;
outline-style: none;
outline-width: medium;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
perspective: none;
perspective-origin: 50% 50%;
pointer-events: auto;
position: static;
quotes: "\201C""\201D""\2018""\2019";
tab-size: 8;
table-layout: auto;
text-align: inherit;
text-align-last: auto;
text-decoration: none;
text-decoration-color: inherit;
text-decoration-line: none;
text-decoration-style: solid;
text-indent: 0;
text-shadow: none;
text-transform: none;
transform: none;
transform-style: flat;
transition: none;
transition-delay: 0s;
transition-duration: 0s;
transition-property: none;
transition-timing-function: ease;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 0;
word-spacing: normal;
z-index: auto;
}
.-cbwsdk-css-reset strong {
font-weight: bold;
}
.-cbwsdk-css-reset * {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
line-height: 1;
}
.-cbwsdk-css-reset [class*=container] {
margin: 0;
padding: 0;
}
.-cbwsdk-css-reset style {
display: none;
}
/*! CSS Used keyframes */
@keyframes pulseDot {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
@keyframes pulseDot {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
@keyframes pulseDot {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
@keyframes pulseRing {
0% {
transform: scale(0.5);
}
80%,
100% {
opacity: 0;
}
}
@keyframes pulseRing {
0% {
transform: scale(0.5);
}
80%,
100% {
opacity: 0;
}
}
@keyframes pulseRing {
0% {
transform: scale(0.5);
}
80%,
100% {
opacity: 0;
}
}
/*! CSS Used fontfaces */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("fonts/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2") format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2") format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2") format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}