*:focus,

a:focus,

input:focus,

button:focus {

  outline: none;

}



img,

picture {

  max-inline-size: 100%;

  block-size: auto;

  vertical-align: middle;

}

a {

  color: #0c2c54;

  text-decoration: none;

}

a:hover {

  color: #055AC5;

}

p,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

ol {

  font-size: inherit;

  font-weight: normal;

}

q,

blockquote {

  quotes: '\201C' '\201D' '\2018' '\2019';

}

code,

samp,

kbd,

pre {

  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

}

button,

input {

  background-image: none;

}

fieldset,

legend {

  border: 0;

}

input,

select {

  color: #0c2c54;

}

input[type='search']::-webkit-search-cancel-button,

input[type='search']::-webkit-search-decoration {

  -webkit-appearance: none;

}

input[disabled],

select[disabled],

textarea[disabled] {

  cursor: not-allowed;

}

li + li {

  margin-block-start: 0.4rem;

}

p + p,

p + ul,

p + ol,

ul + p,

ul + ol,

ol + ol,

ol + p,

ol + ul {

  margin-block-start: 0.8rem;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



*:focus,

a:focus,

input:focus,

button:focus {

  outline: none;

}



@font-face {}



@font-face {}


body {
    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

/*    font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;*/

font-family: -apple-system, "Noto Sans", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Liberation Sans", Arial, "WenQuanYi Micro Hei", sans-serif;

    margin: 0

}



code {

    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace

}





.flex-container-wrapper {

    display: flex;

    flex-direction: column;

    min-height: 100vh

}



.flex-full-page {

    flex: 1 0 auto

}



.flex-center {

    justify-content: center

}



.page-bg {

    background-position: bottom;

    background-repeat: repeat-x;

    background-size: initial;

    min-height: 600px

}



.tech-work {

    margin-bottom: 100px;

    margin-top: 100px

}



@media only screen and (min-width: 1500px) {

    .page-bg {

        background-size:contain

    }

}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



@font-face {}



.info-block__pic-holder {

    align-items: center;

    display: flex;

    justify-content: center;

    width: 100%;

    z-index: 1

}



.info-block__pic-holder>div>div {

    display: none

}



.info-block__container {

    background: #f6fbff;

    color: #0c2c54;

    display: flex;

    flex-flow: wrap;

    font-size: 22px;

    font-style: normal;

    font-weight: 400;

    letter-spacing: -.015em;

    line-height: 36px;

    padding: 36px 80px

}



.info-block__container .info-block__buttons {

    opacity: 0

}



.info-block__container .animate {

    transform: translateX(0)!important;

    transition: .5s ease-out

}



.info-block__container .animate .info-block__buttons {

    opacity: 1;

    transition-delay: .6s!important;

    transition: opacity 1s ease-out

}



.info-block__text-block {

    text-align: left;

    width: calc(50% - 86px)

}



.info-block__text-block.left {

    transform: translateX(150%)

}



.info-block__text-block.right {

    transform: translateX(-150%)

}



.info-block__image-block {

    background-repeat: no-repeat;

    background-size: 50%;

    display: flex;

    position: relative;

    width: 50%

}



.back-image {

    height: 400px;

    position: absolute;

    top: 55%;

    transform: translate(-50%,-50%);

    width: 400px;

    z-index: 0

}



.image-left {

    left: 30%

}



.image-right {

    left: 70%

}



.info-block__container>div:last-child {

    margin-left: 86px

}



.info-block__title {

    display: flex;

    font-size: 38px;

    font-weight: 500;

    justify-content: flex-start;

    line-height: 60px;

    margin-top: 140px

}



.info-block__title .hide {

    display: initial

}



.info-block__title>div {

    position: relative

}



.info-block__title .soon-tag {

    position: absolute;

    right: -50px;

    top: 0

}



.info-block__text {

    margin-top: 32px

}



.info-block__text div:not(:first-child) {

    margin-top: 10px

}



.info-block__buttons {

    display: flex;

    margin-top: 27px;

    position: relative

}



.info-block__buttons .soon-tag {

    margin-left: 180px;

    position: absolute;

    top: -10px

}



.info-block__buttons * {

    cursor: pointer

}



.info-block__buttons svg:hover {

    fill: #006aed1a

}



.info-block__buttons button {

    width: 188px

}



.info-block__buttons>:not(:first-child) {

    margin-left: 16px

}



@media only screen and (max-width: 1200px) {

    .info-block__title .hide {

        display:none

    }



    .info-block__text {

        font-size: 18px;

        letter-spacing: -.015em;

        line-height: 30px

    }



    .info-block__buttons button {

        border-width: 1px;

        font-size: 16px;

        line-height: 19px

    }

}



@media only screen and (max-width: 960px) {

    .back-image {

        top:77%

    }



    .info-block__title {

        margin-top: 60px

    }



    .info-block__buttons,.info-block__title {

        justify-content: center

    }



    .info-block__text-block {

        order: 1;

        text-align: center;

        width: 100%

    }



    .info-block__container {

        padding: 36px 55px

    }



    .info-block__image-block {

        order: 2;

        width: 100%

    }



    .info-block__container>div:last-child {

        margin-left: 0

    }

}



@media only screen and (max-width: 640px) {

    .info-block__container {

        padding:36px 25px 0

    }



    .back-image {

        top: 50%;

        width: 180px

    }



    .image-left {

        left: 27%

    }



    .image-right {

        left: 75%

    }



    .info-block__pic-holder {

        margin-top: -100px;

        transform: scale(.75)

    }



    .info-block__buttons>img {

        height: 44px;

        width: 150px

    }



    .info-block__title {

        margin-top: 0

    }



    .info-block__title .soon-tag {

        position: absolute;

        right: -35px;

        top: 0;

        transform: scale(.75)

    }

}



.button {

    align-items: center;

    background-color: #0000;

    border: none;

    cursor: pointer;

    display: flex;

    font-family: Roboto, -apple-system, "Noto Sans", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Liberation Sans", Arial, "WenQuanYi Micro Hei", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    justify-content: center;

    line-height: 23px;

    outline: none;

    padding: 10px 20px

}



.button:disabled {

    cursor: auto;

    opacity: .4

}



.button--blue-border {

    border: 2px solid #006aed;

    border-radius: 6px;

    color: #006aed;

    font-size: 18px;

    font-weight: 550;

    letter-spacing: -.015em;

    line-height: 30px

}



.button--blue-border:disabled {

    background: #0000;

    cursor: pointer;

    opacity: .5

}



.button--blue-border:disabled:hover {

    background: #0000

}



.button--blue-border:hover {

    background: #006aed1a

}



.button--blue {

    color: #006aed;

    font-size: 18px;

    font-weight: 550;

    letter-spacing: -.015em;

    line-height: 30px

}



.button--blue-fill {

    background: #006aed;

    border-radius: 6px;

    color: #fff

}



.button--blue-fill:hover:not(:disabled) {

    background: #005ac9

}



.button--green-fill {

    background: #00ba77;

    border-radius: 6px;

    color: #fff

}



.button--green-fill:hover:not(:disabled) {

    background: #06a46b

}



.button--red-border {

    border: 2px solid #fd6868;

    border-radius: 6px;

    color: #fd6868

}



.button--red-border:hover:not(:disabled) {

    background: #fd68681a

}



.button--red-fill {

    background: #fd6868;

    border-radius: 6px;

    color: #fff

}



.button--red-fill:hover:not(:disabled) {

    background: #e54747

}



.button--light-blue-fill {

    background: #2988ff;

    border-radius: 6px;

    color: #fff

}



.button--light-blue-fill:hover {

    background: #005ac9

}



.button--black {

    color: #000

}



.button--black-border {

    border: 2px solid #000;

    border-radius: 6px;

    color: #000

}



.button--black-fill {

    background: #000;

    border-radius: 6px;

    color: #fff

}



.button--full-width {

    width: 100%

}



.button--full-size {

    height: 100%;

    width: 100%

}



.button--bold {

    border-width: 2px

}



.app-button {

    cursor: pointer

}



.app-button--blue .logo,.app-button--blue .text {

    fill: #006aed

}



.app-button--blue .border {

    stroke: #006aed

}



.app-button--dark-blue .logo,.app-button--dark-blue .text {

    fill: #0c2c54

}



.app-button--dark-blue .border {

    stroke: #0c2c54

}



.loading-circle {

    animation: spin 2s linear infinite;

    border: 4px solid #0000;

    border-radius: 50%;

    border-top-color: #fff;

    height: 25px;

    width: 25px

}



.loading-circle.blue {

    border-top: 4px solid #006aed

}



@keyframes spin {

    0% {

        transform: rotate(0deg)

    }



    to {

        transform: rotate(1turn)

    }

}



.landing-head {

    background: #006aed;

    color: #fff;

    flex-flow: wrap;

    height: 100vh;

    padding: 0 45px;

    position: relative

}



.landing-head,.landing-head .lime-video {

    align-items: center;

    display: flex;

    justify-content: center

}



.landing-head .lime-video {

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0

}



@media (orientation: portrait) {

    .landing-head .lime-video {

        height:100%

    }

}



@media (orientation: landscape) {

    .landing-head .lime-video {

        width:100%

    }

}



.landing-head .lime-video .white-block {

    background: linear-gradient(180deg,#006aed99 13.58%,#006aed 96%);

    height: 101%;

    position: absolute;

    width: 100%;

    z-index: 1

}



@media (orientation: portrait) {

    .landing-head .lime-video video {

        height:100%

    }

}



@media (orientation: landscape) {

    .landing-head .lime-video video {

        width:100%

    }

}



.landing-head .container {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    z-index: 2;
    max-width: 100%;
}



.landing-head .title {

    font-size: 48px;

    font-weight: 400;

    line-height: 60px;

    margin-top: 24px;

    text-align: center

}



.landing-head .text {

    font-size: 32px;

    line-height: 40px;

    margin-top: 16px;

    text-align: center;

    white-space: pre-line

}



.landing-head .buttons {

    margin-top: 48px

}



.landing-head .buttons a{

    cursor: pointer;

    max-height: 52px;

    max-width: 175px;

    display: inline-block;

}



.landing-head .buttons img:hover {

    transform: scale(1.05)

}





@media only screen and (min-width: 1500px) {

    .landing-head {

        background-size:contain

    }

}



@media only screen and (max-width: 1200px) {

    .landing-head .buttons * {

        cursor:pointer;

        height: 52px;

        width: 175px

    }



    .landing-head .title {

        font-size: 40px;

        line-height: 60px

    }



    .landing-head .text {

        font-size: 24px;

        line-height: 36px

    }

}



@media only screen and (max-width: 960px) {

    .landing-head .buttons * {

        cursor:pointer;

        height: 48px;

        width: 162px

    }

}



@media only screen and (max-width: 640px) {

    .landing-head {

        padding:0 25px

    }



    .landing-head .logo {

        display: none

    }



    .landing-head .title {

        font-size: 36px;

        line-height: 48px;

        white-space: pre-line

    }



    .landing-head .text {

        font-size: 22px;

        line-height: 32px;

        margin-top: 16px;

        text-align: center

    }



    .landing-head .buttons * {

        height: 40px;

        width: 140px

    }



/*    .landing-head .buttons>:not(:first-child) {

        margin-left: 14px

    }*/

}



.footer-bridge {

    align-items: center;

    background: #f6fbff;

    border-top: 1px solid #93aac880;

    color: #0c2c54;

    display: flex;

    font-size: 12px;

    font-weight: 700;

    justify-content: center;

    letter-spacing: -.015em;

    line-height: 18px;

    padding: 24px 0;

    text-align: center

}



.footer-wrapper {

    flex: 0 0 auto

}



.swap-page-footer {

    background: #f6fbff;

    border-top: 1px solid #93aac8;

    font-size: .875rem;

    font-weight: 500;

    letter-spacing: -.015em;

    padding: 1.5rem 0;

    text-align: center

}



.swap-page-footer>a {

    color: #006aed;

    text-decoration: none

}



.footer {

    background: #f6fbff;

    color: #0c2c54;

    display: flex;

    justify-content: space-between;

    padding: 80px 80px 20px

}



.footer .info {

    display: flex;

    flex-direction: column;

    width: 50%

}



.footer .copyright {

    font-size: 14px;

    letter-spacing: -.015em;

    line-height: 18px;

    white-space: pre-line

}



.footer .downloads {

    margin-top: 16px;

    width: 100%

}



.footer .downloads .title {

    font-size: 15px;

    font-weight: 700;

    letter-spacing: -.015em;

    line-height: 24px

}



.footer .downloads .buttons {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    width: 100%

}



.footer .downloads .buttons-block {

    display: flex

}



.footer .downloads .downloadButton {

    align-items: center;

    border: 1.5px solid #93aac8;

    border-radius: 10px;

    margin-right: 12px;

    margin-top: 16px

}



.footer .downloads .downloadButton:hover {

    border-color: #006aed

}



.footer .downloads .downloadButton:hover svg path {

    fill: #006aed

}



.footer .downloads svg {

    cursor: pointer;

    display: block;

    height: 44px;

    margin: auto;

    width: 154px

}



.footer .links {

    display: flex;

    justify-content: space-between;

    padding-left: 120px;

    width: 50%

}



.footer .links .block,.footer .links .block .title {

    font-size: 15px;

    letter-spacing: -.015em;

    line-height: 24px

}



.footer .links .block .title {

    font-weight: 700

}



.footer .links .block .links-wrapper {

    margin-top: 12px

}



.footer .links .block .links-wrapper .inactive {

    opacity: .4

}



.footer .links .block .links-wrapper .soon-tag {

    font-size: 12px;

    line-height: 16px;

    padding: 1px 6px

}



.footer .links .block .links-wrapper>div {

    align-items: center;

    cursor: pointer;

    display: flex;

    justify-content: flex-start

}



.footer .links .block .links-wrapper>div:not(:last-child) {

    margin-bottom: .25rem

}



@media only screen and (max-width: 1580px) {

    .footer,.footer .info {

        flex-direction:column

    }



    .footer .info {

        align-items: flex-start;

        border-bottom: 1px solid rgba(147,170,200,.533);

        justify-content: space-between;

        padding-bottom: 24px;

        width: 100%

    }



    .footer .info .copyright {

        margin-bottom: 16px

    }



    .footer .info .downloads {

        align-items: flex-start;

        display: flex;

        flex-direction: column;

        margin-top: 0

    }



    .footer .info .downloads .title {

        margin-right: 40px

    }



    .footer .info .downloads .buttons {

        margin-top: 0

    }



    .footer .links {

        justify-content: space-between;

        margin-left: 0;

        margin-top: 24px;

        padding-left: 0;

        width: 100%

    }

}



@media only screen and (max-width: 960px) {

    .footer .info {

        align-items:flex-start;

        flex-direction: column

    }



    .footer .info .downloads .title {

        margin-right: 40px

    }



    .footer .info .downloads svg {

        height: 40px;

        width: 140px

    }

}



@media only screen and (max-width: 770px) {

    .footer .downloads .downloadButton {

        margin-top:14px

    }

}



@media only screen and (max-width: 640px) {

    .footer {

        padding:30px

    }



    .footer .info,.footer .info .downloads {

        align-items: flex-start;

        flex-direction: column

    }



    .footer .info .downloads svg {

        margin: 0

    }



    .footer .info .downloads .downloadButton {

        margin-top: 0

    }



    .footer .info .downloads .buttons-block {

        margin-top: 14px

    }



    .footer .info .downloads .buttons {

        align-items: self-start;

        flex-direction: column

    }



    .footer .links {

        flex-wrap: wrap

    }



    .footer .links .block {

        width: 45%

    }



    .footer .links .third {

        flex-basis: 50%;

        margin-top: 32px

    }



    .footer .links .four {

        margin-top: 32px

    }



    .footer .links>:not(:first-child) {

        margin-left: 0

    }

}



.collaborations {

    align-items: flex-start;

    background: #fff;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 120px 0 30px

}



.collaborations .title {

    color: #0c2c54;

    font-size: 38px;

    font-weight: 700;

    line-height: 60px;

    text-align: center;

    width: 100%

}



.collaborations .collaborations__list>button {

    font-weight: 500;

    margin: 100px auto 0

}



.collaborations__list>div {

    display: flex

}



#container {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    height: 450px;

    overflow: hidden;

    position: relative;

    width: 100vw

}



.wrapper-top {

    height: 200px;

    top: 60px

}



.wrapper-top,.wrapper-top .photobanner {

    animation: cards-move 190s linear infinite;

    left: 0;

    overflow: hidden;

    position: absolute;

    white-space: nowrap;

    will-change: transform

}



.wrapper-top .photobanner {

    display: flex;

    top: 0

}



.wrapper-bottom {

    height: 200px;

    margin-top: 150px;

    right: calc(100% - 100vw);

    top: 60px

}



.wrapper-bottom,.wrapper-bottom .photobanner {

    animation: cards-move-right 190s linear infinite;

    overflow: hidden;

    position: absolute;

    white-space: nowrap;

    will-change: transform

}



.wrapper-bottom .photobanner {

    display: flex;

    left: -100%;

    top: 0

}



.wrapper-third {

    margin-top: 300px

}



.photobanner:hover {

    animation-play-state: paused

}



.photobanner .item-wrapper {

    cursor: pointer;

    margin: 0 7px;

    width: 173px

}



.colored {

    visibility: hidden

}



.monochrome {

    opacity: .3;

    position: absolute;

    z-index: 70

}



.monochrome:hover {

    opacity: 0

}



.monochrome:hover+.colored {

    visibility: visible

}



@keyframes cards-move {

    0% {

        transform: translateX(0)

    }



    to {

        transform: translateX(-50%)

    }

}



@keyframes cards-move-right {

    0% {

        transform: translateX(0)

    }



    to {

        transform: translateX(50%)

    }

}



.socials {

    align-items: center;

    background: #f6fbff;

    color: #0c2c54;

    padding: 122px 5% 0 5%;

}



.socials,.socials .block {

    display: flex;

    justify-content: center

}



.socials .block {

    align-items: flex-start;

    flex-direction: column

}



.socials .ducks {

    margin-left: 100px

}



.socials .ducks .animation-wrapper>div {

    display: none

}



.socials .title {

    font-size: 38px;

    font-weight: 700;

    line-height: 60px

}



.socials .text {

    font-size: 22px;

    line-height: 36px;

    margin-top: 16px;

    text-align: left;

    white-space: pre-line

}



.socials .icons {

    margin-top: 28px

}



.socials .icons * {

    cursor: pointer

}



.socials .icons :hover path {

    fill: #005ac9

}



.socials .icons :not(:first-child) {

    margin-left: 16px

}



.socials .buttons {

    margin-top: 32px

}



.socials .buttons .button {

    font-weight: 700;

    height: 48px;

    width: 170px

}



@media only screen and (max-width: 1200px) {

    .socials .ducks {

        margin-left:30px

    }

}



@media only screen and (max-width: 1020px) {

    .socials {

        flex-direction:column;

        padding: 20px 0

    }



    .socials .ducks {

        margin-left: 0;

        transform: scale(.85)

    }



    .socials .text {

        text-align: center

    }



    .socials .title {

        font-size: 40px;

        line-height: 48px

    }



    .socials .block {

        align-items: center;

        order: 2

    }



    .socials .block:last-child {

        order: 1

    }

}



@media only screen and (max-width: 640px) {

    .socials {

        padding:0

    }



    .socials .title {

        padding: 0 10px;

        text-align: center

    }



    .socials .text {

        font-size: 18px;

        letter-spacing: -.015em;

        line-height: 30px;

        text-align: center

    }



    .socials .ducks {

        transform: scale(.65)

    }

}



.lime__container {

    background: #f6fbff;

    color: #0c2c54;

    flex-flow: wrap;

    font-size: 22px;

    font-style: normal;

    font-weight: 400;

    letter-spacing: -.015em;

    line-height: 36px;

    position: relative;

    z-index: 1

}



.lime__container .lime__buttons--main>:not(:first-child) {

    margin-left: 16px

}



.lime__container .block {

    display: flex;

    flex-wrap: wrap;

    gap: 32px;

    position: relative

}



.lime__container .block:not(:first-child) {

    margin-left: 32px

}



.lime__container .tooltip {

    background: #f6fbff;

    border-radius: 8px;

    bottom: -70px;

    box-shadow: 0 2px 8px #00000026;

    color: #0c2c54;

    display: none;

    font-size: 16px;

    left: 50%;

    line-height: 26px;

    padding: 6px 14px;

    position: absolute;

    transform: translate(-50%,-50%);

    z-index: 1

}



.lime__container .inactive .market:hover .tooltip {

    display: none

}



.lime__container .market:hover .tooltip {

    display: block

}



.lime__container .inactive .market {

    position: static

}



.lime__container .market {

    align-items: center;

    display: flex;

    position: relative

}



.lime__container .certik {

    align-items: center;

    color: #3a4f68;

    cursor: pointer;

    display: flex;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: -.015em;

    line-height: 30px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



.lime__container .certik:hover {

    color: #006aed

}



.lime__container .certik:hover path {

    fill: #006aed

}



.lime__container .certik svg {

    margin-right: 8px

}



.lime__container .background-div {

    background: no-repeat;

    background-position: top -100px right -100px;

    background-size: 600px;

    height: 100%;

    max-height: 800px;

    opacity: 0;

    position: absolute;

    width: 100%

}



.lime__container .scan {

    opacity: 0

}



.lime__container>.content {

    padding: 36px 80px 100px;

    transform: translateX(-150%)

}



.lime__container .gate {

    align-items: center;

    display: flex

}



.lime__container .menu-external-wrapper {

    display: none

}



.lime__container .menu-external-wrapper.visible {

    display: block

}



.lime__container .menu-wrapper {

    display: none;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%

}



.lime__container .trade-list {

    background: #fff;

    border: 1px solid #93aac833;

    border-radius: 12px;

    box-sizing: border-box;

    margin-left: -120px;

    margin-top: 50px;

    position: absolute;

    width: 220px;

    z-index: 1

}



.lime__container .trade-list .title {

    align-items: center;

    display: flex;

    font-size: 16px;

    font-weight: 700;

    justify-content: space-between;

    letter-spacing: -.015em;

    line-height: 24px;

    padding: 16px

}



.lime__container .trade-list .item-wrapper,.lime__container .trade-list .title img {

    cursor: pointer

}



.lime__container .trade-list .item-wrapper:not(:last-child)>.item {

    border-bottom: 1px solid #93aac880

}



.lime__container .trade-list .item-wrapper:hover {

    background: #006aed1f

}



.lime__container .trade-list .item-wrapper:last-child {

    border-radius: 0 0 12px 12px

}



.lime__container .trade-list .item-wrapper .item {

    align-items: center;

    color: #0c2c54;

    display: flex;

    font-size: 14px;

    line-height: 18px;

    margin-left: 20px;

    padding: 8px 0

}



.lime__container .trade-list .item-wrapper .item img {

    height: 24px;

    margin-right: 8px;

    width: 24px

}



.lime__container .trade-list .item-wrapper .item img:not(:first-child) {

    margin-left: 4px

}



.lime__title {

    align-items: baseline;

    display: flex;

    font-size: 38px;

    font-weight: 700;

    line-height: 60px;

    margin-top: 140px

}



.lime__title .buttons {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    gap: 16px;

    margin-left: 50px

}



.lime__title .buttons>* {

    cursor: pointer

}



.lime__title img {

    height: 28px

}



.lime__text {

    line-height: 36px;

    margin-top: 24px;

    width: calc(50% - 86px)

}



.lime__buttons {

    display: flex;

    margin-top: 27px

}



.lime__buttons button:first-child {

    width: 188px

}



.lime__buttons--main_legal-opinion:hover {

    background-color: #005ac9;

    border-color: #005ac9;

    color: #fff

}



.lime__buttons img {

    cursor: pointer

}



.lime__buttons.crypto {

    opacity: 0

}



.lime__buttons.crypto .market>img {

    height: 36px;

    width: 36px

}



.lime__buttons.crypto.inactive .block > div:not(.gate.market) > a > img {

  opacity: .3;

}

.lime__buttons.crypto.inactive  .menu-external-wrapper{

    display: block;

}



.lime__buttons--main {

    opacity: 0

}



.lime__container.lime-animate .background-div {

    opacity: 1;

    transition: opacity .5s ease-out;

    transition-delay: .5s

}



.lime__container.lime-animate .content {

    transform: translateX(0);

    transition: .5s ease-out

}



.lime__container.lime-animate .content .lime__buttons.crypto {

    opacity: 1;

    transition: opacity 1s ease-out;

    transition-delay: 1.2s

}



.lime__container.lime-animate .content .lime__buttons--main {

    opacity: 1;

    transition: opacity .5s ease-out;

    transition-delay: .9s

}



.lime__container.lime-animate .content .scan {

    opacity: 1;

    transition: opacity .5s ease-out;

    transition-delay: .5s

}



@media only screen and (min-width: 1400px) {

    .lime__container .background-div {

        background:no-repeat;

        background-position: top -100px right -100px;

        height: 150%

    }

}



@media only screen and (max-width: 1200px) {

    .lime__text {

        font-size:18px;

        line-height: 30px

    }



    .lime__title {

        display: inline-block

    }



    .lime__title .buttons {

        margin-left: 0;

        margin-top: 40px

    }

}



@media only screen and (max-width: 960px) {

    .lime__text {

        width:100%

    }

}



@media only screen and (max-width: 640px) {

    .lime__container .block {

        display:flex

    }



    .lime__container .block:not(:first-child) {

        margin-left: 0;

        margin-top: 32px

    }



    .lime__container .background-div {

        background-position: right -200px center;

        background-size: contain

    }



    .lime__container .content {

        padding: 90px 35px

    }



    .lime__container .trade-list {

        left: 0;

        margin-left: auto;

        margin-right: auto;

        right: 0

    }



    .lime__title {

        font-size: 38px;

        line-height: 48px;

        margin-top: 0;

        white-space: pre-line

    }



    .lime__text {

        width: 100%

    }



    .lime__buttons--main {

        display: inline-block

    }



    .lime__buttons--main button {

        border-width: 1px;

        font-size: 16px;

        line-height: 19px

    }



    .lime__buttons--main>* {

        margin-left: 0!important;

        margin-top: 16px

    }



    .crypto {

        flex-direction: column

    }



    .lime__buttons.crypto .block:not(:first-child) {

        margin-left: 0

    }

}



.landing-about {

    background-color: #006aed;

    color: #fff;

/*    display: flex;*/

/*    align-items: center;*/

/*    flex-flow: wrap;*/

/*    justify-content: center;*/

    overflow: hidden;

    padding: 140px 80px;

    position: relative

}



.landing-about .animation-wrapper {

    left: 0;

    position: absolute;

    top: 0;

    z-index: 0

}



.landing-about .animation-wrapper>div {

    display: none

}



.landing-about .container {

    display: flex;

    justify-content: space-between;

    position: relative;

    z-index: 20

}



.landing-about .container .description {

    width: calc(50% - 150px)

}



.landing-about .container .integration {

    width: calc(50% + 50px)

}



.landing-about .container .integration>.block {

    display: flex;

    justify-content: space-between;

    width: 100%

}



.landing-about .container .integration>.block .brand {

    align-items: center;

    display: flex;

    font-size: 22px;

    line-height: 36px;

    margin-bottom: 20px;

    overflow: hidden

}



.landing-about .container .integration>.block .brand>div {

    margin-left: 16px;

    transform: translateY(100%);

    transition: .8s ease-in-out;

    white-space: nowrap

}



.landing-about .container.animated .brand>div,.landing-about .container.animated .text>div>div {

    transform: translateY(0)!important

}



.landing-about .title {

    font-size: 38px;

    font-weight: 700;

    line-height: 60px;

    margin-bottom: 32px

}



.landing-about .text {

    font-size: 22px;

    line-height: 36px;

    margin-top: 16px

}



.landing-about .text>div:not(:first-child) {

    margin-top: 24px

}



.landing-about .text>div {

    overflow: hidden

}



.landing-about .text>div>div {

    transform: translateY(100%);

    transition: .8s ease-in-out

}



@media only screen and (max-width: 1200px) {

    .landing-about .container {

        display:inline-block

    }



    .landing-about .container .integration {

        margin-top: 100px;

        width: 90%

    }



    .landing-about .container .description {

        width: 80%

    }

}



@media only screen and (max-width: 640px) {

    .landing-about .container {

        justify-content:center

    }



    .landing-about .container .description,.landing-about .container .integration {

        width: 100%

    }



    .landing-about .container .integration>.block {

        display: inline-block;

        width: 100%

    }



    .landing-about .container .integration>.block .brand {

        align-items: center;

        display: flex;

        font-size: 24px;

        line-height: 36px;

        margin-bottom: 20px

    }



    .landing-about .container .integration>.block .brand>div {

        white-space: nowrap

    }



    .landing-about .text {

        font-size: 18px;

        letter-spacing: -.015em;

        line-height: 30px

    }



    .landing-about .animation-wrapper canvas {

        height: 730px!important;

        width: auto!important

    }

}



.lime-metrics {

    background: #f6fbff;

    padding: 0 80px

}



.lime-metrics .title {

    color: #0c2c54;

    font-size: 28px;

    font-weight: 500;

    line-height: 60px

}



.lime-metrics .metric-block-external {

    align-items: flex-start;

    display: flex;

    justify-content: flex-start;

    margin-top: 40px

}



.lime-metrics .metric-block {

    display: flex

}



.lime-metrics .pie {

    border-radius: 50%;

    box-shadow: 0 0 40px 2px #006aed33;

    height: 200px;

    margin-right: 30px;

    width: 200px

}



.lime-metrics .percents .title-sector {

    align-items: center;

    color: #0c2c54;

    display: flex;

    font-size: 14px;

    line-height: 18px;

    margin-top: 12px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



.lime-metrics .percents .title-sector.supply {

    align-items: flex-start;

    border-bottom: 1px solid #c4d2e3;

    color: #006aed;

    display: flex;

    flex-direction: column;

    opacity: 1;

    padding-bottom: 12px

}



.lime-metrics .percents .title-sector.supply span {

    font-weight: 700;

    margin-left: 20px

}



.lime-metrics .percents .title-sector.supply .clickable {

    cursor: pointer

}



.lime-metrics .percents .title-sector.supply .block {

    align-items: center;

    display: flex

}



.lime-metrics .percents .title-sector.supply .block .down {

    margin-left: 7px;

    transform: rotateX(180deg)

}



.lime-metrics .percents .title-sector.supply .block .down.open {

    transform: rotateX(0deg)

}



.lime-metrics .percents .title-sector.supply .block.chains {

    color: #0c2c54;

    flex-direction: column;

    font-size: 16px;

    font-weight: 500;

    gap: 5px;

    height: 0;

    line-height: 19px;

    margin-top: 8px;

    overflow: hidden;

    transition: height .5s

}



.lime-metrics .percents .title-sector.supply .block.chains>div {

    align-self: baseline

}



.lime-metrics .percents .title-sector.supply .block.chains .erc20 {

    color: #8bbdfb

}



.lime-metrics .percents .title-sector.supply .block.chains .bep20 {

    color: #f0b90b

}



.lime-metrics .percents .title-sector.supply .block.chains .polygon {

    color: #8853df

}



.lime-metrics .percents .title-sector.supply .block.chains .sol {

    color: #14f195

}



.lime-metrics .percents .title-sector.supply .block.chains.open {

    height: 70px

}



.lime-metrics .percents .percent {

    color: #0c2c54;

    font-size: 16px;

    font-weight: 700;

    line-height: 19px;

    margin-top: 3px

}



.lime-metrics .percents .bullet {

    border-radius: 50%;

    height: 12px;

    margin-right: 8px;

    width: 12px

}



.lime-metrics .prices {

    margin-left: 120px;

    width: 400px

}



.lime-metrics .prices>div {

    border-bottom: 1px solid #c4d2e3;

    color: #3a4f68;

    display: flex;

    font-size: 16px;

    justify-content: space-between;

    line-height: 26px;

    margin-bottom: 14px;

    padding-bottom: 10px

}



.lime-metrics .prices>div>span {

    font-size: 18px;

    font-weight: 700;

    letter-spacing: -.015em;

    line-height: 30px

}



@media only screen and (max-width: 1200px) {

    .lime-metrics .prices {

        width:280px

    }

}



@media only screen and (max-width: 960px) {

    .lime-metrics .prices {

        margin-left:0;

        margin-top: 40px;

        width: 450px

    }



    .lime-metrics .metric-block-external {

        flex-direction: column

    }

}



@media only screen and (max-width: 640px) {

    .lime-metrics {

        padding:0 36px

    }



    .lime-metrics .metric-block {

        flex-direction: column;

        width: 100%

    }



    .lime-metrics .percent {

        margin-top: 24px

    }



    .lime-metrics .prices {

        width: 100%

    }



    .lime-metrics .pie {

        align-self: center;

        margin-bottom: 20px;

        margin-right: 0

    }

}



.header-fake {

    height: 100px;

    width: 100%

}



.header {

    align-items: center;

    background: #fff;

    box-sizing: border-box;

    display: flex;

    height: 80px;

    justify-content: space-between;

    padding: 0 80px;

    position: fixed;

    top: 0;

    transition: background-color .1s linear;

    width: 100%;

    z-index: 1000

}



.header .login-button.hover .button {

    background: #005ac9

}



.header .telegram-iframe {

    opacity: .001;

    overflow: hidden;

    position: absolute;

    z-index: 1000

}



.header .account-logged {

    align-items: center;

    background: #006aed;

    cursor: pointer;

    display: flex;

    height: 48px;

    justify-content: space-between

}



.header .account-logged,.header .account-logged .avatar {

    border-radius: 50%;

    width: 48px

}



.header .account-logged .dropdown-list {

    cursor: auto;

    display: block;

    min-width: 242px;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    position: fixed;

    right: 80px;

    top: 85px

}



.header .account-logged .dropdown-list .login-creds-wrapper {

    align-items: center;

    display: flex;

    justify-content: space-between;

    padding: 0 20px 15px

}



.header .account-logged .dropdown-list .login-creds-wrapper img {

    cursor: pointer

}



.header .account-logged .dropdown-list .login-creds-wrapper .login-creds .name {

    color: #0c2c54;

    font-size: 16px;

    font-weight: 500;

    line-height: 19px

}



.header .account-logged .dropdown-list .login-creds-wrapper .login-creds .link {

    color: #006aed;

    cursor: pointer;

    font-size: 16px;

    font-weight: 500;

    line-height: 19px

}



.header .account-logged .dropdown-list .item-wrapper {

    cursor: pointer

}



.header .account-logged .dropdown-list .item-wrapper:hover {

    background: #006aed1f

}



.header .account-logged .dropdown-list .item-wrapper:hover>.dropdown-item {

    color: #0c2c54!important

}



.header .account-logged .dropdown-list .item-wrapper:last-child {

    color: #fd6868;

    padding-bottom: 0

}



.header .account-logged .dropdown-list .item-wrapper:last-child:hover {

    background: #fd68681a

}



.header .account-logged .dropdown-list .item-wrapper:last-child:hover>.dropdown-item {

    color: #fd6868!important

}



.header .account-logged .dropdown-list .item-wrapper:last-child svg {

    height: 15px;

    margin-right: 12px;

    width: 15px

}



.header .account-logged .dropdown-list .item-wrapper:last-child svg path {

    fill: none

}



.header .account-logged .dropdown-list .dropdown-item {

    border-bottom: 1px solid rgba(147,170,200,.467);

    justify-content: flex-start;

    margin-left: 20px;

    padding: 15px 0

}



.header .account-logged .dropdown-list .dropdown-item.out {

    border-bottom: none

}



.header .account-logged .dropdown-list .dropdown-item svg {

    height: 15px;

    margin-left: 0;

    margin-right: 12px;

    width: 15px

}



.header .account-logged .dropdown-list .dropdown-item svg path {

    fill: #0c2c54

}



.header .short {

    display: none

}



.header.transparent {

    background: #fff0

}



.header.transparent .logo svg path {

    fill: #fff

}



.header.transparent .buttons .dropdown:hover svg path {

    stroke: #c5e0ff

}



.header.transparent .buttons .dropdown:hover .button {

    color: #c5e0ff

}



.header.transparent .buttons svg path {

    stroke: #fff

}



.header.transparent .buttons .button {

    color: #fff

}



.header.transparent .buttons .button:hover {

    color: #c5e0ff

}



.header .logo {

    cursor: pointer;

    height: 60px;

    opacity: 0;

    top: 10px;

    transition: opacity .35s,visibility .35s;

    visibility: hidden

}





.header .logo.visible {

    opacity: 1;

    visibility: visible

}



.header .burger {

    cursor: pointer;

    display: none;

    position: absolute;

    right: 32px;

    top: 27px

}



.header .buttons {

    display: flex;

    justify-content: center

}



.header .buttons .button {

    color: #0c2c54;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: .005em;

    line-height: 19px

}



.header .buttons svg path {

    stroke: #0c2c54

}



.header .buttons :hover {

    color: #006aed

}



.header .buttons>:not(:first-child) {

    margin-left: 52px

}



.header .dropdown:hover .dropdown-list {

    display: block

}



.header .dropdown:hover .button {

    color: #006aed

}



.header .dropdown:hover svg path {

    stroke: #006aed

}



.header .dropdown-list {

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 4px 20px #0000001f;

    color: #0c2c54!important;

    display: none;

    padding: 16px;

    position: absolute

}



.header .dropdown-list .dropdown-item {

    align-items: center;

    display: flex

}



.header .dropdown-list .dropdown-item.inactive {

    opacity: .4

}



.header .dropdown-list .dropdown-item.inactive:hover {

    color: #0c2c54

}



.header .dropdown-list .dropdown-item:not(:first-child) {

    margin-top: 12px

}



.header .dropdown-list .dropdown-item:hover {

    color: #006aed;

    cursor: pointer

}



.soon-tag {

    background: linear-gradient(180deg,#006aed,#0d99ff);

    border-radius: 12px;

    color: #fff!important;

    display: flex;

    font-size: 14px;

    font-weight: 500;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    letter-spacing: -.005em;

    line-height: 18px;

    margin-left: 8px;

    padding: 2px 8px;

    text-align: center

}



@media only screen and (max-width: 1140px) {

    .header .login-button>button .full {

        display:none

    }



    .header .login-button>button .short {

        align-items: center;

        display: flex

    }



    .header .login-button>button .short svg {

        height: 18px;

        margin-right: 12px;

        width: 18px

    }



    .header .login-button>button .short svg path {

        fill: #006aed

    }

}



@media only screen and (max-width: 1020px) {

    .header.transparent .burger svg path,.header.transparent .logo svg path {

        fill:#fff

    }



    .header .buttons {

        display: none

    }



    .header .logo {

        opacity: 1;

        visibility: visible

    }



    .header .burger {

        display: block

    }

}



@media only screen and (max-width: 640px) {

    .header {

        padding:0 80px 0 30px

    }

}



.header-menu {

    background: #f6fbff;

    box-sizing: border-box;

    color: #0c2c54;

    height: 100%;

    overflow-y: scroll;

    padding: 27px 27px 0 32px;

    position: fixed;

    display: none;

    width: 100%

}



.header-menu .cancel {

    display: flex;

    justify-content: flex-end

}



.header-menu .cancel svg {

    height: 25px;

    width: 25px

}



.header-menu .cancel svg path {

    stroke: #0c2c54

}



.header-menu .list .list-item {

    align-items: center;

    display: flex;

    font-size: 32px;

    font-weight: 700;

    line-height: 60px;

    margin-top: 12px

}



.header-menu .list .list-item:first-child {

    margin-top: 32px

}



.header-menu .list .list-item svg {

    height: 28px;

    width: 28px

}



.header-menu .list .list-item svg path {

    stroke: #0c2c54;

    stroke-width: 2

}



.header-menu .list .list-item.open {

    color: #006aed

}



.header-menu .list .list-item.open svg {

    transform: rotate(180deg)

}



.header-menu .list .list-item.open svg path {

    stroke: #006aed

}



.header-menu .list .list-item.open+.sub-list {

    display: block

}



.header-menu .list .sub-list {

    display: none;

    font-size: 24px;

    font-weight: 700;

    line-height: 36px;

    opacity: .7

}



.header-menu .list .sub-list .sub-list-item {

    align-items: center;

    display: flex;

    margin-top: 16px

}



.header-menu .list .sub-list .sub-list-item.inactive {

    opacity: .7

}



.header-menu .list .sub-list .sub-list-item .soon-tag {

    line-height: 18px;

    padding: 1px 8px

}
/*


.not-found {

    align-items: center;

    display: flex;

    flex: 1 0 auto;

    flex-direction: column;

    margin-top: 30vh

}



.not-found .pic {

    height: 206px;

    width: 372px

}



.not-found .text {

    color: #006aed;

    font-size: 32px;

    font-weight: 700;

    line-height: 44px;

    text-align: center;

    width: 700px

}



@media only screen and (max-width: 640px) {

    .not-found .pic {

        height:150px;

        width: 270px

    }



    .not-found .text {

        font-size: 24px;

        line-height: 36px;

        width: 340px

    }

}
*/


.exchange {

    background: #fff;

    color: #0c2c54;

    margin-top: 60px;

    padding-bottom: 80px

}



.exchange .popup-wrapper {

    align-items: center;

    display: flex;

    height: 100%;

    justify-content: center;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%

}



.exchange .popup-wrapper .popup {

    align-items: flex-end;

    background: #fff;

    border: 1px solid #93aac833;

    border-radius: 12px;

    box-shadow: 0 2px 8px #00000026;

    box-sizing: border-box;

    color: #3a4f68;

    display: flex;

    flex-direction: column;

    font-size: 18px;

    letter-spacing: -.015em;

    line-height: 30px;

    max-width: 90%;

    padding: 10px 20px;

    position: fixed

}



.exchange .popup-wrapper .popup .button {

    padding: 0

}



.exchange .title {

    font-size: 40px;

    font-weight: 500;

    line-height: 60px

}



.exchange .blocks {

    display: flex;

    margin-top: 40px

}



.exchange .blocks .block-title {

    font-size: 28px;

    font-weight: 500;

    line-height: 60px

}



.exchange .blocks>div {

    padding: 0 80px

}



.exchange .blocks>div:last-child {

    border-left: 1px solid #c4d2e3

}



@media only screen and (max-width: 960px) {

    .exchange .blocks {

        display:flex;

        flex-direction: column

    }



    .exchange .blocks .block-title {

        text-align: center

    }



    .exchange .blocks>div:not(:first-child) {

        margin-top: 40px

    }



    .exchange .blocks>div:last-child {

        border-left: none

    }

}



.service-wrapper {

    align-items: center;

    background: #f6fbff;

    display: flex;

    flex: 1 0 auto;

    flex-direction: column;

    justify-content: center;

    padding-top: 70px

}



.service-wrapper.catalog {

    justify-content: flex-start

}



.service-wrapper .toast-wrapper {

    margin-top: 10px

}



.service-wrapper .field {

    align-items: center;

    background: #fff;

    border: 1px solid #93aac833;

    border-radius: 10px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    margin-top: 16px;

    padding: 40px 50px 50px;

    width: 100%

}



.service-wrapper .field .title {

    color: #0c2c54;

    font-size: 32px;

    font-weight: 700;

    line-height: 60px

}



.service-wrapper .field-wrapper {

    width: 732px

}



@media only screen and (max-width: 960px) {

    .service-wrapper .field-wrapper {

        width:674px

    }

}



@media only screen and (max-width: 640px) {

    .service-wrapper {

        padding-top:85px

    }



    .service-wrapper .field-wrapper {

        width: 339px

    }



    .service-wrapper .field {

        padding: 40px 24px 50px

    }



    .service-wrapper .field .title {

        font-size: 28px;

        line-height: 60px

    }

}



.exchange-card {

    align-items: center;

    cursor: pointer;

    display: flex;

    justify-content: space-between;

    margin-top: 24px;

    width: 360px

}



.exchange-card:hover .info-holder svg path {

    fill: #005ac9

}



.exchange-card .image-holder {

    align-items: center;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    min-height: 80px;

    min-width: 80px

}



.exchange-card .image-holder img {

    height: 51px;

    width: 51px

}



.exchange-card .info-holder {

    align-items: flex-end;

    display: flex;

    justify-content: space-between;

    margin-left: 17px;

    width: 100%

}



.exchange-card .title {

    color: #0c2c54;

    font-size: 20px;

    font-weight: 500;

    line-height: 30px

}



.exchange-card .tags {

    display: flex;

    gap: 5px

}



.exchange-card .tag {

    border-radius: 12px;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: -.01em;

    line-height: 18px;

    margin-top: 10px;

    padding: 4px 8px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



@media only screen and (max-width: 640px) {

    .exchange-card {

        width:340px

    }

}



.collaborations-list {

    align-self: center;

    margin-bottom: 50px;

    margin-left: 133px;

    margin-right: 133px;

    max-width: 700px;

    width: 100%

}



.collaborations-list .title {

    color: #0c2c54;

    font-size: 40px;

    line-height: 60px;

    margin-bottom: 30px;

    margin-top: 120px;

    text-align: center

}



.collaborations-list .collab {

    align-items: center;

    border-bottom: 1px solid #c4d2e3;

    display: flex;

    justify-content: space-between;

    padding: 12px 0

}



.collaborations-list .collab .logo {

    cursor: pointer;

    height: 64px

}



.collaborations-list .collab .links {

    align-items: center;

    display: flex

}



.collaborations-list .collab .links>* {

    cursor: pointer;

    height: 32px;

    margin-left: 16px;

    width: 32px

}



.collaborations-list .collab .links>:hover path {

    fill: #005ac9

}



@media only screen and (max-width: 1200px) {

    .collaborations-list {

        margin-left:80px;

        margin-right: 80px

    }

}



@media only screen and (max-width: 640px) {

    .collaborations-list {

        align-self:auto;

        margin-left: 35px;

        margin-right: 35px;

        width: auto

    }

}



.channel-info>div {

    display: flex

}



.channel-info .rating {

    align-items: flex-start;

    color: #93aac8;

    display: flex;

    flex-direction: column;

    font-size: 18px;

    letter-spacing: -.015em;

    line-height: 30px;

    margin-left: 80px;

    margin-top: 8px

}



.channel-info .rating>div {

    align-items: center;

    display: flex;

    margin-right: 30px

}



.channel-info .rating img {

    margin-left: 6px

}



.channel {

    background: #fff;

    flex: 1 0 auto;

    margin-top: 100px

}



.channel .publish {

    margin-top: 24px

}



.channel .publish .button {

    height: 52px;

    width: 265px

}



.channel .content {

    display: flex;

    font-size: 24px;

    line-height: 32px;

    padding: 40px

}



.channel .content .block {

    padding: 0 40px

}



.channel .content .block:first-child {

    align-items: center;

    border-right: 2px solid #93aac8;

    display: flex;

    flex-direction: column

}



.channel .name {

    display: flex;

    font-size: 24px;

    font-weight: 500;

    line-height: 36px

}



.channel .name img {

    margin-left: 6px

}



.channel .buttons {

    align-items: center;

    display: flex;

    flex-direction: column;

    margin-top: 30px;

    white-space: nowrap

}



.channel .buttons .copied {

    color: #00ba77

}



.channel .rating {

    align-items: center;

    color: #93aac8;

    display: flex;

    font-size: 18px;

    letter-spacing: -.015em;

    line-height: 30px;

    margin-top: 8px

}



.channel .rating>div {

    align-items: center;

    display: flex;

    margin-right: 30px

}



.channel .rating img {

    margin-left: 6px

}



.channel .type-wrapper {

    align-items: center;

    display: flex;

    margin-top: 15px

}



.channel .type {

    background: #93aac8;

    border-radius: 12px;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    line-height: 19px;

    padding: 4px 10px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



.channel .shortname {

    color: #2988ff;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 36px;

    margin-left: 21px

}



.channel .description {

    word-wrap: break-word;

    margin-top: 18px

}



.channel .language {

    margin-top: 6px

}



.channel .language span {

    font-weight: 700

}



.channel .tags {

    align-items: center;

    cursor: pointer;

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    margin-top: 6px

}



.channel .tags span {

    font-weight: 700

}



.channel .tags .tag {

    border: 2px solid #93aac8;

    border-radius: 4px;

    color: #93aac8;

    font-size: 16px;

    font-weight: 500;

    line-height: 19px;

    margin-left: 8px;

    padding: 4px 10px

}



.channel .image {

    height: 100%;

    object-fit: cover;

    width: 100%

}



.channel .image-holder {

    align-items: center;

    background: #c4d2e3;

    border: 1px solid #c4d2e3;

    border-radius: 50%;

    color: #fff;

    display: flex;

    height: 150px;

    justify-content: center;

    overflow: hidden;

    width: 150px

}



.channel .title {

    color: #0c2c54;

    font-size: 40px;

    font-weight: 500;

    line-height: 60px;

    padding-left: 80px

}



@media only screen and (max-width: 640px) {

    .channel-info {

        flex-direction:column

    }



    .channel-info .rating {

        flex-direction: row;

        margin-left: 0

    }



    .channel .title {

        padding-left: 25px

    }



    .channel .content {

        align-items: flex-start;

        flex-direction: column;

        padding: 25px

    }



    .channel .content .block {

        padding: 0;

        width: 100%

    }



    .channel .content .block .name {

        margin-top: 25px

    }



    .channel .content .block:first-child {

        align-items: flex-start;

        border: none

    }



    .channel .buttons {

        width: 100%

    }



    .channel .buttons .button {

        height: 52px;

        width: 100%

    }

}



.header-add-channel {

    align-items: center;

    background: #f6fbff;

    box-sizing: border-box;

    color: #006aed;

    display: flex;

    font-size: 16px;

    font-weight: 500;

    justify-content: space-between;

    left: 0;

    letter-spacing: .005em;

    line-height: 19px;

    padding: 28px 82px;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000

}



.header-add-channel .exit .button {

    height: 40px;

    width: 140px

}



.header-add-channel .buttons {

    margin-top: 0!important

}



.header-add-channel .button {

    padding: 0;

    text-transform: capitalize

}



.header-add-channel .button img {

    margin-right: 12px

}



.header-add-channel .button .forward {

    transform: rotateY(180deg)

}



@media only screen and (max-width: 960px) {

    .header-add-channel {

        padding:28px 32px

    }

}



@media only screen and (max-width: 640px) {

    .header-add-channel {

        padding:28px 10px

    }



    .header-add-channel .buttons .button {

        width: 110px

    }



    .header-add-channel .exit .button {

        height: 40px;

        width: 70px

    }

}



.checkout-buttons {

    display: flex

}



.checkout-buttons .period {

    background: #f6fbff;

    border: 1px solid #93aac84d;

    border-radius: 12px;

    box-sizing: border-box;

    color: #0c2c54;

    cursor: pointer;

    padding: 20px;

    position: relative;

    width: 200px

}



.checkout-buttons .period.active {

    border: 3px solid #00ba77

}



.checkout-buttons .period.active .selected {

    align-items: center;

    background: #00ba77;

    border-radius: 50%;

    display: flex;

    height: 24px;

    justify-content: center;

    position: absolute;

    right: 20px;

    top: 20px;

    visibility: visible;

    width: 24px

}



.checkout-buttons .period:not(:last-child) {

    margin-right: 16px

}



.checkout-buttons .period .selected {

    visibility: hidden

}



.checkout-buttons .period .time {

    align-items: center;

    display: flex;

    font-size: 20px;

    font-weight: 500;

    letter-spacing: -.015em;

    line-height: 30px

}



.checkout-buttons .period .price {

    align-items: center;

    display: flex;

    font-size: 28px;

    font-weight: 700;

    line-height: 36px

}



.channel-checkout {

    color: #0c2c54;

    flex: 1 0 auto

}



.channel-checkout .content {

    padding: 140px 100px;

    width: 460px

}



.channel-checkout .title {

    font-size: 40px;

    font-weight: 500;

    line-height: 60px

}



.channel-checkout .subtitle {

    font-size: 24px;

    font-weight: 500;

    line-height: 36px;

    margin-top: 32px

}



.channel-checkout .lime-block {

    background: #006aed1a;

    border-radius: 6px;

    display: flex;

    justify-content: space-between;

    margin-top: 10px;

    padding: 17px

}



.channel-checkout .lime-block .lime-account-balance {

    font-size: 18px;

    font-weight: 700;

    line-height: 30px

}



.channel-checkout .lime-block .button {

    width: 176px

}



.channel-checkout .lime-block .error {

    color: #fd6868;

    font-size: 14px;

    line-height: 18px

}



.channel-checkout.verified .channel-info {

    margin-top: 50px

}



.channel-checkout.verified .subtitle {

    margin-top: 5px

}



.channel-checkout.verified button {

    height: 50px;

    width: 180px

}



.channel-checkout.verified .fee-block {

    border-top: none!important

}



.channel-checkout .fee-block {

    border-top: 1px solid #93aac8;

    display: flex;

    font-size: 22px;

    justify-content: space-between;

    line-height: 32px;

    margin-top: 24px;

    padding: 22px 0 16px

}



.channel-checkout .fee-block .fee {

    align-items: center;

    display: flex;

    font-weight: 500

}



.channel-checkout .fee-block .fee img {

    height: 20px;

    margin-right: 8px;

    width: 20px

}



@media only screen and (max-width: 640px) {

    .channel-checkout {

        color:#0c2c54

    }



    .channel-checkout.verified .fee-block {

        flex-direction: column

    }



    .channel-checkout.verified .fee-block>div {

        display: flex;

        justify-content: space-between

    }



    .channel-checkout.verified .button {

        margin-top: 16px;

        width: 100%

    }



    .channel-checkout .content {

        box-sizing: border-box;

        padding: 100px 25px;

        width: 100%

    }



    .channel-checkout .content .lime-block {

        flex-direction: column

    }



    .channel-checkout .content .lime-block .button {

        margin-top: 10px

    }



    .channel-checkout .content .fee-block {

        font-size: 18px;

        line-height: 30px

    }

}



.channel-state-screen {

    color: #0c2c54;

    max-width: 640px;

    padding: 140px 100px

}



.channel-state-screen .button {

    height: 52px;

    width: 188px

}



.channel-state-screen .title {

    font-size: 40px;

    font-weight: 500;

    line-height: 60px

}



.channel-state-screen .text {

    font-size: 24px;

    font-weight: 500;

    line-height: 36px;

    padding: 32px 0

}



@media only screen and (max-width: 640px) {

    .channel-state-screen {

        padding:140px 25px

    }

}



.channel-create-tags {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    margin-top: 20px;

    padding-bottom: 20px

}



.channel-create-tags:not(:last-child) {

    border-bottom: 1px solid #c4d2e3

}



.channel-create-tags .select-tags {

    display: flex

}



.channel-create-tags .select-tags .select {

    width: 300px

}



.channel-create-tags .select-tags .tags {

    align-items: center;

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    margin-left: 12px

}



.channel-create-tags .select-tags .tags .tag {

    align-items: center;

    background-color: #93aac8;

    border-radius: 20px;

    color: #fff;

    display: flex;

    font-size: 18px;

    font-weight: 500;

    justify-content: center;

    line-height: 20px;

    margin-right: 12px;

    padding: 8px 12px

}



.channel-create-tags .select-tags .tags .tag svg {

    cursor: pointer;

    margin-left: 5px

}



.channel-create-tags .select-tags .tags .tag svg path {

    stroke: #fff

}



.channel-create-tags .title {

    color: #0c2c54;

    font-size: 24px;

    font-weight: 500;

    line-height: 56px;

    margin-bottom: 8px

}



.create-channel {

    color: #0c2c54;

    flex: 1 0 auto;

    margin-bottom: 50px;

    margin-top: 130px;

    padding: 0 100px

}



.create-channel.preview {

    margin-top: 50px;

    padding: 0

}



.create-channel.preview .channel .description {

    border-bottom: none

}



.create-channel.preview .channel .buttons .button {

    margin-left: 0;

    width: auto

}



.create-channel.preview .channel .publish .button {

    width: 265px

}



.create-channel .error {

    color: #fd6868;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    margin-top: 10px

}



.create-channel .check-channel {

    max-width: 600px;

    width: 100%

}



.create-channel .check-channel .button {

    height: 52px;

    margin-top: 24px

}



.create-channel .check-channel .title {

    color: #0c2c54;

    font-size: 40px;

    font-weight: 500;

    line-height: 60px;

    margin-bottom: 40px

}



.create-channel .description {

    border-bottom: 1px solid #93aac8;

    color: #93aac8;

    font-size: 24px;

    line-height: 32px;

    padding: 24px 0

}



.create-channel .text {

    font-size: 24px;

    font-weight: 500;

    line-height: 36px;

    margin-top: 24px;

    white-space: pre-wrap

}



.create-channel .point {

    align-items: center;

    display: flex;

    font-size: 22px;

    line-height: 32px;

    margin-top: 14px

}



.create-channel .point>span {

    align-items: center;

    background: #93aac8;

    border-radius: 50%;

    color: #fff;

    display: flex;

    font-size: 14px;

    height: 24px;

    justify-content: center;

    line-height: 18px;

    margin-right: 10px;

    width: 24px

}



.create-channel .point .tip {

    align-items: center;

    display: flex;

    justify-content: center;

    position: relative

}



.create-channel .point .tip:hover .tip-text {

    display: flex

}



.create-channel .point .tip .tip-text {

    align-items: center;

    background: #f6fbff;

    border-radius: 8px;

    box-shadow: 0 1px 10px #0003;

    display: none;

    font-size: 14px;

    line-height: 18px;

    padding: 11px;

    position: absolute;

    transform: translate(-30%,40px);

    white-space: nowrap;

    z-index: 10

}



.create-channel .point .tip .tip-text span {

    font-weight: 500;

    margin-left: 5px

}



.create-channel .point .tip .tip-text img {

    height: 16px;

    width: 16px

}



.create-channel .point .tip img {

    margin-left: 8px

}



.create-channel .buttons {

    align-items: center;

    display: flex;

    justify-content: flex-start;

    margin-top: 20px

}



.create-channel .buttons.continue .button {

    width: 300px

}



.create-channel .buttons .button {

    height: 52px;

    width: 140px

}



.channel-info {

    border-bottom: 1px solid #93aac8;

    display: flex;

    font-size: 24px;

    font-weight: 500;

    line-height: 36px;

    padding-bottom: 35px

}



.channel-info .info {

    display: flex

}



.channel-info .info .rating {

    align-items: flex-start;

    color: #93aac8;

    display: flex;

    flex-direction: column;

    font-size: 18px;

    letter-spacing: -.015em;

    line-height: 30px;

    margin-left: 37px;

    margin-top: 8px

}



.channel-info .info .rating>div {

    align-items: center;

    display: flex;

    margin-right: 30px

}



.channel-info .info .rating img {

    margin-left: 6px

}



.channel-info .link {

    color: #006aed

}



.channel-info .image-wrapper {

    display: flex;

    justify-content: center;

    margin-right: 24px

}



.channel-info .image-holder {

    align-items: center;

    background: #c4d2e3;

    border: 1px solid #c4d2e3;

    border-radius: 50%;

    display: flex;

    height: 100px;

    justify-content: center;

    overflow: hidden;

    width: 100px

}



@media only screen and (max-width: 960px) {

    .channel-create-tags .select-tags {

        flex-direction:column

    }



    .channel-create-tags .select-tags .tags {

        margin-left: 0;

        margin-top: 12px

    }



    .channel-create-tags .select-tags .tags .tag:first-child {

        margin-left: 0

    }



    .create-channel {

        padding: 0 25px

    }



    .create-channel .point {

        font-size: 18px;

        letter-spacing: -.015em;

        line-height: 30px

    }

}



@media only screen and (max-width: 640px) {

    .create-channel.preview .channel .buttons .button {

        width:100%

    }



    .create-channel.preview .channel .publish .button {

        width: 100%!important

    }

}



.input {

    position: relative;

    width: 100%

}



.input .badge {

    background: #fff;

    color: #93aac8;

    left: 11px;

    padding: 3px;

    position: absolute;

    top: -12px

}



.input>input:focus {

    border: 2px solid #006aed;

    outline: none!important

}



.input>input:focus+.badge {

    color: #006aed

}



.input.invalid>input {

    border: 2px solid #fd6868!important

}



.input.invalid>input:focus {

    border: 2px solid #fd6868;

    outline: none!important

}



.input.invalid .badge {

    color: #fd6868!important

}



.input>input {

    border: 2px solid #93aac8;

    border-radius: 6px;

    box-sizing: border-box;

    color: #0c2c54;

    font-size: 18px;

    height: 60px;

    letter-spacing: -.015em;

    line-height: 30px;

    outline: none!important;

    padding: 15px;

    width: 100%

}



.input>input::placeholder {

    color: #93aac8

}



.input.number input::-webkit-inner-spin-button,.input.number input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0

}



.input.number>input[type=number] {

    -moz-appearance: textfield

}



.header-staking {

    background: #f6fbff;

    box-sizing: border-box;

    justify-content: space-between;

    padding: 0 80px;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1000

}



.header-staking,.header-staking .logo-holder {

    align-items: center;

    display: flex

}



.header-staking .logo-holder .logo {

    cursor: pointer;

    height: 60px;

    width: 90px

}



.header-staking .logo-holder .name {

    font-size: 22px;

    font-weight: 700;

    letter-spacing: -.015em;

    line-height: 30px;

    margin-left: 16px

}



.header-staking .button {

    font-weight: 700;

    width: 174px

}



.header-staking .button img {

    margin-left: 9px

}



@media only screen and (max-width: 960px) {

    .header-staking .logo-holder .name {

        display:none

    }

}



@media only screen and (max-width: 640px) {

    .header-staking {

        padding:10px 32px

    }

}



.wallet-connect {

    background: #fff;

    border: 1px solid #93aac833;

    border-radius: 12px;

    box-shadow: 12px 12px 70px #1133661a;

    box-sizing: border-box;

    padding: 24px 0 0;

    position: fixed;

    right: 80px;

    top: 70px;

    width: 280px

}



.wallet-connect .title {

    align-items: center;

    display: flex;

    font-size: 20px;

    font-weight: 700;

    justify-content: space-between;

    letter-spacing: -.015em;

    line-height: 30px;

    padding: 0 24px 18px

}



.wallet-connect .item-wrapper,.wallet-connect .title img {

    cursor: pointer

}



.wallet-connect .item {

    align-items: center;

    color: #0c2c54;

    cursor: pointer;

    display: flex;

    font-size: 16px;

    font-weight: 700;

    line-height: 19px;

    margin-left: 24px;

    padding-bottom: 18px;

    padding-top: 18px

}



.wallet-connect .item img {

    margin-right: 16px

}



.wallet-connect .item div {

    align-items: center;

    display: flex

}



.wallet-connect .item a {

    color: inherit;

    text-decoration: none

}



.wallet-connect .item:not(.disconnect) {

    justify-content: space-between

}



.wallet-connect .item.selected {

    color: #00ba77

}



.wallet-connect .item-wrapper:hover {

    background: #006aed1f

}



.wallet-connect :not(:last-child).item-wrapper>.item {

    border-bottom: 1px solid #93aac880

}



.wallet-connect .disconnect {

    border-radius: 0 0 12px 12px;

    color: #fd6868;

    margin-left: 0

}



.wallet-connect .disconnect img {

    margin-left: 24px

}



.wallet-connect .disconnect:hover {

    background: #fd68681a

}



.wallet-connect .inactive {

    opacity: .5

}



.hide {

    display: none

}



@media only screen and (max-width: 640px) {

    .wallet-connect {

        right:32px

    }

}



.num-textarea {

    background: #fff;

    border: 2px solid #c9d5e3;

    border-radius: 6px;

    display: inline-flex;

    height: 170px;

    overflow-y: scroll;

    width: 100%

}



.num-textarea .num-textarea-container {

    display: flex;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    position: relative;

    width: 100%

}



.num-textarea .num-textarea-content {

    border: 0;

    color: #0c2c54;

    font-family: Roboto;

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    outline: none;

    overflow: hidden;

    padding: 8px 12px;

    resize: none;

    width: 100%

}



.num-textarea .num-textarea-numbers {

    align-items: center;

    background: #c9d5e380;

    color: #93aac8;

    display: flex;

    flex-direction: column;

    font-family: Roboto;

    font-size: 16px;

    font-weight: 500;

    line-height: 28px;

    padding-bottom: 18px;

    padding-top: 8px;

    width: 40px

}



.num-textarea .num-textarea-numbers--error {

    color: #fd6868

}



div.airdrop-progress-dialog-container {

    max-width: 500px;

    padding: 30px

}



div.airdrop-progress-dialog-container h2 {

    font-size: 20px;

    margin-bottom: 32px

}



div.airdrop-progress-dialog-container--inprogress {

    padding-bottom: 40px

}



div.airdrop-progress-dialog-container--inprogress .airdrop-progress-dialog-loader {

    margin-bottom: 40px

}



div.airdrop-progress-dialog-container--inprogress h2 {

    margin-bottom: 10px;

    margin-top: 26px

}



div.airdrop-progress-dialog-container--inprogress .airdrop-progress-dialog-text {

    line-height: 24px;

    margin-bottom: 0

}



div.airdrop-progress-dialog-container--short {

    padding-bottom: 10px

}



div.airdrop-progress-dialog-container--short .airdrop-progress-dialog-loader {

    margin-bottom: 32px

}



div.airdrop-progress-dialog-container--short h2 {

    margin-bottom: 24px

}



div.airdrop-progress-dialog-container--short button {

    margin: 0!important;

    max-width: 300px

}



div.airdrop-progress-dialog-container--short a {

    color: #006aed;

    font-size: 16px;

    font-weight: 500;

    padding: 14px;

    text-decoration: none

}



div.airdrop-progress-dialog-container--declined {

    padding-bottom: 30px

}



.airdrop-progress-dialog {

    align-items: center;

    display: flex;

    flex-direction: column

}



.airdrop-progress-dialog .airdrop-progress-dialog-text {

    max-width: 315px;

    text-align: center

}



.airdrop-progress-dialog>p {

    margin-bottom: 24px

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins {

    align-items: center;

    display: flex;

    height: 42px

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins>.airdrop-progress-dialog-coin {

    align-items: center;

    display: flex;

    height: 100%;

    width: 40%

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins>.airdrop-progress-dialog-coin>div:first-child {

    margin-right: .75rem

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins>.airdrop-progress-dialog-coin>div:last-child>h5 {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: .125rem

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins>.airdrop-progress-dialog-coin>div:last-child>p {

    color: #9a9a9a;

    font-size: .75rem

}



.airdrop-progress-dialog>.airdrop-progress-dialog-coins>img {

    margin: 0 1rem

}



.airdrop-progress-dialog>button {

    background: #006aed;

    border: none;

    border-radius: 6px;

    color: #fff;

    cursor: pointer;

    font-family: Roboto;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: -.015em;

    margin-top: 1.5rem;

    outline: none;

    padding: 1rem 4rem;

    width: 100%

}



.airdrop-progress-dialog>button:disabled {

    cursor: not-allowed;

    opacity: .5

}



.airdrop-form-meta {

    margin-bottom: 12px

}



.airdrop-form-meta>div {

    align-items: center;

    display: flex;

    font-size: .875rem;

    justify-content: space-between

}



.airdrop-form-meta>div>div:first-child {

    color: #676767

}



.airdrop-form-meta>div:not(:last-child) {

    margin-bottom: 12px

}



.airdrop-price-impact {

    margin-top: 15px

}



.airdrop-form-meta--dialog {

    background: gray;

    background: #f6f6f6;

    border-radius: 12px;

    display: flex;

    flex-direction: column;

    padding: 20px;

    width: 100%

}



.airdrop-form-meta--dialog>div {

    width: 100%

}



.airdrop-form-meta--dialog .airdrop-price-impact {

    margin-top: 0

}



.airdrop-csv-example {

    align-items: center;

    display: flex;

    flex-direction: column;

    font-size: 1rem;

    justify-content: center;

    line-height: 1.625em

}



.airdrop-csv-example>p>strong {

    font-weight: 500

}



.airdrop-csv-example>a {

    color: #006aed;

    display: block;

    font-weight: 500;

    margin: 1rem 0 1.5rem;

    text-decoration: none

}



.airdrop-csv-example .csv-example-image {

    max-width: 554px;

    width: 100%

}



.airdrop {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    max-width: 848px;

    padding: 60px 24px;

    width: 100%

}



.airdrop .airdrop-success h5 {

    color: #93aac8;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px

}



.airdrop .airdrop-success a {

    word-wrap: break-word;

    color: #006aed;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    text-decoration: none

}



.airdrop .airdrop-button {

    background-color: #006aed;

    border: none;

    border-radius: 6px;

    box-shadow: none;

    color: #fff;

    cursor: pointer;

    font-family: Roboto;

    font-size: 1rem;

    height: 50px;

    margin-top: 2.5rem;

    outline: none;

    padding: 0;

    text-align: center;

    width: 100%

}



.airdrop .airdrop-button:disabled {

    cursor: not-allowed;

    opacity: .5

}



.airdrop .airdrop-button-loading {

    cursor: default

}



.airdrop-disabled {

    cursor: not-allowed;

    opacity: .5

}



.airdrop .toast-wrapper,.airdrop-main {

    width: 100%

}



.airdrop .toast-wrapper {

    margin-bottom: 1rem;

    max-width: 100%;

    padding: 0

}



.airdrop-main {

    background-color: #fff;

    border: 1px solid #93aac833;

    border-radius: 10px;

    box-shadow: 12px 12px 70px #1133661a;

    padding: 50px

}



.airdrop-main>header {

    display: flex

}



.airdrop-main>header>h2 {

    color: #0c2c54;

    font-size: 32px;

    font-weight: 500

}



.airdrop-main>.airdrop-wallet {

    border-bottom: 1px solid #c4d2e3;

    color: #3a4f68;

    line-height: 1.5em;

    margin: 1.5rem 0 2rem;

    padding-bottom: 2rem

}



.airdrop-main .airdrop-form {

    margin-top: 45px

}



.airdrop-main .airdrop-form>h3 {

    color: #3a4f68;

    font-size: 18px;

    letter-spacing: -.015em;

    margin-bottom: 20px

}



.airdrop-main .airdrop-form .airdrop-form-header {

    align-items: center;

    color: #93aac8;

    display: flex;

    justify-content: space-between;

    margin-bottom: 12px

}



.airdrop-main .airdrop-form .airdrop-form-header>.airdrop-apply-all {

    align-items: center;

    color: #006aed;

    display: flex

}



.airdrop-main .airdrop-form .airdrop-form-header>.airdrop-apply-all>label {

    cursor: pointer;

    margin-left: .5rem

}



.airdrop-main .airdrop-form .airdrop-form-header>.airdrop-total-addresses {

    max-width: 440px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.airdrop-main .airdrop-form>.airdrop-tabs {

    align-items: center;

    background: #e6f0fd;

    border-radius: 8px;

    display: flex;

    margin-bottom: 21px;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



.airdrop-main .airdrop-form>.airdrop-tabs>button {

    background: none;

    border: none;

    border-radius: 6px;

    color: #006aed;

    cursor: pointer;

    font-family: Roboto;

    font-size: 16px;

    font-weight: 500;

    margin: 3px;

    padding: 6px;

    text-align: center;

    width: 136px

}



.airdrop-main .airdrop-form>.airdrop-tabs>button.airdrop-tabs-active {

    background-color: #006aed;

    color: #fff

}



.airdrop-main .airdrop-form>.airdrop-tabs.airdrop-disabled>button {

    cursor: not-allowed

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div {

    align-items: center;

    display: flex

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div:not(:last-child) {

    margin-bottom: 1rem

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div input {

    border: 1px solid #c9d5e3;

    border-radius: 6px;

    color: #0c2c54;

    font-family: Roboto;

    font-size: 18px;

    letter-spacing: -.015em;

    padding: 14px 16px

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div input:disabled {

    cursor: not-allowed

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div input::placeholder {

    color: #93aac8

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div input.airdrop-row-invalid {

    border-color: #fd6868

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div input.airdrop-address-input {

    max-width: 440px;

    width: 100%

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div>div {

    align-items: center;

    display: flex;

    flex: 1 1;

    justify-content: stretch;

    padding-left: 15px;

    width: 100%

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div>div>input {

    min-width: 150px;

    width: 100%

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div .airdrop-row-remove {

    background: none;

    border: none;

    cursor: pointer;

    display: block;

    height: 24px;

    margin-left: 7px;

    padding: 0;

    width: 24px

}



.airdrop-main .airdrop-form>.airdrop-rows>section>div .airdrop-row-remove:disabled {

    cursor: not-allowed;

    opacity: .4

}



.airdrop-main .airdrop-form>.airdrop-rows>footer {

    margin-top: 18px

}



.airdrop-main .airdrop-form>.airdrop-rows>footer>button {

    align-items: center;

    background: #0000;

    border: none;

    color: #006aed;

    cursor: pointer;

    display: flex;

    font-family: Roboto;

    font-size: 18px;

    margin-left: 15px;

    padding: 0

}



.airdrop-main .airdrop-form>.airdrop-rows>footer>button>svg {

    margin-right: 7px

}



.airdrop-main .airdrop-form>.airdrop-rows>footer>button:disabled {

    cursor: not-allowed;

    opacity: .4

}



.airdrop-main .airdrop-form>.airdrop-rows.airdrop-disabled>footer>button,.airdrop-main .airdrop-form>.airdrop-rows.airdrop-disabled>header>.airdrop-apply-all>button,.airdrop-main .airdrop-form>.airdrop-rows.airdrop-disabled>header>.airdrop-apply-all>label {

    cursor: not-allowed

}



.airdrop-main .airdrop-form>.airdrop-csv>section>textarea {

    border: 2px solid #c9d5e3;

    border-radius: 6px;

    font-family: Roboto;

    font-size: 1rem;

    height: 150px;

    letter-spacing: -.015em;

    line-height: 1.5em;

    overflow-y: scroll;

    padding: .75rem;

    resize: none;

    width: 100%

}



.airdrop-main .airdrop-form>.airdrop-csv>footer {

    margin-top: 1rem

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons {

    align-items: center;

    display: flex;

    justify-content: space-between

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-upload>input {

    display: none

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-upload .airdrop-file-btn {

    align-items: center;

    border: 1px solid #006aed;

    border-radius: 6px;

    color: #006aed;

    cursor: pointer;

    display: flex;

    font-weight: 500;

    padding: .75rem;

    width: 167px

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-upload .airdrop-file-btn .airdrop-file-btn-icon {

    margin-right: .75rem

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-upload .airdrop-file-btn .airdrop-file-btn-close path {

    stroke: #93aac8

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-upload .airdrop-file-btn span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 95px

}



.airdrop-main .airdrop-form>.airdrop-csv>footer>.airdrop-csv-buttons>.airdrop-csv-example {

    color: #006aed;

    cursor: pointer

}



.airdrop-main .airdrop-footer {

    color: #006aed;

    cursor: default;

    font-weight: 500;

    margin: 10px auto 0;

    padding: 10px;

    text-align: center;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content

}



.airdrop-main .airdrop-footer-error {

    color: #fd6868

}



.airdrop-main .airdrop-errors {

    color: #fd6868;

    font-size: .95rem;

    letter-spacing: -.015em;

    line-height: 1.75em;

    margin-top: .75rem

}



.airdrop-main .airdrop-errors>div {

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%

}



.airdrop-main .airdrop-errors>div span strong {

    font-weight: 500

}



.airdrop-approve-notion {

    color: #3a4f68;

    font-family: Roboto;

    font-size: 16px;

    line-height: 24px

}



.airdrop-approve-notion strong {

    font-weight: 500

}



.download-wrapper {

    align-items: center;

    color: #0c2c54;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 10rem

}



.download-wrapper>img {

    max-width: 395px

}



.download-wrapper>h3 {

    font-size: 2rem;

    font-weight: 400;

    margin: 2.5rem 0 0

}



.download-wrapper>p {

    font-size: 1.125rem;

    letter-spacing: -.015em;

    line-height: 1.875rem;

    margin: .5rem 0 1.5rem;

    max-width: 20rem;

    text-align: center

}



.download-wrapper>p>span {

    font-weight: 700

}



.download-wrapper .onePlatformDownload {

    min-width: 260px

}



.download-wrapper .onePlatformDownload>.button {

    color: #2988ff;

    margin: 14px auto

}



.download-wrapper .download-button {

    margin: 0 auto;

    padding: 14px 10px;

    width: 100%

}



.download-wrapper .additional-links {

    align-items: baseline;

    color: #2988ff;

    display: flex;

    justify-content: space-between

}



.download-wrapper .additional-links>span:last-child {

    display: none

}



.download-wrapper .platform-label {

    white-space: nowrap

}



.download-wrapper .additional-button {

    margin: 10px auto 0;

    padding: 0;

    width: auto

}



.download-wrapper .additional-button:hover {

    text-decoration: underline

}



.download-wrapper>.show-all-platforms {

    color: #006aed;

    cursor: pointer;

    margin-top: 1.5rem

}



.download-wrapper>.all-platforms {

    display: flex;

    flex-wrap: wrap;

    width: 645px

}



.download-wrapper>.all-platforms>.download-button {

    margin-bottom: 2rem

}



.download-wrapper>.all-platforms>.download-button:not(:nth-child(2n)) {

    margin-right: 1.5rem

}



.download-wrapper .platform-links {

    display: flex;

    flex-direction: column;

    margin-bottom: 35px;

    padding: 0 12px;

    width: 50%

}



@media only screen and (max-width: 800px) {

    .download-wrapper>.all-platforms {

        width:28.75rem

    }



    .download-wrapper>.all-platforms>.download-button {

        width: 12.5rem

    }

}



@media only screen and (max-width: 500px) {

    .download-wrapper>.all-platforms {

        justify-content:center;

        width: 100%

    }



    .download-wrapper>.all-platforms>.download-button {

        width: 75%

    }



    .download-wrapper>.all-platforms>.download-button:not(:nth-child(2n)) {

        margin-right: 0

    }



    .download-wrapper .platform-links {

        width: 100%

    }

}



.link {

    display: inline-block;

    font-family: Roboto;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 23px;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none

}



.link,.link:visited {

    color: #2988ff

}



.link--blue-fill {

    background: #006aed;

    border-radius: 6px;

    color: #fff

}



.link--blue-fill:hover:not(:disabled) {

    background: #005ac9

}



.link--blue-fill:visited {

    color: #fff

}



.download-android-wrapper {

    padding: 10rem 0 5rem

}



.download-android-wrapper>.download-android-section {

    display: flex;

    justify-content: center;

    margin: auto;

    max-width: 1315px

}



.download-android-wrapper>.download-android-section>div {

    width: 33.33%

}



.download-android-wrapper>.download-android-section .download-android-block {

    align-items: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0 110px;

    text-align: center

}



.download-android-wrapper>.download-android-section .download-android-block>h3 {

    font-size: 2rem;

    font-weight: 400;

    margin-bottom: 10px

}



.download-android-wrapper>.download-android-section .download-android-block>p {

    font-size: 1.125rem;

    letter-spacing: -.015em;

    line-height: 1.875rem;

    max-width: 20rem

}



.download-android-wrapper>.download-android-section .download-android-block>p>span {

    font-weight: 500

}



.download-android-wrapper>.download-android-section .download-android-block .download-android-note {

    color: #0c2c54;

    opacity: .7

}



.download-android-wrapper>.download-android-section .download-android-block .download-button {

    font-size: 18px;

    margin: 22px 0 28px;

    padding: 1rem 4.8rem

}



.download-android-wrapper>.download-android-section .download-android-img {

    display: block;

    margin-left: auto;

    margin-top: 16px;

    max-width: 294px;

    width: 100%

}



.download-android-wrapper>.download-android-section .download-android-video {

    margin-right: auto;

    margin-top: 16px;

    position: relative

}



.download-android-wrapper>.download-android-section .download-android-video video {

    left: -18px;

    position: absolute;

    top: 0;

    width: 230px

}



.download-android-wrapper>.download-android-section .download-android-video-img {

    display: block;

    max-width: 196px;

    width: 100%

}



.download-android-wrapper>.download-android-prefer {

    margin-top: 9rem;

    text-align: center

}



.download-android-wrapper>.download-android-prefer>p {

    color: #0c2c54;

    margin: 0 0 .75rem;

    opacity: .7

}



.download-android-wrapper>.download-android-prefer>a {

    color: #006aed;

    text-decoration: none

}



@media only screen and (max-width: 1200px) {

    .download-android-wrapper>.download-android-section {

        flex-wrap:wrap

    }



    .download-android-wrapper>.download-android-section>div {

        width: 100%

    }



    .download-android-wrapper>.download-android-section .download-android-img,.download-android-wrapper>.download-android-section .download-android-video-img {

        margin: auto

    }



    .download-android-wrapper>.download-android-section .download-android-video video {

        left: 50%;

        transform: translateX(-50%)

    }



    .download-android-wrapper>.download-android-section .download-android-block {

        margin: 80px auto

    }

}



.transfer-input-to {

    margin-top: -8px

}



.transfer-input>header {

    align-items: center;

    display: flex;

    justify-content: space-between;

    margin-bottom: .5rem

}



.transfer-input>header>h3 {

    color: #0c2c54;

    font-size: 1.125rem;

    font-weight: 500

}



.transfer-input>header>div {

    align-items: center;

    background-color: #fff;

    border-radius: 1rem;

    display: flex;

    font-size: 14px;

    padding: 4px 8px

}



.transfer-input>header>div>img {

    margin-right: .25rem

}



.transfer-input>main {

    align-items: center;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 12px 12px 70px #1133661a;

    display: flex;

    padding: 14px 24px;

    position: relative

}



.transfer-input>main>div:first-child {

    border-right: 1px solid #c4c4c4;

    margin-right: 1rem;

    position: relative;

    width: 100%

}



.transfer-input>main>div:first-child>input {

    border: none;

    font-size: 1rem;

    outline: none;

    padding: 0;

    width: 80%

}



.transfer-input>main>div:first-child>input:disabled {

    background: none

}



.transfer-input>main>div:first-child>span {

    color: #006aed;

    cursor: pointer;

    position: absolute;

    right: 1rem;

    top: 50%;

    transform: translateY(-50%)

}



.transfer-input>footer {

    color: #9a9a9a;

    font-size: .875rem;

    margin-top: 9px;

    padding: 0 1.5rem

}



.transfer-input-select-value {

    margin-right: .5rem

}



.transfer-input-select-item {

    display: flex;

    padding: .75rem 1rem

}



.transfer-input-select-item>div:first-child {

    margin-right: .75rem

}



.transfer-input-select-item>div:last-child>h5 {

    font-size: 1rem;

    font-weight: 400;

    margin-bottom: .125rem

}



.transfer-input-select-item>div:last-child>p {

    color: #9a9a9a;

    font-size: .75rem

}



.loader {

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-name: rotate;

    animation-timing-function: linear;

    height: 80px;

    transition: all .5s ease-in;

    width: 80px

}



@keyframes rotate {

    0% {

        transform: rotate(0deg)

    }



    to {

        transform: rotate(1turn)

    }

}



div.swap-progress-dialog-container {

    max-width: 500px;

    padding: 30px

}



div.swap-progress-dialog-container h2 {

    font-size: 20px;

    margin-bottom: 32px

}



div.swap-progress-dialog-container--inprogress {

    padding-bottom: 40px

}



div.swap-progress-dialog-container--inprogress .swap-progress-dialog-loader {

    margin-bottom: 40px

}



div.swap-progress-dialog-container--inprogress h2 {

    margin-bottom: 10px;

    margin-top: 26px

}



div.swap-progress-dialog-container--inprogress .swap-progress-dialog-text {

    line-height: 24px;

    margin-bottom: 0

}



div.swap-progress-dialog-container--short {

    padding-bottom: 10px

}



div.swap-progress-dialog-container--short .swap-progress-dialog-loader {

    margin-bottom: 32px

}



div.swap-progress-dialog-container--short h2 {

    margin-bottom: 24px

}



div.swap-progress-dialog-container--short button {

    margin: 0!important;

    max-width: 300px

}



div.swap-progress-dialog-container--short a {

    color: #006aed;

    font-size: 16px;

    font-weight: 500;

    padding: 14px;

    text-decoration: none

}



div.swap-progress-dialog-container--declined {

    padding-bottom: 30px

}



.transfer-input-lime-icons {

    position: relative

}



.transfer-input-lime-icons .transfer-input-lime-icon-small {

    display: block;

    height: 18px;

    position: absolute;

    right: -7px;

    top: -5px;

    width: 18px

}



.swap-progress-dialog {

    align-items: center;

    display: flex;

    flex-direction: column

}



.swap-progress-dialog .swap-progress-dialog-text {

    max-width: 315px;

    text-align: center

}



.swap-progress-dialog>p {

    margin-bottom: 24px

}



.swap-progress-dialog>.swap-progress-dialog-coins {

    align-items: center;

    display: flex;

    height: 42px;

    justify-content: center;

    width: 100%

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin {

    align-items: center;

    display: flex;

    height: 100%;

    width: 40%

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin:first-child {

    justify-content: end

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin:last-child {

    justify-content: start

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin>div:first-child {

    margin-right: .75rem

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin>div:last-child>h5 {

    font-size: 16px;

    font-weight: 400;

    margin-bottom: .125rem

}



.swap-progress-dialog>.swap-progress-dialog-coins>.swap-progress-dialog-coin>div:last-child>p {

    color: #9a9a9a;

    font-size: .75rem;

    white-space: nowrap

}



.swap-progress-dialog>.swap-progress-dialog-coins>img {

    margin: 0 1rem

}



.swap-progress-dialog>button {

    background: #006aed;

    border: none;

    border-radius: 6px;

    color: #fff;

    cursor: pointer;

    font-family: Roboto;

    font-size: 17px;

    font-weight: 500;

    letter-spacing: -.015em;

    margin-top: 1.5rem;

    outline: none;

    padding: 1rem 4rem;

    width: 100%

}



.swap-progress-dialog>button:disabled {

    cursor: not-allowed;

    opacity: .5

}



.swap {

    align-items: center;

    display: flex;

    flex-direction: column;

    width: 100%

}



.toast-wrapper {

    max-width: 540px;

    padding: 0 20px;

    width: 100%

}



.service-wrapper {

    padding-bottom: 8px

}



.swap-price-impact {

    margin-top: 15px

}



.swap-form-meta--dialog {

    background: gray;

    background: #f6f6f6;

    border-radius: 12px;

    display: flex;

    flex-direction: column;

    margin-top: 24px;

    padding: 20px;

    width: 100%

}



.swap-form-meta--dialog>div {

    width: 100%

}



.swap-form-meta--dialog .swap-price-impact {

    margin-top: 0

}



.swap-form-meta {

    margin-bottom: 12px

}



.swap-form-meta .swap-form-meta-price-prefix {

    color: #676767;

    margin-left: 4px

}



.swap-form-meta .swap-form-meta-icon {

    height: 14px;

    margin-left: 1px;

    margin-right: 5px;

    width: 14px

}



.swap-form-meta .swap-form-meta-icon-bnb circle,.swap-form-meta .swap-form-meta-icon-bnb path {

    fill: #f8c811!important

}



.swap-form-meta .swap-form-meta-icon-polygon circle,.swap-form-meta .swap-form-meta-icon-polygon path {

    fill: #8852df!important

}



.swap-form-meta>div {

    align-items: center;

    display: flex;

    font-size: .875rem;

    justify-content: space-between

}



.swap-form-meta>div>div:first-child {

    color: #676767

}



.swap-form-meta>div.swap-form-meta-price strong {

    font-size: 16px;

    font-weight: 400

}



.swap-form-meta>div.swap-form-meta-price>div:last-child {

    align-items: center;

    display: flex

}



.swap-form-meta>div.swap-form-meta-price>div:last-child>img {

    margin: 0 .25rem

}



.swap-form-meta>div.swap-price-impact-warning>div:last-child {

    color: #ff8102

}



.swap-form-meta>div.swap-price-impact-danger>div:last-child {

    color: #fd6868

}



.swap-form-meta>div.swap-price-impact-ok>div:last-child {

    color: #00ba77

}



.swap-form-meta>div:not(:last-child) {

    margin-bottom: 12px

}



.swap-main {

    max-width: 540px;

    padding: 0 20px;

    width: 100%

}



.swap-main>header {

    margin: 1rem 0 2rem

}



.swap-main>header>h2 {

    color: #0c2c54;

    font-size: 1.75rem;

    font-weight: 500;

    text-align: center

}



.swap-main>form>.swap-form-img {

    margin: 6px 0 0;

    text-align: center

}



.swap-main>form>.swap-form-img>img {

    cursor: pointer

}



.swap-main>form>hr {

    background-color: #c9d5e3;

    border: none;

    height: 1px;

    margin: 20px 0 25px

}



.swap-main>form>.swap-form-route {

    margin-bottom: 20px

}



.swap-main>form>.swap-form-route>h3 {

    font-size: 1.125rem;

    font-weight: 500

}



.swap-main>button {

    background-color: #006aed;

    border: none;

    border-radius: 6px;

    color: #fff;

    cursor: pointer;

    font-family: Roboto;

    font-size: 1rem;

    font-weight: 500;

    padding: 1rem 0;

    width: 100%

}



.swap-main>button:disabled {

    cursor: not-allowed;

    opacity: .5

}



.swap-main>button:last-child {

    margin-top: .5rem;

    padding: 21px

}



.swap-main>button .loading-dots {

    height: 19px

}



.cookies-window {

    -webkit-backdrop-filter: blur(5px);

    backdrop-filter: blur(5px);

    background: #ffffffe8;

    bottom: 0;

    box-sizing: border-box;

    color: #0c2c54;

    display: flex;

    justify-content: space-between;

    padding: 22px 32px;

    position: fixed;

    width: 100%;

    z-index: 1000

}



.cookies-window .title {

    font-size: 16px;

    font-weight: 700;

    line-height: 19px

}



.cookies-window .text {

    font-size: 14px;

    line-height: 18px

}



.cookies-window .buttons {

    align-items: center;

    display: flex;

    margin-left: 10px

}



.cookies-window .buttons .button {

    font-size: 16px;

    font-weight: 700;

    height: 44px;

    line-height: 19px;

    width: 140px

}



.cookies-window .buttons .button:last-child {

    margin-left: 16px

}



@media only screen and (max-width: 640px) {

    .cookies-window {

        flex-direction:column

    }



    .cookies-window .buttons {

        margin-left: 0;

        margin-top: 10px

    }

}

.rayjoo{

    max-width: 100%;

}

.lime-video button{

    position: absolute;

    left: 50%;

    top: 20px;

    transform: translateX(-50%);

    z-index: 2;

}

.block-editor-url-input{

    margin-bottom: 12px;

}





/* 普通按钮，排除 toolbar 控件 */

.rayjoo .components-button {

    background: rgba(0,0,0,.6);

    color: #fff;

}



/* 有 icon 的按钮，排除 toolbar 控件 */

.rayjoo button.has-icon {

    background: none;

    color: inherit;

}



/* hover 状态 */

.rayjoo  button.has-icon:hover {

    color: rgba(0,0,0,.6);

}



/*components-toolbar__control*/

.rayjoo .lime__container .market{

    display: block;

}

.rayjoo .lime__container .block{

    display: block;

}

.rayjoo button:has(img) {

    border: 1px dashed rgba(0,0,0,.2);

    height: auto;

    background: none !important;

    -webkit-transition:.3s;

    transition:.3s;

}

.rayjoo button:has(img):hover{

    border: 1px dashed rgba(127,219,140,1);

}

.rayjoo .menu-external-wrapper{

    display: block;

}

.rayjoo .menu-external-wrapper .lime__container .menu-wrapper{

    position: absolute;

}

.rayjoo .info-block__buttons button,

.rayjoo .lime__buttons button:first-child{

    width: auto;

}



.image-right {

    left: 70%;

}

.back-image {

    height: 400px;

    position: absolute;

    top: 55%;

    transform: translate(-50%, -50%);

    width: 400px;

    z-index: 0;

}



.rayjoo .info-block__pic-holder{

    display: none;

}







.marquee {

  width: 100%;

  overflow: hidden;

}

.marquee ul {

  overflow: hidden;

  white-space: nowrap;

  font-size: 0;

}

.marquee li {

    display: inline-block;

}

#rd-marquee2 {

  padding-left: 150px;

}

#rd-marquee2 li {

  padding-bottom: 0;

}

.marquee,

.marquee *{

    box-sizing: border-box;

}

.marquee{

    margin: 30px 0;

}

.list-cooperation .img {

  overflow: hidden;

  width: 175px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  position: relative;

}



.list-cooperation img {

  position: relative;

  z-index: 1;

filter: grayscale(100%);

opacity: .3;

-webkit-transition:.3s;

transition:.3s;

}

.list-cooperation img:hover{

filter: grayscale(0);

    opacity: 1;

}

.list-cooperation li,

.list-cooperation ul{

    list-style: none;

    padding: 0;

    margin: 0;

}

.list-cooperation li{

    padding-left: 6px;

    padding-right: 6px;

}

.rayjoo .title {

    color: #0c2c54;

    font-size: 38px;

    font-weight: 700;

    line-height: 60px;

    text-align: center;

    width: 100%

}

.rayjoo .block.ducks{

    display: none;

}

.rayjoo .image-button{

    background: none;

}

.rayjoo .item-wrapper .components-button img{

    width: 24px;

}

.links-wrapper{

    line-height: 1.8;

}

.certik img{

    margin-right: 10px;

}

.links-wrapper a{

    display: block;

}

#contact a img{

    -webkit-transition:.3s;

    transition:.3s;

}

#contact a:hover img{

    opacity: .8;

}

.download-android-block .button--blue-fill:hover,

#contact .button--blue-fill:hover{

    color: #fff;

}







.news-list .container,

.single .container

 {

    max-width: 1280px; /* mx-auto */

    margin-left: auto;

    margin-right: auto;

    padding: 3rem 1rem; /* px-4 py-12 */

}



/* Header styles */

.header {

    text-align: center; /* text-center */

    margin-bottom: 3rem; /* mb-12 */

}



.header-title {

    font-size: 2rem; /* text-4xl */

    font-weight: 700; /* font-bold */

    color: #111827; /* text-gray-900 */

    text-align: center;

    margin-bottom: 1em;

}

@media (min-width: 768px) {

    .header-title {

        font-size: 2.5rem; /* md:text-5xl */

    }

}



.header-subtitle {

    margin-top: 1rem; /* mt-4 */

    font-size: 1.125rem; /* text-lg */

    color: #4b5563; /* text-gray-600 */

}



/* News grid styles */

.news-grid {

    display: grid;

    grid-template-columns: 1fr;

    gap: 2rem; /* gap-8 */

}

@media (min-width: 768px) {

    .news-grid {

        grid-template-columns: repeat(2, 1fr); /* md:grid-cols-2 */

    }

}

@media (min-width: 1024px) {

    .news-grid {

        grid-template-columns: repeat(3, 1fr); /* lg:grid-cols-3 */

    }

}



/* News card styles */

.news-card-link {
    text-decoration: none; /* 移除链接下划线 */
    color: inherit; /* 继承父元素的颜色 */
    display: block; /* 使链接块级化 */
}



.news-card {

    background-color: #ffffff; /* bg-white */

    border-radius: 0.75rem; /* rounded-xl */

    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-lg */

    overflow: hidden;

    transition-property: transform, box-shadow; /* transform hover:-translate-y-2 */

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    height: 100%;

}






.news-image-container {

    position: relative;

}

.news-image-container{

    padding-top: 60%;

    overflow: hidden;

}

.news-image {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover; /* object-cover */

}



.image-overlay {

    position: absolute;

    inset: 0;

    background-color: rgba(0, 0, 0, 0.2); /* bg-black bg-opacity-20 */

    transition-property: background-color;

    transition-duration: 300ms;

}



.news-card-link:hover .image-overlay {

    background-color: rgba(0, 0, 0, 0.1); /* group-hover:bg-opacity-10 */

}



.news-content {

    padding: 1.5rem; /* p-6 */

}



.news-title {

    font-size: 1.25rem; /* text-xl */

    font-weight: 600; /* font-semibold */

    margin-bottom: 0.5rem; /* mb-2 */

    color: #111827; /* text-gray-900 */

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}



.news-description {

    color: #4b5563; /* text-gray-600 */

    margin-bottom: 1rem; /* mb-4 */

    line-height: 1.625; /* leading-relaxed */

    display: -webkit-box;        /* 必须结合下面两行 */

    -webkit-line-clamp: 2;       /* 显示两行 */

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}





.news-link {

    font-weight: 600; /* font-semibold */

    color: #2563eb; /* text-blue-600 */

    transition-property: color;

    transition-duration: 300ms;

    text-decoration: none;

}



.news-card-link:hover .news-link {

    color: #1d4ed8; /* hover:text-blue-800 */

}







.pagination{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 50px;

}

.pagination span,

.pagination .page-numbers{

    font-size: 1em;

    justify-content: center;

    margin: .25rem;

    padding-left: .5em;

    padding-right: .5em;

    text-align: center;

    display: block;

    height: 2.5em;

    min-width: 2.5em;

    line-height: 2.5;

    border: 1px solid  #dbdbdb;

    color: #363636;

    text-decoration: none;

    -webkit-transition:.3s;

    transition:.3s;

}

.pagination .current{

    color: #fff;

    background-color: #006aed;

    border-color: #006aed;

}

.pagination span:hover,

.pagination a:hover{

    text-decoration: none;

}

.pagination span:hover,

.pagination a:hover{

    border-color: #000;

}

.pagination .current:hover{

    border-color: #006aed;

}





#faqsu-faq-list {

    background: #F0F4F8;

    border-radius: 5px;

    padding: 15px;

    margin-top: 20px;

    margin-bottom: 20px;

}

#faqsu-faq-list .faqsu-faq-single {

    background: #fff;

    padding: 15px 15px 20px;

    box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;

    border-radius: 5px;

    margin-bottom: 1rem;

}

#faqsu-faq-list .faqsu-faq-single:last-child {

    margin-bottom: 0;

}

#faqsu-faq-list .faqsu-faq-question {
    font-weight: bold;
    font-size: 20px;

    border-bottom: 1px solid #F0F4F8;

    padding-bottom: 0.825rem;

    margin-bottom: 0.825rem;

    position: relative;

    padding-right: 40px;

}

#faqsu-faq-list .faqsu-faq-question:after {

    content: "?";

    position: absolute;

    right: 0;

    top: 0;

    width: 30px;

    line-height: 30px;

    text-align: center;

    color: #c6d0db;

    background: #F0F4F8;

    border-radius: 40px;

    font-size: 20px;

}

#ez-toc-container{

    margin: 20px 0;

}









/* 返回链接 */

.back-link {

   display: inline-block;

   margin-bottom: 2rem;

   color: #2563eb; /* text-blue-600 */

   text-decoration: none;

   font-weight: 600;

   transition: color 0.3s ease;

}

.back-link:hover {

   color: #1d4ed8; /* hover:text-blue-800 */

}



/* 文章容器 */

.article-container {

   max-width: 56rem; /* max-w-4xl */

   margin-left: auto;

   margin-right: auto;

   background-color: #ffffff;

   border-radius: 0.75rem; /* rounded-xl */

   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* shadow-lg */

   overflow: hidden;

}



/* 特色图片 */

.featured-image {

   width: 100%;

   height: 16rem; /* h-64 */

   object-fit: cover;

}



/* 文章内容区域的内边距 */

.content-padding {

   padding: 2rem; /* p-8 */

}



/* 文章标题 */

.article-title {

   font-size: 1.875rem; /* text-3xl */

   font-weight: 700; /* font-bold */

   color: #111827; /* text-gray-900 */

   margin-bottom: 1rem;

}



/* 作者和日期信息 */

.meta-info {

   display: flex;

   align-items: center;

   color: #6b7280; /* text-gray-500 */

   margin-bottom: 2rem;

}

.meta-info span + span {

   margin-left: 0.5rem;

}

.meta-info .separator {

   margin-right: 0.5rem;

}



/* 文章内容排版 */

.article-content {

   color: #374151; /* text-gray-700 */

}

.article-content h2 {

   font-size: 1.5rem;

   font-weight: 600;

   margin-top: 2rem;

   margin-bottom: 1rem;

}

.article-content p {

   line-height: 1.75;

   margin-bottom: 1.5rem;

}



/* 响应式设计 */

@media (min-width: 768px) {

   .featured-image {

       height: 24rem; /* md:h-96 */

   }

   .content-padding {

       padding: 3rem; /* md:p-12 */

   }

   .article-title {

       font-size: 2.25rem; /* md:text-4xl */

   }

}

.breadcrumbs li{

    margin: 0;padding: 0;

}

.breadcrumbs{

    font-size: 16px;

    color: #666;

    margin: 1rem 0;

    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}
@media screen and (max-width: 760px){
    .breadcrumbs{
        font-size: 14px;
    }
}


.breadcrumbs .seperator{

    margin-left: 4px;

    margin-right: 4px;

}

.breadcrumbs a{

    color: #666;

    text-decoration: none;

    -webkit-transition:.3s;

    transition:.3s;

}

.breadcrumbs a:hover{

    color: #000;

}

.header-holder{

    height: 80px; 

}

.home .header-holder{

    display: none;

}

.header .logo img {

    height: 60px;

    width: 90px;

    -webkit-transition:.3s;

    transition:.3s;

    filter: none;

}



.transparent .logo img {

    filter: brightness(0) invert(1);

}



@media screen and (max-width: 760px){

    .landing-head .lime-video{

        object-fit: cover;

        width: 100vh;

        height: 100vh;

    }

    .landing-about{

        padding-left: 40px;

        padding-right: 40px;

    }

    .landing-about .container .integration>.block .brand{

        font-size: 18px;

    }

    .landing-about{

        padding-top: 40px;

    }

    .marquee{

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .news-grid{

        display: block;

        gap: 0;

    }

    .news-grid .news-card-link{

        margin-bottom: 20px;

    }

}

html,

body{

    overflow-x: hidden;

}

.header-menu{

    display: none;

}

.open-menu .header-menu{

    display: block;

    z-index: 2000;

}





/* 上一篇/下一篇导航 */

.post-navigation {

    display: flex;

    justify-content: space-between;

    margin-top: 3rem;

    padding-top: 2rem;

    border-top: 1px solid #e5e7eb; /* border-gray-200 */

}



.nav-link {

    color: #2563eb; /* text-blue-600 */

    text-decoration: none;

    font-weight: 500;

    transition: color 0.3s ease;

    flex:1;

}

.nav-link:hover {

    color: #1d4ed8; /* hover:text-blue-800 */

}



.nav-link.prev {

    text-align: left;

}

.nav-link.next {

    text-align: right;

}







.iframe-wrapper {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  height: 0;

}



.iframe-wrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}





/* --- Related Posts Section --- */

.related-posts {

    margin-top: 3rem;

    padding: 2rem;

    background-color: #f9f9f9;

    border-radius: 8px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



.related-posts .related-title {

    font-size: 1.5rem;

    font-weight: 700;

    color: #333;

    margin-bottom: 1.5rem;

    text-align: center;

}



.related-posts .related-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 1.5rem;

    list-style: none;

    padding: 0;

    margin: 0;

}



.related-posts .related-item {

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 8px;

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.related-posts .related-item:hover {

    transform: translateY(-5px);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);

}



.related-posts .related-item a {

    display: block;

    text-decoration: none;

    color: #333;

    height: 100%;

}



.related-posts .related-thumb {

    width: 100%;

    height: 150px;

    overflow: hidden;

}



.related-posts .related-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.3s ease;

}



.related-posts .related-item:hover .related-thumb img {

    transform: scale(1.05);

}



.related-posts .related-info {

    padding: 1rem;

}



.related-posts .related-info .related-title {

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.4;

    margin: 0;

    color: #333;

    text-align: left;

}


.landing-head .buttons>:not(:first-child) {
/*    margin-left: 32px*/
}


.landing-head .buttons{
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.editor-holder{
    text-align: center;
    padding: 20px 10px;
    background-color: #066AE8;
    color: #fff;
}
.rayjoo-title {
    color: #0c2c54;
    font-size: 38px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
}
.news-index{
    padding: 50px 0;
}
.news-index .rayjoo-title{
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .news-grid-index {
        grid-template-columns: repeat(3, 1fr);

    }
}
.news-index{
    padding-left: 10%;
    padding-right: 10%;
}
.news-card-link {
    min-width: 0;
}

.news-card-link:hover .news-card {
/*    transform: translateY(-0.5rem); */
/*    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);*/


transform: scale(1.05);
}
@media (max-width: 760px) {
    .news-card-link:nth-child(n+5) {
        display: none;
    }
}
.landing-head .buttons img{
    -webkit-transition:.2s;
    transition:.2s;
}