/* to be merged with main.css later */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
body{
    font-family: var(--font);
    font-weight: 400;
}
figure{
    margin: 0;
}
section{
    line-height: 1.4;
}
h3, h2{
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: var(--headline);
}

.w{
    max-width: 1240px;
}
.bg--darker{
    background: #E9E9F1;
}
.btn--regular{
    font-family: var(--font);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    /* identical to box height, or 150% */
    padding-left: 64px;
    padding-right: 64px;
    letter-spacing: -0.01em;
    height: 48px;
    transition: background 0.25s;
}
.btn--green{
    background: #00B855;
    color: #fff;
}
.btn--green:hover{
    color: #fff;
    background: #009b48;
}
@media (min-width:992px){
    .section--primary.section--primary--alt{
        min-height: 680px;
        margin-bottom: 48px;
    }
}
.section--primary.section--primary--alt+.section--alt{
    padding-top: 60px;
}


.section--primary--alt .section--primary-elements{
    left: auto;
    right: 70px;
    top: 13px;
}

.section-elements .staking-spheres img,
.section-elements .spheres-bg,
.section-elements svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.section-elements .spheres-bg{
    width: 120%;
}
.section-elements .staking-spheres img{max-width: none;transition: opacity 0.3s;}
.section-elements .staking-spheres img.is-darkmode{opacity: 0;}
.darkmode .section-elements .staking-spheres img.is-darkmode{opacity: 1;}
.darkmode .section-elements .staking-spheres img.is-lightmode{opacity: 0;}

.section--primary--alt .section-header{
    margin-bottom: 23px;
}
.section--primary--alt{
    font-size: 18px;
    color:color:var(--alttext);;
}
.section-elements--fwd{
    z-index: 5;
}

@media (max-width:991px){
    
    .section--primary--alt{
        align-items: flex-end;
        padding-bottom: 140px;
        margin-bottom: -70px;
    }
}

.section--primary--alt .section-header h1{
    font-size: 96px;
    line-height: 1;
    margin-bottom: 24px;
    letter-spacing: 1px;
}
.section--primary--alt .section-content{
    max-width: 40em;
    line-height: 1.5;
}
.section--primary--alt .buttons{
    display: flex;
    column-gap: 16px;
    margin-top: 48px;
}
.section--primary .section-header--wide{
    max-width: 100%;
}

.section-slideshow .section--primary{
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

@media (max-width: 767px){
    .section--full{
        min-height: 760px;
    }
}

.section-slideshow.slick-initialized  .section--primary{
    display: flex;
}
.section-slideshow .slick-dots{
    /* top: calc(50% - 65px); */
    left: 50%;
    z-index: 30;
    display: flex;
    /* flex-direction: column; */
    transform: translateX(-50%);
    bottom: 80px;
    width: auto;
}
.slick-dots.slick-dots li button:before{
    font-size: 13px;
}


.row--news{
    row-gap: 30px;
    position: relative;
}
.row--news_more {
    position: absolute;
    right: 15px;
    bottom: 100%;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.row [class*=-lg-4] .thumb{
    margin-bottom: 30px;
}

@media (max-width: 767px){
    .section-slideshow .section--primary{
        min-height: 0;
    }
    .section-slideshow .section--primary:not(:first-child):not(.slide--dundas){
        padding-top: 70px;

    }
    .section-slideshow .section--primary--alt{
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .section--primary--alt .buttons .btn{
        flex-grow: 1;
        padding: 2em 1em;
        min-width: 10em;
    }
    .row--news {
        row-gap: 10px;
        flex-wrap: nowrap;
        overflow: scroll;
        padding: 32px;
        margin-top: -25px;
        margin-bottom: -25px;
        column-gap: 20px;
        margin-left: -32px;
        margin-right: -32px;
        scroll-snap-type: x mandatory !important;
        overflow: auto hidden !important;
        scroll-padding-left: 32px;
        -ms-overflow-style: none;  
        scrollbar-width: none;  
    }
    .row--news::-webkit-scrollbar { 
        display: none;
    }
    .row--news>div {
        width: 290px;
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 290px;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }
    .row--news_more{
        position: static;
        align-self: center;
        white-space: nowrap;
        display: block;
        width: 70px;
        flex: 0 0 70px;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }
}

.slick-slider.slick-slider{
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    -webkit-touch-callout: initial;
    -khtml-user-select: initial;
    -ms-touch-action: initial;
    touch-action: initial;
    -webkit-tap-highlight-color: initial;
}


.thumb--news{
    border-radius: 8px;
    padding: 17px 16px 15px;
    display: block;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    font-size: 16px;
    background: rgba(0,0,0,0.03);
    height: 100%;
}
.header-navi-tab__wrap .thumb--news{
    height: auto;
}
.thumb--news h3{
    font-size: 16px;
    color: #333;
    margin-bottom: auto;
    font-family: var(--headline);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}
.thumb--news-banner{
    align-items: center;
}
.thumb--news-banner h3{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    
}
.thumb--news-banner .thumb-head{
    flex-grow: 1;
}
.thumb--news .date{
    font-size: 13px;
}
.thumb--news .date~h3{
    margin-top: 5px;
}


.thumb--news.is-highlighted{
    background: linear-gradient(87.24deg, #489CFF 0%, #2AA6FF 40.65%, #2AB4FF 75.4%, #36C7FF 100%);
    -webkit-box-shadow: var(--shadow), var(--shadow-layer);
    box-shadow: var(--shadow), var(--shadow-layer);
    border-radius: 8px;
    flex-direction: row;
}
.thumb--news.is-highlighted .thumb-hero{
    width: 88px;
    height: 88px;
    flex-shrink: 0;
}
.thumb--news.is-highlighted .thumb-hero img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.thumb-hero--slim.thumb-hero img{
    height: 35px;
    
}
.thumb-hero--slim.thumb-hero{
    background: #fff;
    margin: -17px -16px 10px;
    padding: 17px 16px 10px;
    border-radius: 8px 8px 0 0;
}


.thumb--news.is-highlighted,
.thumb--news.is-highlighted h3,
.thumb--news.is-highlighted .date{
    color: #fff;
}

.section--alt .btn--regular{
    height: 48px;
    border-radius: 8px;
    padding: 0 64px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font);
}
.section--alt{
    color: #333;
    padding-top: 120px;
    padding-bottom: 120px;
}
#recent{
    padding-top: 60px;
    padding-bottom: 60px;
}
.section-header h2,
.section--alt h2{
    font-family: var(--headline);
    font-style: normal;
    font-weight: 800;
    line-height: 1.11;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.section-header.section-header--shy {
    margin: auto auto 40px;
}

.section--alt .section-footer{
    text-align: center;
}

.galaxy.galaxy--cmnt {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
} 

@media (max-width:767px){
    .galaxy.element--dragon{
        top: 0%;;
        width: 70%;
        left: 50%;
        transform: translateX(-50%);
    }
    .slide--dundas{
        padding-top: 80%;
    }
    .slide--dundas .col-12{
        display: flex;
        flex-direction: column;
    }
    .slide--dundas .col-12 div:first-child{
        order: 8;   
    }
    .slide--dundas .col-12 div:last-child{
        order: 10;
    }
    .slide--dundas .section--primary-elements{
        width: 100%;
    }
    .slide--dundas.section--primary--alt .section--primary-elements{
        opacity: 1;
    }
    .section--primary--alt.slide--sams .section--primary-elements{
        top: 35px;
    }
    .slide--dundas.section--primary--alt .buttons{
        margin-top: 20px;
    }
    .pt-logos{
        margin-top: 30px;
        flex-wrap: wrap;
    justify-content: center;
    row-gap: 15px;
    }
    .slide--dundas.section--primary--alt .section-header.ttu h1 {
        font-size: 34px;
    }
    .slide--dundas.section--primary--alt .section-header.ttu h1 strong{
        font-size: 100%;
        display: inline;
    }
    .slide--dundas .section-header{
        margin-bottom: 0;
    }
    .slide--dundas .section-header h2{
        font-size: 24px;
        font-weight: normal;
        margin: 0;
        line-height: 1.2;
    }
}
 

@media (min-width:1024px){
    .section--alt h2{
        font-size: 36px;
    }
}
.w{}
.section-enum .section-header,
.section--alt .section-header{
    text-align: center;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
}
.section-body{}

.folded-articles{
    font-size: 16px;
    line-height: 1.5;
}
@media (min-width:1024px){
    .folded-articles h3{
        font-size: 24px;
    }
}


.folded-articles article{
    border-radius:24px;
    padding: 40px 40px 60px;
    background: #E9E9F1;
    margin-bottom: -33px;
    color: var(--darkgrey);
    box-shadow: inset 0 0 0 4px transparent;
    transition: all 0.3s;
}
.folded-articles article:last-child{
    margin-bottom: 0;
    padding-bottom: 22px;
}
.folded-articles.hackathon-articles article.is-completed,
.folded-articles:not(.hackathon-articles) article:nth-child(2n){
    background: #fafafa;    
}
.folded-articles.hackathon-articles article:not(.is-opened):hover{
    box-shadow: inset 0 0 0 4px var(--blue);
}
.folded-articles header{
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    cursor: pointer;
}
.folded-articles .hgroup{
    max-width: 500px;
    line-height: 1.6;
}

#index-tech .folded-articles .hgroup {
    max-width: 620px;
}
#index-adoption .folded-articles .hgroup {
    max-width: 740px;
}


.folded-articles .hgroup h2{
    text-align: left;
    color: var(--blue);
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 40px;
    letter-spacing: 0.5px;
    transition: filter 0.25s;
}
.folded-articles .hgroup p{
    max-width: 740px;
    margin-top: 0;
}
.folded-articles img{
    max-width: 470px;
}
.folded-articles h3{
    font-family: var(--headline);
    font-style: normal;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.folded-articles h3+p{
    margin-top: 0;
}
.folded-articles header .icon-placeholder{
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-left: 40px;
    transition: filter 0.25s;
}

.folded-articles .is-opened .hgroup h2,
.folded-articles .is-opened header .icon-placeholder{
    filter: hue-rotate(-75deg);
}

.folded-articles .contents{display: none;}

.folded-articles .vendors-list{
    font-size: inherit;
}
.folded-articles .vendors-list .iph{
    top: 0;
    margin-top: 0;
}

.grayscale{
    filter: grayscale(1);
}

.grayscale:hover{
    filter: unset;
}

@media (min-width: 992px){
    .section--alt .folded-articles+.section-header{
        margin-bottom: 80px;
    }
    .usecase-card-header{
        /* padding-top: 20px; */
    }
}

@media (max-width:767px){
    .folded-articles header{
        font-size: 16px;
    }
    .folded-articles header .icon-placeholder {
        position: absolute;
        margin: 0;
        width: 130px;
        height: 130px;
        opacity: 0.2;
        right: 5px;
        top: 5px;
        filter: grayscale(0.5);
    }
    .folded-articles .hgroup h2{
        font-size: 28px;
    }
    .folded-articles article{
        position: relative;

    }
    .section-header h2,
    .section--alt h2{
        font-size: 24px;
        text-transform: none;
        font-weight: 700;
    }
}

.staff-carousel .slick-next:before, 
.staff-carousel .slick-prev:before{
    color: #000;
}
.row--usecases{
    row-gap: 26px;
    margin-left: -40px;
    margin-right: -40px;

    /* margin-top: 83px; */
}
.row--usecases-index{
    margin-left: -15px;
    margin-right: -15px;
    
}

.row--usecases-index .usecase-card-header img, 
.row--usecases-index .usecase-card-header svg {
    position: relative;
    top: 8px;
}

.row--usecases-index .usecase-card-header h3{
    margin-top: 15px;
}

.usecase-card .iocn-placeholder{
    position: relative;
    top: 26px;
}
.usecase-card{
    position: relative;
    padding-top: 47.87%;
    padding-bottom: 2em;
}
.usecase-card-header img,
.usecase-card-header svg{
    width: 60px;
    height: 60px;
}
.usecase-card-header .icon-placeholder--logo img{
    width:auto;
    max-width: 100px;
    object-fit: contain;
}
.usecase-card-header .icon-placeholder--logo{
    margin-bottom: 10px;
}

.usecase-card-header svg, svg.thumb-icon{
    stroke: rgb(0, 156, 240);
    fill: rgba(0, 156, 240, 0.2);
}
svg.thumb-icon{
    width: 40px;
    height: 40px;
}

.usecase-card-header{
    text-align: center;
}
.usecase-card-header h3{
    text-transform: uppercase;
    font-family: var(--headline);
    font-size: 32px;
    margin-top: 10px;
    font-weight: 800;
    
}
.usecase-card-header h3 small{
    display: block;
    font-size: 50%;
    font-weight: normal;
    text-transform: lowercase;
}
.usecase-card-header,
.usecase-card-body{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.usecase-card-body{
    opacity: 0;
    z-index: 2;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: var(--blue);
    border-radius: 16px;
    padding: 10px 24px;
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    /* or 133% */
    
    text-align: center;    
    
}


.usecase-card:hover .usecase-card-header{opacity: 0;}
.usecase-card:hover .usecase-card-body{opacity: 1;}

.usecase-card-body a{
    color: #fff;
    display: inline-block;
}

@media (max-width: 767px){
    .usecase-card-header{
        justify-content: space-between;

    }
    .section--primary--alt .section-header h1 {
        font-size: 52px;
    }
    .section--primary--alt .section-header.ttu h1{
        font-size: 40px;
    }
    .section-slideshow{
        margin-bottom: 40px;
    }

    .section--primary--alt .section--primary-elements{
        right: auto;
        opacity: 0.5;
    }
    .section--primary--alt .section--primary-elements .galaxy-text{
        display: none;
    }
    .row--usecases{
        margin-top: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .usecase-card{
        padding-top: 0;
    }
    .usecase-card-header,
    .usecase-card-body{
        position: relative;
        height: auto;
        padding: 0;
    }
    .usecase-card-body p:first-child{
        margin-top: 0;
    }
    .usecase-card-body p:last-child{
        margin-bottom: 0;
    }
    .usecase-card-body{
        /* margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        padding: 15px; */
        padding: 15px;
    }
    .folded-articles{
        margin-left: -32px;
        margin-right: -32px;
    }
    .folded-articles article{
        padding: 25px 32px 40px;
    }
    .row--usecases {
        row-gap: 10px;
    }
    .usecase-card-header{
        flex-direction: row-reverse;
        align-items: center;
        column-gap: 12px;
        justify-content: space-between;
    }
    .usecase-card-header,
    .usecase-card-body,
    .usecase-card:hover .usecase-card-header,
    .usecase-card:hover .usecase-card-body{opacity: 1;}

    .usecase-card-body{
        margin-bottom: 20px;
    }

    .usecase-card-header{
        margin-bottom: 10px;
    }

    .usecase-card-header h3{
        font-size: 26px;
        text-transform: capitalize;
        font-weight: 600;
        margin: 0;
        text-align: left;
    }

}

.link-out{
    padding-right: 20px;
    position: relative;
}
.link-out:after{
    content: '';
    position: absolute;
    right: 0;
    top:-2px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9621 3.80861C12.9377 3.74964 12.9015 3.69439 12.8536 3.64645C12.8056 3.59851 12.7504 3.56234 12.6914 3.53794C12.6324 3.51349 12.5678 3.5 12.5 3.5H12.4999H6C5.72386 3.5 5.5 3.72386 5.5 4C5.5 4.27614 5.72386 4.5 6 4.5H11.2929L4.14645 11.6464C3.95118 11.8417 3.95118 12.1583 4.14645 12.3536C4.34171 12.5488 4.65829 12.5488 4.85355 12.3536L12 5.20711V10.5C12 10.7761 12.2239 11 12.5 11C12.7761 11 13 10.7761 13 10.5V4.00049V4C13 3.999 13 3.998 13 3.997C12.9996 3.9303 12.9861 3.86669 12.9621 3.80861Z' fill='white'/%3E%3C/svg%3E%0A");
}
.section--success{
    padding-top: 92px;
    padding-bottom: 95px;
}
.section--success .section-footer{
    margin-top: 30px;
}

.thumb .taglist{
    margin-top: 1em;
}
.thumb .time{
    color: var(--tags);
    font-weight: bold;
}
.thumb--success.thumb--h{
    display: flex;
    flex-direction: column;
}
.thumb--success.thumb--h .thumb-footer{
    margin-top: auto;
}

.section--success .row{
    row-gap: 24px;
    margin-left: -12px;
    margin-right: -12px;
}
.section--success .row>div{
    padding-left: 12px;
    padding-right: 12px;
}
.thumb--success h3{
    font-family: var(--headline);
    margin-bottom: 10px;
}
.thumb--success a{
    text-decoration: none;
    color: currentColor;
}

.section--success .thumb--success h3{
    font-weight: 700;
}

.thumb--success{
    background: #e9e9f1;
    padding: 24px;
    border-radius: 16px;
    max-width: 100% !important;
    margin-bottom:0 !important;
    font-size: 16px;
    height: 100%;
    display: block;
}
.bg--darker .thumb--success{
    background: var(--bg);
}

.thumb--success .thumb-icon-placeholder{
    height: 75px;
    margin: 0;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
}
.thumb--success .thumb-icon-placeholder:only-child{
    margin-bottom: 0;
    justify-content: center;
}
.thumb--success .thumb-icon-placeholder:only-child figure{
    display: flex;
}
.thumb--success .thumb-icon-placeholder:only-child img{
    margin:auto;
}
.thumb--success .thumb-icon-placeholder svg,
.thumb--success .thumb-icon-placeholder img{
    max-width: 80%;
    max-height: 75px;
    object-fit: contain;
}

.thumb--success .thumb-icon-placeholder img[src*=".svg"], .thumb--success .thumb-icon-placeholder svg {
    min-width: 55px;
    min-height: 55px;
}
.thumb--success .thumb-icon-placeholder svg.icon{
    width: 55px;
    height: 55px;
}

.thumb--success-spc{
    margin-bottom: 30px !important;
    height: calc(100% - 30px);
}
.thumb--success-spc img{
    max-height: 100%;
    max-width: 60%;
}


.section--polkadot .h4,
.section--polkadot h4{
    font-weight: 700;
}
.section--polkadot{
    
}
.section--polkadot .section-header{
    margin-bottom: 5em;
}
.section--polkadot .section-header h2{
    margin: 0;
}
.subsection .section-header h2:only-child{
    
}
.section--polkadot .thumb-icon-placeholder img{
    max-height: 92px;
}

.staff-carousel{
    
}
.staff-carousel-itself{
    display: flex;
    column-gap: 24px;
    row-gap: 24px;
}


.slick-dots>li:only-child{
    display: none;
}
.staff-card{
    background: #FFFFFF;
    border-radius: 16px;
    padding: 32px 25px;
    text-align: center;
    flex-grow: 1;
    margin: 0 12px;
}
.staff-card figure{
    margin: 0;
    margin-bottom: 24px;
    text-align: center;
}
.staff-card figure img{
    vertical-align: middle;
    display: inline-block;
    border-radius: 200px;
    max-width: 100px;
}
.staff-card h3{
    margin-top: 0;
    margin-bottom: 8px;
}
.staff-card small{
    font-family: var(--font);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 171%;
letter-spacing: 0.2px;
}
/*
.staff-carousel .slick-next {
    right: 50%;
    top: calc(100% + 20px);
    transform: translate(calc(100% + 5px), 0);
}
.staff-carousel .slick-prev {
    left: 50%;
    top: calc(100% + 20px);
    transform: translate(calc(-100% - 5px), 0);
}
.staff-carousel .slick-next,
.staff-carousel .slick-prev{
    width: 152px;
    height: 48px;
    background: #ABB6C1;
    border-radius: 8px;
}
*/
.staff-carousel .slick-next:before,
.staff-carousel .slick-prev:before{
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}
.staff-carousel .slick-prev:before{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12C21 12.4142 20.6642 12.75 20.25 12.75L3.75 12.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25L20.25 11.25C20.6642 11.25 21 11.5858 21 12Z' fill='%2314a6f4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0303 19.2803C10.7374 19.5732 10.2626 19.5732 9.96967 19.2803L3.21967 12.5303C2.92678 12.2374 2.92678 11.7626 3.21967 11.4697L9.96967 4.71967C10.2626 4.42678 10.7374 4.42678 11.0303 4.71967C11.3232 5.01256 11.3232 5.48744 11.0303 5.78033L4.81066 12L11.0303 18.2197C11.3232 18.5126 11.3232 18.9874 11.0303 19.2803Z' fill='%2314a6f4'/%3E%3C/svg%3E%0A");
}
.staff-carousel .slick-next:before{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12Z' fill='%2314a6f4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9697 4.71967C13.2626 4.42678 13.7374 4.42678 14.0303 4.71967L20.7803 11.4697C21.0732 11.7626 21.0732 12.2374 20.7803 12.5303L14.0303 19.2803C13.7374 19.5732 13.2626 19.5732 12.9697 19.2803C12.6768 18.9874 12.6768 18.5126 12.9697 18.2197L19.1893 12L12.9697 5.78033C12.6768 5.48744 12.6768 5.01256 12.9697 4.71967Z' fill='%2314a6f4'/%3E%3C/svg%3E%0A");
}


@media (max-width: 767px){
    #press-kit .usecase-card-header{
        flex-direction: row;
        align-items: center;
        column-gap: 12px;
        justify-content: center;

        
    }
    .section--primary+.section--enumed.section--success{
        margin-top: 0 !important;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section--team .row{
        row-gap: 16px;
    }
    .staff-card{
        padding: 20px 10px;
        margin: 0 -4px;
        max-width: initial !important;
    }

    .staff-carousel-itself{
        flex-direction: column;
    }
}



.section--alt .thumb--article{
    background: none;
    box-shadow: none;
}
.section--alt .thumb--article .thumb-head{
    padding: 0;
}
.section--alt .thumb--article .thumb-head h3{
    font-family: var(--headline);
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: 0.2px;
}
.section--alt .thumb--article .thumb-head h3 a{
    color: #000;
    text-decoration: none;
}
.section--alt .thumb--article .thumb-icon-placeholder{
    margin-bottom: 20px;
}
.section--alt .thumb--article .thumb-icon-placeholder:not(.thumb-icon-placeholder--layered):not(.thumb-icon-placeholder--brand) img{
    border-radius: 20px;

}

.section--subscription{
    overflow: hidden;
}
.bg--darker+.section--subscription{
    background: none;
    margin-top: 0;
}
.section--subscription form{
    position: relative;
    max-width: 780px;
    margin: auto;
}
.section--subscription form:after{
    width: 137.08px;
    height: 157px;
    background: url(../images/index-updated/subscribe-circles.svg);
    right: 100%;
    margin-right: 50px;
    margin-right: 62px;
    top: -127px;
}
.section--subscription form:before{
    top: -158px;
    width: 138px;
    height: 120px;
    left: 100%;
    margin-left: 114px;
    background: url(../images/index-updated/subscribe-icon.svg);
}
.section--subscription form:after,
.section--subscription form:before{
    content: '';
    position: absolute;

}
.section--subscription .w{
    max-width: 1010px;
    position: relative;
}
.section--subscription .form-oneliner{
    column-gap: 8px;
}
.form-oneliner .btn,
.subscription-form input,
.subscription-form button{
    border-radius: 8px;
}
.subscription-form input{
    padding-left: 24px;
    background-image: none;
}
.form-comment{
    color: #333;
}

.partners-list{
    row-gap: 60px;
    margin-top: 113px;
}
.partners-list img{
    max-height: 120px;padding: 10px;
}


.thumb--article .thumb-icon-placeholder{
    height: 210px;
}
.form-oneliner input{
    height: 48px;
}


html.darkmode .galaxy svg g:first-of-type circle,
html.darkmode .galaxy svg circle:first-child{
    fill: var(--bgtext);
}
html.darkmode .galaxy svg circle:first-child+circle{
    fill: var(--bg);
}
html.darkmode .galaxy svg>g[opacity="0.5"]{
    filter:none;
}
html.darkmode .galaxy svg>g>circle,
html.darkmode .galaxy svg path~g circle{
    stroke: var(--bgtext);
    fill:none !important;
    filter: none;
}
html.darkmode .partners-list{
    background: white;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 30px;
    margin-bottom: -30px;
}
html.darkmode .partners-list [class*=col] .thumb.thumb{
    /* background: white; */
    /* border-radius: 12px; */
}
html.darkmode .partners-list .thumb-icon-placeholder img {
    max-height: 90px;
    object-fit: contain;
}
.galaxy .spheres-bg~img,
.galaxy svg+svg,
.galaxy svg~img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.galaxy-text{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    text-align: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    font-weight: 900;
    font-size: 1.7em;
    color: var(--blue);
}

@media (prefers-color-scheme: dark) {
    
    html:not(.lightmode) .galaxy svg g:first-of-type circle,
    html:not(.lightmode) .galaxy svg circle:first-child{
        fill: var(--bgtext);
    }
    html:not(.lightmode) .galaxy svg circle:first-child+circle{
        fill: var(--bg);
    }
    html:not(.lightmode) .galaxy svg>g[opacity="0.5"]{
        filter:none;
    }
    html:not(.lightmode) .galaxy svg>g>circle{
        stroke: var(--bgtext);
        fill:none !important;
        filter: none;
    }
    html:not(.lightmode) .partners-list [class*=col] .thumb.thumb{
        background: white;
        border-radius: 12px;
        padding: 10px;
        height: 120px;
    }
    html:not(.lightmode) .partners-list .thumb-icon-placeholder img {
        max-height: 90px;
        object-fit: contain;
    }

.section--alt.bg--darker:last-of-type~.footer{
    margin-top: 0;
}}


.section--approach+.bg--darker{
    padding-bottom: 80px;
}
.section--approach+.bg--darker+.section--alt .section-header{
    margin-bottom: 3em;
}
@media (max-width:767px){
    .section--approach+.bg--darker+.section--alt .section-header{
    margin-bottom: 2em;
}
}

.section--subscription.section--alt:last-of-type~.footer{
    margin-top: 0;
}

.section--subscription:not(.section--alt){
    margin: 0;
    padding-top: 120px;
    padding-bottom: 120px;
}
.section--subscription:not(.section--alt) .section-header {
    text-align: center;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
}
.section--subscription:not(.section--alt)  .section-header h2 {
    margin-bottom: 0.5em;
}
.section--subscription:not(.section--alt)  .section-header h2 {
    font-size: 36px;
    margin: 0;
    font-weight: 700;
}


.section--polkadot .w .row{
    margin-left: 0;
    margin-right: 0;
}

.section--polkadot .w>.section-content>.container-fluid>.row>div{
    padding-left: 0;
    padding-right: 0;
}
.section--polkadot .embossed-content .row > div .thumb{
    margin-bottom: 0;
}
.section--polkadot .embossed-content{
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: var(--white);
}
.section--polkadot .row > div .thumb{
    max-width: 100%;
    box-shadow: none;
}
.section--polkadot .row > div .thumb .thumb-icon-placeholder{
    flex-shrink: 0; 
}

@media (max-width:767px){
    .partners-list{
        margin-top: 40px;
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 0;
        padding-right: 0;
        row-gap: 20px;
        border-radius: 0 !important;
    }
    .section--polkadot .w .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .section--polkadot .col-xl-3{
        order:-1;
    }
    .staff-carousel .slick-next, .staff-carousel .slick-prev{
        width: 30px;
    }
}


.header-navi-second{
    padding-top: 40px;
    font-family: var(--font);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    background: #E9E9F1;
    box-shadow: 
        0px 100px 80px rgba(104, 104, 104, 0.0196802), 
        0px 41.7776px 33.4221px rgba(104, 104, 104, 0.0282725), 
        0px 22.3363px 17.869px rgba(104, 104, 104, 0.035), 
        0px 12.5216px 10.0172px rgba(104, 104, 104, 0.0417275), 
        0px 6.6501px 5.32008px rgba(104, 104, 104, 0.0503198), 
        0px 2.76726px 2.21381px rgba(104, 104, 104, 0.07);
}
.header-navi-second a{
    text-decoration: none;
}
.header-navi-second ul a{
    color:var(--alttext);
    text-decoration: none;
}
.header-navi-second .w{

}
.header-navi-tab__wrap{
    display: flex;
    column-gap: 24px;
    padding-left: 180px;
    width: 100%;
}
.header-navi-tab{
    display: none;
    width: 100%;
    min-height: 295px;
}
.header-navi-second ul{
    display: block;
}
.header-navi-second ul li{
    margin-bottom: 12px;
}
.header-navi-second ul.social-navi li{
    margin-bottom: 0;
}

.header-navi-second ul li a{
    display: inline-flex;
    align-items: center;
}
.header-navi-second ul.subnavi--alt li:not(:last-child){
    margin-bottom: 16px;
}
.header-navi-second ul.subnavi--alt li a{
    display: block;
    font-family: var(--font);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
}
.header-navi-second ul.subnavi--alt li a small{
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    display: block;
    margin-top: 4px;
}



.header-navi-second ul li a img{
    flex-shrink: 0;
    margin-right: 8px;
}
.header-navi-second ul li:last-child{
    margin-bottom: 0;
}
.header-navi-second .col{
    padding: 0;
}
.header-navi-second .col--links{
    max-width: 296px;
    width: 100%;
}
.header-navi-second .col--links~.col{
    flex-grow: initial;
    min-width: 276px;
}
.header-navi-second .col--links+.col:last-child{
    max-width: 576px;
    flex-grow: 1;
}
.header-navi-second .col--links+.col:last-child .h{
    white-space: nowrap;
}

.navi-thumbs{
    display: flex;
    column-gap: 24px;
}

.header-navi-second .h{
    font-family: var(--font);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #D7DBDF;
    color:var(--alttext);;
    width: 100%;
}
.header-navi-second .col--highlights{
    flex-grow: initial;
}
.header-navi-second [data-navi="newsroom"] .col--highlights .navi-thumb img{
    max-height: 170px;
    display: block;
    width: 100%;
    object-fit: contain;
}
.header-navi-second [data-hover-show] .h{
    max-width: 276px;
    width: 100%;
}
[data-hover-show="news"]+[data-hover-show="news"]{
    padding-top: 53px;
}
@media (max-width:991px){
    [data-hover-show="news"]+[data-hover-show="news"]{
        padding-top: 0;
    }
}

.navi-thumb{
    min-width: 276px;
    display: inline-block;
}
.navi-thumb[class="navi-thumb"] .navi-thumb__title{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #000;
    display: block;
}
.navi-thumb--layered{
    height: 144px;
    position: relative;
    border-radius: 16px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    max-width: 276px;
}

.navi-thumb--layered>img:first-child{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 16px;
}
.navi-thumb--layered>img+.navi-thumb__title{
    font-size: 16px;
    z-index: 5;
}

.navi-thumb--layered .navi-thumb__title{
    font-family: var(--headline);
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
padding-left: 24px;
padding-right: 24px;
}

.header-navi-second .navi-thumb__title{}
a.external{
    display: inline-block;
    position: relative;
}
.external:after{
    content: ''; 
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12L12 4' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 4H12V10.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");;   
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 100%;
    top:-2px;
    margin-left: 6px;
}
.navi-thumb--v{
    display: flex;
    flex-direction: column;
    background: #F0F0F3;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    color:#040B1D;
    padding-top: 22px;
    height: auto !important;
    align-items: center;
}
.navi-thumb--v .navi-thumb__title{
    margin-bottom: 22px;
    display: inline-flex;
    align-items: center;
    color:inherit;
    font-weight: 900;
}
.navi-thumb--v .navi-thumb__title img{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 8px;
}
.navi-thumb--v-dark{
    background: #333333;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
    color: #fff;
}
.navi-thumb--v:hover{
    color:#040B1D;
}
.navi-thumb--v-dark:hover{
    color:#fff;
}
.header-navi-second .col.col--news{
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
}

.header-navi-second .footer{
    margin-top: 40px;
    background: #F0F0F3;
    padding-top: 8px;
    padding-bottom: 8px;
}

.header-navi-second  .thumb--slim{
    display: none;
    color:var(--alttext);;
    padding-left: 0;
}


.header-navi-second .footer .cpr{
    font-weight: 500;
font-size: 14px;
line-height: 22px;
}
.header-navi-second .footer .social-navi{
    display: flex;
    margin-left: 180px;
}
.header-navi-second .footer .w{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-navi-second .footer .socials{
    display: flex;
}
.header-navi-second .footer .socials a{
    color: var(--blue);
}
.social-navi a[href*="youtube"] path:nth-child(2),
.social-navi a[href*="linkedin"] path:nth-child(2){
  fill:#F0F0F3;
}




.video-placeholder{
    margin-bottom: 30px;
}
.video-placeholder iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 16px;
}
.video-placeholder-itself{
    position: relative;
    padding-top: 56.666%;
}


.video-block{
    display: flex;
    column-gap: 32px;
    margin-bottom: 30px;
}
.video-placeholder{
    flex-grow: 1;
}
.video-list{
    max-width: 340px;
    font-size: 14px;    
}
.video-list ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.video-list ul li:not(:last-child){
    margin-bottom: 5px;
}
.video-list ul li a{
    display: block;
    padding: 5px 12px;
    border-radius: 10px;
}

.video-list ul li .current{
    text-decoration: none;
    background: var(--blue);
    color: #fff;
}

@media (max-width: 991px){
    .video-block{
        flex-direction: column;
    }
    .video-list{
        max-width: calc(100% + 64px);
        margin-left: -32px;
        margin-right: -32px;
        margin-bottom: 32px;
    }
    .video-list ul{
        display: flex;
        column-gap: 24px;
        scroll-snap-type: x mandatory !important;
        overflow: auto hidden !important;
        scroll-padding-left: 32px;
        -ms-overflow-style: none;  
        scrollbar-width: none; 
        padding-left: 32px;
        padding-right: 32px;
    }
    .video-list li{
        width: 240px;
        flex-shrink: 0;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;

    }
}


.header-navi-second{
    display: none;
}

.btn--proceed svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    position: relative;
    top: 2px;
}
.btn.btn--proceed .icon-short-arrow{
    margin-left: 0;
}
.btn--big.btn--wide{
    padding-left: 1em;
    padding-right: 1em;
}

.pdf-thumbnail{
    margin: 0;
}
.pdf-thumbnail img{
    max-width: 100%;
    border-radius: 12px;

}

.header-nav a{
    color: #000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    text-transform: capitalize;
    transition: all 0.25s;
}
.header-nav li:not(:first-child){
    margin-left: 8px;
}
.header-nav a[data-navi-link]{
    padding-right: 32px;
}
.header-nav a.root-item-selected:only-child,
.header-nav>ul>li>a:only-child:hover,
html:not(.is-navi-secondary-called) .header-nav a[data-navi-link].root-item-selected,
html.is-navi-secondary-called .header-nav a[data-navi-link].root-item-selected.on,
.header-nav a[data-navi-link].on{
    color: #fff;
    background: var(--blue);
}
.header-nav a[data-navi-link]:after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L8 10.2929L12.6464 5.64645C12.8417 5.45118 13.1583 5.45118 13.3536 5.64645C13.5488 5.84171 13.5488 6.15829 13.3536 6.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645Z' fill='%23040B1D'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.header-nav>ul>li>a{
    white-space: nowrap;
}
html:not(.is-navi-secondary-called) .header-nav a[data-navi-link].root-item-selected:after,
html.is-navi-secondary-called .header-nav a[data-navi-link].root-item-selected.on:after,
.header-nav a[data-navi-link].on:after{
    filter: invert(1);
}

.header-nav a .navi-icon{
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    right: 1px;
}


.is-navi-secondary-called .header-nav{
    opacity: 1;
    margin-top: 0;
    transition: all 0.2s;
    z-index: 1;
    transition: opacity 0.6s, margin 0.3s 0.3s;
}
.header-mobile-suspend .icon-arrow-back{
    display: none;
}
.header-nav a .navi-icon{
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    right: 1px;
}
.header-nav a .navi-icon-active{
    display: none;
}
.header-nav a.root-item-selected:only-child .navi-icon-active,
.header-nav>ul>li>a:only-child:hover .navi-icon-active{
    display: inline-block;
}
.header-nav a.root-item-selected:only-child .navi-icon-active+.navi-icon,
.header-nav>ul>li>a:only-child:hover .navi-icon-active+.navi-icon{
    display: none;
}

@media (max-width: 1024px){
    .header-nav a .navi-icon{
        display: none !important;
    }
    .header-nav a[data-navi-link] {
        padding-right: 8px;
    }
    html .header-nav a[data-navi-link]:after{
        display: none;
    }
    .header-nav{
        flex-grow: 0;
        margin-left: auto;
    }
    .header .w>.header-social{
        display: none;
    }
}


.section--press .row{
    row-gap: 12px;
}

.col--highlights .thumb--news .thumb-head{
    color: #fff;
}

.col--highlights .thumb--news .thumb-head .date{
    display: block;
}

.col--news .previews{
    display: flex;
    column-gap: 24px;
}
@media (min-width: 1024px){
    .col--highlights~.col--news .previews{
        height: 100%;
    }
}

.col--news .previews li{
    flex: 1;
    height: auto;
}

@media (max-width:767px){

    [data-navi="newsroom"] .col.col--links~.col.col--news{
    margin-right: -32px;
    margin-left: -32px;
    max-width: initial;
    width: auto;
    }

    .col--news .previews{
        row-gap: 24px;
        scroll-snap-type: x mandatory !important;
        overflow: auto hidden !important;
        scroll-padding-left: 32px;
        -ms-overflow-style: none;  
        scrollbar-width: none;  
        padding-left: 32px;
        padding-right: 32px;
    }

    .col--news .previews li{
        width: 280px;
        min-width: 280px;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;

    }


    .bg--darker .usecase-card{
        padding: 0;
        background: none;
    }

    .header-mobile-suspend{
        top: 15px;
    }
    .header-navi-second .col--links {
        max-width: 100%;
    }
    .header-navi-tab__wrap{
        flex-direction: column;
        row-gap: 36px;
    }
    .header-navi-second .col--links {
        max-width: 100%;
    }
    .header-navi-second{
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 80px);
        transform: translateX(100%);
        transition: all 0.3s;
        display: block;
        top: 72px;
        padding-top: 20px;
        background: none;
        background: var(--bg);
    }
    .is-navi-secondary-called .header-navi-second{
        transform: translateX(0);
    }
    .is-navi-secondary-called .header-mobile-suspend .icon-arrow-back{
        display: block;
    }
    .is-navi-secondary-called .header-mobile-suspend .icon-cross{
        display: none;
    }
    
    .header-navi-second .footer{
        display: none;
    }
    .header-navi-tab__wrap{
        padding-left: 0;
    }
    .navi-thumb--layered{
        background-size: cover;
    }
    .navi-thumbs{
        scroll-snap-type: x mandatory !important;
        overflow: auto hidden !important;
        scroll-padding-left: 32px;
        -ms-overflow-style: none;  
        scrollbar-width: none;  
        margin-left: -32px;
        margin-right: -32px;
        padding: 0 32px;
    }
    .navi-thumbs>div {
        width: 290px;
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 290px;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
    }
    .col--highlights>.navi-thumb{
        display: flex;
        align-items: center;
        column-gap: 24px;
    }
    .col--highlights>.navi-thumb img{
        max-width: 200px;
        flex-shrink: 0;
    }
    .header-nav a[data-navi-link]:after{
        display: none;
    }
    .header-nav a.root-item:last-child,
    .header-nav a[data-navi-link]{
        padding-left: 0;
        padding-right: 0;
        text-transform: uppercase;
    }
    .header-nav a.root-item:last-child img.navi-icon{
        display: inline-block !important;
        top: 4px;        
    }
    .header-nav a{
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 1px;
    }
    html:not(.is-navi-secondary-called) .header-nav a[data-navi-link].root-item-selected,
    html.is-navi-secondary-called .header-nav a[data-navi-link].root-item-selected.on,
    .header-nav a[data-navi-link].on{
        color: black;
        background: none;
    }
    .header-tools{
        top: 5px;
    }
    .header-nav ul li {
        margin-bottom: 18px;
    }
    [data-navi="newsroom"] .col.col--links~.col.col--news{
        /* display: none !important; */
    }
    .header-navi-second [data-navi="newsroom"] .col--highlights .navi-thumb img{
        width: 30%;
    }
    
}
.section--subscription .section-header h2{
    font-weight: 800;
}
.footer-navi-section{
    font-weight: 600;
}
.footer-navi-section a{
    text-decoration: none;
}
.btn--iconed,
.footer-stake-banner {
    background: #35c7ff;
    background: linear-gradient(to bottom, #35c7ff 0%,#459dff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c7ff', endColorstr='#459dff',GradientType=0 );
    display: inline-flex;
    color: white;
    padding: 11px;
    /* width: 100%; */
    font-weight: normal;
    border-radius: 10px;
    align-items: center;
    column-gap: 4px;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 30px;
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 10px;
}
.btn--iconed .icon-apply{
    width: 40px;
    height: 40px;
    left: -3px;
    top: 55%;
    transform: translateY(-50%);
}
.btn--iconed .icon-telegramm{
    width: 40px;
    height: 40px;
    left: -6px;
    top: 61%;
    transform: translateY(-50%);
}
.btn--iconed .icon-workshop{
    width: 40px;
    height: 38px;
    left: -7px;
    top: 65%;
    transform: translateY(-50%);
}
.btn--iconed:hover,
.footer-stake-banner:hover{
    background: var(--blue-darker);
    background: linear-gradient(to bottom, #35c7ff 0%,var(--blue-darker) 100%);
    color: #fff;
}
.btn--iconed svg,
.btn--iconed img,
.footer-stake-banner img{
    width: 64px;
    height: 64px;
    position: absolute;
    left: -22px;
    bottom: -22px;
}
.btn--iconed svg

.btn--iconed svg{
    fill: white;
}
aside.cta {
    margin:3em 0 0 0;
}

@media (max-width:991px){
    .section--alt{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width:768px){
    .section--alt{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-navi a[href*="/networks/"]{
        display: flex;
    }
    .footer-navi a[href*="sapphire"] .iph{
        top: 1px;
    }
}

.token-banner-polkadot.article-header .before,
.token-banner-polkadot.article-header{
background-image:url(/local/templates/unique/static/images/content/blog/article-polkadot-bg.jpg);
}
.lightmode .token-banner-polkadot.article-header .before,
.lightmode .token-banner-polkadot.article-header{
background-image: url(/local/templates/unique/static/images/content/blog/article-polkadot-bg.jpg);
}
.darkmode .token-banner-polkadot.article-header .before,
.darkmode .token-banner-polkadot.article-header{
background-image: url(/local/templates/unique/static/images/content/blog/article-polkadot-bg-darkmode.jpg);
}
@media (prefers-color-scheme: dark) {
html:not(.lightmode) .token-banner-polkadot.article-header .before,
html:not(.lightmode) .token-banner-polkadot.article-header{
   background-image: url(/local/templates/unique/static/images/content/blog/article-polkadot-bg-darkmode.jpg);
}
}
@media (prefers-color-scheme: light) {
html:not(.darkmode) .token-banner-polkadot.article-header .before,
html:not(.darkmode) .token-banner-polkadot.article-header{
   background-image: url(/local/templates/unique/static/images/content/blog/article-polkadot-bg.jpg);
}
}   


.banner--system.article-header--complex{
    border-radius: 16px 0 0 16px;
 }
 [data-section]>.article-thumb h2 small{
    display: block;
    font-weight: normal;
    font-size: 75%;
 }
 [data-section]>.article-thumb h2{
    margin-top: 0;
 }
 [data-section]>.article-thumb{
    display: flex;
 }
 @media (min-width: 991px){
    .banner--system.article-header--complex h1{
       font-size: 32px;
    }
 }
 .banner--system.article-header--complex h1 small{
    font-size: 65%;
    display: block;
 }
 .banner--system.article-header--complex{
  background: #b1edff;
  flex-direction: column-reverse;
  width: 15%;
  flex-shrink: 0;
  justify-content: space-between;
}
.banner--system.article-header--complex .article-header-content{
 max-width:100%;
}

.banner--system.article-header--complex~.article-content .article-thumb-body{
 max-width: 90%;
 font-size: 17px;
}

.banner--system.article-header--complex .article-hero{
width: 100%;
padding: 25px;
position: relative;
margin-bottom: 40px;
}

@media (max-width: 992px){
.banner--system.article-header--complex .article-hero{
 height: auto;
 margin: 0;
}
}


.banner--system.article-header--complex .article-hero img{
max-height:190px;
}
.banner--system.article-header--complex .article-header-content{
padding-left: 30px;
padding-right: 30px;
}
.banner--system.article-header--complex .article-header-content.article-header-content{
max-width: 600px;
margin-right: auto;
align-self: flex-end;
/* left: calc(50% - 0.5rem); */
line-height: 1;
padding-top: 0.5rem;
position: relative;
transform: rotate(180deg);
white-space: nowrap;
writing-mode: vertical-rl;
}
.banner--system.article-header--complex+.article-content p:first-child{
margin-top: 0;
}
.banner--system.article-header--complex+.article-content{
padding-top: 28px;
padding-bottom: 28px;
}
.darkmode .banner--system.article-header--complex{
background: #020036;
}
@media (prefers-color-scheme: dark) {
html:not(.lightmode) .banner--system.article-header--complex{
background: #020036;
}
}
.banner--system.article-header--complex .article-header-content.article-header-content h1{
font-size: 75px;
padding-top: 0.2em;
color: white;
text-shadow: 2px 2px 7px rgb(0 0 0 / 10%);
font-weight: bold; 
text-transform: uppercase;     
}

@media (max-width: 576px){
[data-section]>.article-thumb{
 display: block
}
.banner--system.article-header--complex{
 width: 100%;
 flex-direction: row;
}
.banner--system.article-header--complex .article-header-content.article-header-content{
 transform: none;
     writing-mode: initial;
     padding-left: 0
}
.banner--system.article-header--complex .article-hero img {
max-height: 70px;
}
.banner--system.article-header--complex .article-hero{
padding: 15px;
width: auto
}
.banner--system.article-header--complex .article-header-content.article-header-content h1{
color: #fff !important;
text-shadow: none;
font-size:42px;
align-self: initial;
padding-left: 32px
}

.banner--system.article-header--complex{
border-radius: 0
}
}


html.slim-page section .w{
    max-width: 690px;
}
.section--primary.section--primary--slim{
    min-height: 0;
    padding-top: 170px;
    padding-bottom: 90px;
    text-align: center;
    margin-bottom: 0;
}
.section--primary.section--primary--slim .w{
    max-width: 650px;
}
.section--primary.section--primary--slim+.section{
    padding-top: 0;
}
.section--primary.section--primary--slim .section--primary-elements {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    top: 0;
}
.ct-box{
    padding: 24px;
    border-radius: 16px;
    font-size: 18px;
    margin-bottom: 24px;
}
.ct-box--bg{
    background: var(--bg-alt);
}
.ct-box .section-header{
    margin-bottom: 24px;
}
.ct-box .section-header h2{
    margin: 0;
}
.ct-box .custom-checkbox{
    font-size: 16px;
}
.ct-box--bg .custom-checkbox input + span:before{
    box-shadow: inset 0 0 0 1px #D2D3D6;
}
.ct-box--bg .custom-checkbox input:checked + span:before{
    background-color: var(--blue);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5951 13.6081C5.39409 13.6081 5.19308 13.5311 5.03995 13.378L0.230343 8.56826C-0.0767811 8.26128 -0.0767811 7.76493 0.230343 7.45795C0.537324 7.15097 1.03353 7.15097 1.34065 7.45795L5.5951 11.7124L14.6594 2.6482C14.9664 2.34122 15.4626 2.34122 15.7697 2.6482C16.0767 2.95533 16.0767 3.45153 15.7697 3.75865L6.1504 13.378C5.99726 13.5311 5.79611 13.6081 5.5951 13.6081Z' fill='white'/%3E%3C/svg%3E%0A");
}
html.slim-page .subsection:first-child{
    margin-top: 0;
}
.ct-box .tabs-header{
    justify-content: center;
}
.operation-stats{}
.slider-complex>div:not([class]),
.operation-stats>div{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.operation-stats dt,
.operation-stats dd{
    margin: 0;
    padding: 0;
}
.operation-stats dd.hl{
    color: var(--blue);
}
.operation-stats>.slider-complex>div:not([class]){
    font-weight: 500;
}
.operation-stats>.slider-complex>div:not([class]):last-child{
    margin-bottom: 0;
}
.operation-stats>.slider-complex{
    display: block;
    padding: 8px 12px;
    background: #F5FCFF;
    border-radius: 8px;
}
.tab.tab--fdc{
    flex-direction: column;
}
.pills-navi>input[type="radio"]{
    display: none;
}
.pills-navi--slim{
    column-gap: 8px;
}
.tabs-header.pills-navi--slim .btn{
    min-width: 160px;
}

.btn-pill--slim svg{
    width: 25px;
    height: 25px;
}
label.btn-pill--slim{
    color: #000;
    border-color: #D2D3D6;
}
.btn-pill--slim.tip-container{
    display: flex;
    filter: grayscale(1);
}

input:checked+label.btn-pill--slim{
    border: 1px solid var(--blue);
    background: #F5FCFF;
}
.btn-pill--slim{
    font-size: 18px;
    background: none;
    border: 1px solid currentColor;
    height: 48px;
    font-weight: 400;
    border-radius: 8px;
    padding: 0 24px;
}
.tabs-header .btn-pill--slim{
    color:#9CAAB7;
    font-weight: 600;
    border-width: 2px;
    height: 58px;
    border-radius: 12px;
    padding: 0 35px;
}
.tabs-header .btn-pill--slim.is-active{
    color: var(--blue);
    background-color: transparent;
}

select.input-text{
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}
[type="date"],
[type="text"],
[type="password"],
[type="url"],
[type="email"],
[type="tel"],
[type="search"],
[type="number"],
[type="month"],
[type="week" ],
[type="datetime"],
[type="datetime-local"],
.input-text{
    display: block;
    padding: 8px 16px;
    height: 48px;
    border: 1px solid #D2D3D6;
    border-radius: 8px;
    width: 100%;
}
.form-row>.label{
    margin-bottom: 12px;
}
.form-row .form-comment{
    margin-top: 8px;
    font-size: 16px;
    display: block;
}
.form-row .form-comment:not(b){
    color: #81858E;
}
.form-row b.form-comment{
    margin-top: 16px;
    font-weight: normal;
}
.form-row b.form-comment span{
    
}
[data-tab="stake"] .available-balance,
[data-tab="stake"] .stakes-left,
.js-unstake-container .staked-balance{
    font-weight: bold;
}
.js-unstake-container .balance-placeholder{
    display: none;
}

.operation-stats:not(:first-child){
    margin-top: 32px;
}
.js-unstake-container .operation-stats {
    margin-top: 52px;
}
.tip-container{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: 2px;
}
.tip-container svg{
    width: 24px;
    height: 24px;
    fill: var(--blue);
    cursor: pointer;
}
.tip-container .tip-content{
    position: absolute;
    display: none;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 8px 16px;
    background: #040B1D;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    bottom: 100%;
    margin-bottom: 10px;
    z-index: 11;
}
.tip-container .tip-content:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #040B1D transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.tip-container:hover .tip-content{
    display: block;
}
html.slim-page .section--primary.section--primary--alt+.section--alt{
    padding-top: 0;
}


.slim-page .faq_title .section-header{
    margin-bottom: 30px;
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
}
.slim-page .faq_title .section-header h2{
    margin: 0;
    text-align: left;
}
.slim-page .faq_title .faq-complex{
    padding-left: 24px;
    padding-right: 24px;
}
.slim-page .faq_title .faq-element{
    border-color: var(--bg-alt);
}
.slim-page .faq_title .faq-body .row>*{
    width: 100%;
    font-size: 16px;
    max-width: 100%;
    flex: 1;
}

.progress-modal{
    max-width: 576px;
    text-align: center;
    padding: 40px 35px;
    box-shadow: 14px 10px 24px rgba(0,0,0,0.2)
}
.staking-amount-placeholder{
    position: relative;
    display: block;
}
.staking-amount-placeholder button{
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 12px;
    color: var(--blue);
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    appearance: none;
    right: 0;
    top: 0;
    background: none;
    border: 0;
    cursor: pointer;
}

.slider-placeholder.ui-slider{
    background: #C7EBFF;
    border-radius: 3px;
    border: 0;
    height: 6px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.slider-placeholder.ui-slider .ui-slider-range{
    background: var(--blue);
    border: 0;
    border-radius: 3px;
}
.slider-placeholder.ui-slider .ui-slider-handle{
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 4px solid #009CF0;
    border-radius: 16px;
    outline: none !important;
}

.ui-selectmenu-button.ui-button{
    width: 100%;
}
.wallet-selector .ui-menu-item-wrapper,
.ui-selectmenu-button.ui-button{
    width: 100%;
    background: var(--bg-alt);
    border-radius: 0;
    position: relative;
    font-size: 14px;
    font-family: inherit;
    color: #81858E;
    padding: 6px 36px 6px 15px;
    line-height: 24px;
}
.wallet-selector .ui-menu-item-wrapper .select-wallet-name,
.ui-selectmenu-button.ui-button .select-wallet-name{
    font-weight: 600;
    font-size: 18px;
    color: #000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button .ui-selectmenu-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L8 10.2929L12.6464 5.64645C12.8417 5.45118 13.1583 5.45118 13.3536 5.64645C13.5488 5.84171 13.5488 6.15829 13.3536 6.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645Z' fill='%23040B1D'/%3E%3C/svg%3E%0A");
    background-position: 0;
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 0;
    bottom: 0;
    margin:auto;
    right: 16px;
    position: absolute;
}

.wallet-selector .ui-menu-item-wrapper.ui-state-active{
    border: 0;
    background: #F5FCFF;
}
.icon--preloader{
    margin-bottom: 12px;
}
.icon--preloader svg{
    width: 48px;
    height: 47px;
}
.icon--preloader svg,
.icon--preloader img{
    animation: rotation 1s infinite linear;
}
[data-modal="staking-success"] .icon-placeholder svg,
[data-modal="staking-status"] .icon-placeholder svg{
    width: 96px;
    height: 96px;
}


@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.header-languages{
    display: none !important;
}
.toggle-modes-switcher .pseudoselect-current{
    display: none !important;
}
.toggle-modes-switcher .pseudoselect-dropdown li{
    margin: 0;
}
.toggle-modes-switcher .pseudoselect-dropdown{
    position: static;
    display: flex !important;
    padding: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    column-gap: 13px;
}
.extention-note a{
    color: #fff;
}
.extention-note{
    background: #eb5757;
    margin-top: 25px;
    border-radius: 8px;
    color: #fff;
    position: relative;
    font-size: 14px;
    padding: 8px 12px;
    display: block;
    align-items: center;
    column-gap: 10px;
}
.extention-note svg{
    fill:#fff;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -2px;
}
.unique-scan-link{
    display: block;
    width: 140px;
    height: 42px;
    background: url(../images/logos/uniquescan.svg);
    margin: 0 auto;
    border: 1px solid var(--blue);
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 120px auto;
    background-position: center;
}

.pt-logos{
    display: flex;
    column-gap: 45px;
    margin-bottom: 60px;
}
.slide--dundas{}
.slide--dundas .section-header h1{
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 0;
}

@media (max-width: 1024px){
    .slide--dundas h1{
        font-size: 50px;
    }
    .pt-logos{
        margin-bottom: 10px;
    }
}

.slide--dundas h1 strong{
    display: block;
    font-size: 118%;

}
.slide--dundas h2{
    text-align: left;
    text-transform: none;
    font-size: 36px;
    font-weight: normal;
    margin: 0;
    line-height: 1.4;
}
.slide--dundas .section-header{
    max-width: 100%;
}
.slide--dundas .section-content{
    max-width: 34em;
}
.wallet-selector ul{
    max-height: 310px;
    overflow-y: auto;
}

@media (max-width: 767px){
    html.slim-page .section--primary.section--primary--alt+.section--enumed .w,
    html.slim-page .section--primary.section--primary--alt+.section--alt .w{
        padding-left: 0;
        padding-right: 0;
    }
    html.slim-page .section--primary.section--primary--alt+.section--alt .ct-box{
        border-radius: 0;
    }
    .section--primary.section--primary--staking{
        padding-top: 90px;
        padding-bottom: 10px;
    }
    .section--primary.section--primary--staking .section-header.section-header--alt h1{
        font-size: 30px;
        text-transform: uppercase;
    }
}

/* DED slides */

.section--primary--alt.slide--ded h1 {font:900 60px/110% Raleway; text-transform: uppercase;}
.slide--ded h2 {font:700 32px/110% Raleway; color:var(--darkgray)}
.slide--ded p {font:400 20px/120% Inter; color:var(--alt-text)}

.btn--magenta {background-color:#F90078; color:var(--white)}
.btn--magenta:hover {color:var(--white); filter: brightness(.8)saturate(1.2) ;}

.btn--nftmag-green {background-color:#75FBA0; color:#040B1D}
.btn--nftmag-green:hover {filter: brightness(.8)saturate(1.2) ;}

.section--primary.slide--ded .section-header {max-width: unset;}
.section--primary.slide--ded .section-content {max-width: 32em;}

@media (max-width:767px) {
    .section--primary--alt.slide--ded h1 {font-size:36px;}
}


.slide--marketplace .section-header{
    margin-bottom: 40px;
}
.slide--marketplace .section-header h1{
    font-size: 54px;
    line-height: 1.1;
    letter-spacing: 0;
}
.slide--marketplace .section-header h1 strong{
    display: block;
    font-size: 68px;
}
.slide--marketplace .section-header h2{
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.25em;
    letter-spacing: 0;
}
.slide--marketplace .section-header p{
    font-size: 20px;
    line-height: 1.2;
}

.banner-marketplace__pictures{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    max-width: 400px;
}
.banner-marketplace__pictures>div{
    width: 33.3334%;
    padding: 3%;
    flex-shrink: 0;
    flex-grow: 1;

}
.banner-marketplace__pictures>div .pic:hover{
    filter: hue-rotate(273deg);
}
.banner-marketplace__pictures>div .pic{
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    perspective: 500px;
    transform: scale(1.3);
    opacity: 0;
    animation: picap 0.5s 0.5s 1 linear forwards;
}
.banner-marketplace__pictures>div .pic-prsw{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* animation: picapw 4.5s infinite linear; */
    padding-top: 70%;
    position: relative;
    display: block;
    transition: all 0.3s;
}
.banner-marketplace__pictures:hover>div .pic-prsw{ 
    animation-play-state: paused;
}
.banner-marketplace__pictures:hover>div:hover .pic-prsw{
    transform: scale(1.15);
    z-index: 20;
} 


@keyframes picapw {
    0 {
        transform: translateY(0%);
    }
    75%{
        transform: translateY(0%);
    }
    80%{
        transform: translateY(-20%);
    }
    85%{
        transform: translateY(0%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes picap {
    from {
        transform: scale(1.3);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



.banner-marketplace__pictures>div .pic-prs{
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



.banner-marketplace__pictures>div .pic object,
.banner-marketplace__pictures>div .pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.banner-marketplace__pictures .dot{
    width: 7%;
    padding-top: 7%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;
    border-radius: 100%;
    background: #fff;
    display: block;
    box-shadow: 0px 0.8379324078559875px 27.64285659790039px 3.0714285373687744px rgba(120, 221, 255, 1);
    opacity: 0;
    transition: all 0.25s;
    animation: appear 0.5s 0.5s 1 linear forwards;
    visibility: hidden;
}

.banner-marketplace__pictures>div .pic-prs:after{
    z-index: 10;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner-marketplace__pictures .bmp-img-03~div .dot{
    margin-top: 16%;
}
.banner-marketplace__pictures  .bmp-img-03~div .pic-prs::before{
    top: 2%;
}

.bmp-img-01 img,
.bmp-img-01 object{
    transform: scale(1.345) translateX(0.25%) translateY(2%);
}
.bmp-img-02{}
.bmp-img-02 img,
.bmp-img-02 object{
    transform: scale(1.25);
}
.bmp-img-03{}
.bmp-img-03 img,
.bmp-img-03 object{
    transform: scale(1.34) translateY(-15%);
}
.bmp-img-01 .pic{animation-delay: 0.4s !important}
.bmp-img-02 .pic{animation-delay: 0.5s !important}
.bmp-img-03 .pic{animation-delay: 0.6s !important}
.bmp-img-04 .pic{animation-delay: .7s !important}
.bmp-img-05 .pic{animation-delay: .8s !important}
.bmp-img-06 .pic{animation-delay: .9s !important}

.bmp-img-01 .dot{animation-delay: 0.4s !important}
.bmp-img-02 .dot{animation-delay: 0.5s !important}
.bmp-img-03 .dot{animation-delay: 0.6s !important}
.bmp-img-04 .dot{animation-delay: .7s !important}
.bmp-img-05 .dot{animation-delay: .8s !important}
.bmp-img-06 .dot{animation-delay: .9s !important}

.bmp-img-01 .pic-prsw{animation-delay: 0.25s !important}
.bmp-img-02 .pic-prsw{animation-delay: 0.5s !important}
.bmp-img-03 .pic-prsw{animation-delay: 0.75s !important}
.bmp-img-04 .pic-prsw{animation-delay: 1.0s !important}
.bmp-img-05 .pic-prsw{animation-delay: 1.25s !important}
.bmp-img-06 .pic-prsw{animation-delay: 1.5s !important}

.banner-marketplace__pictures .bmp-img-01 .pic-prs::before{animation-delay: 0.25s !important}
.banner-marketplace__pictures .bmp-img-02 .pic-prs::before{animation-delay: 0.65s !important}
.banner-marketplace__pictures .bmp-img-03 .pic-prs::before{animation-delay: 1.05s !important}
.banner-marketplace__pictures .bmp-img-04 .pic-prs::before{animation-delay: 1.45s !important}
.banner-marketplace__pictures .bmp-img-05 .pic-prs::before{animation-delay: 1.85s !important}
.banner-marketplace__pictures .bmp-img-06 .pic-prs::before{animation-delay: 2.25s !important}

@media (max-width: 991px){
    .slide--marketplace{
        flex-direction: column-reverse;
        padding-top: 90px;
        padding-bottom: 10% !important;
    }
    .slide--marketplace .section--primary-elements.section-elements{
        position: static;
        transform: none;
        padding: 0;
    }
    .slide--marketplace .galaxy.element--dragon{
        position: static;
        padding: 0;
        width: 100%;
        transform: none;
        left: 0;
    }
    .banner-marketplace__pictures{
        position: relative;
        transform: none;
        left: 0;
        width: 100%;
        max-width: 400px;
        margin: auto;
        box-sizing: border-box;
    }
}

.banner-marketplace__pictures .pic-prs::before {
	position: absolute;
	top: -10%;
	left: -60%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 104%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
    opacity: 0;
}
.banner-marketplace__pictures .pic-prs:before {
	animation: shine 5.25s infinite forwards;
}
@keyframes shine {
    0{
        left: -60%;
        opacity: 0; 
        transform: skewX(-25deg);
    }
    49%{
        left: -60%;
        opacity: 0; 
    }
    52% {
        transform: skewX(-15deg);
        border-radius:0;
	}
    54% {
        opacity: 1;
        left: 50%;
        transform: skewX(0deg);
        border-radius:0 20px 20px 0;
	}
    55% {
        opacity: 0;
        left: 50%;
        transform: skewX(0deg);
	}
    
    56%{
        border-radius:0;
        opacity: 0;
        left: 125%;
        transform: skewX(-25deg);
    }
	100% {
		left: 125%;
        opacity: 0;
	}
}



.section--primary.section--primary--staking {
    padding-top: 0;
}

.ui-front.holder{
    position: relative;
    z-index: 4;
}
.ui-front.holder .ui-selectmenu-menu{
    left: 0 !important;
    top: 100% !important;
    width: 100% !important;
}
.ui-front.holder .ui-selectmenu-menu ul{
    width: 100% !important;
}
span.fc-label {
    display: inline-block;
    width: 180px;
    text-align: right;
    padding-right: 20px;
}


.form-row .form-comment.stakes-placeholder{
    background: #eee;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
}
.stakes-stats{
    display: inline-block;
}
.form-row .stakes-stats .form-comment{
    position: relative;
    padding-right: 32px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.form-row .stakes-stats .form-comment em{
    font-style: normal;
    min-width: 48.5px;
    display: inline-block;
}


.stakes-stats b span:nth-child(2){
    font-family: 'Roboto Mono', monospace;
}
.stakes-stats b .tip-container span:nth-child(2){
    font-family: var(--font);
}

.stakes-stats b .tip-container{
    top: 50%;
    position: absolute;
    margin-left: 5px;
    transform: translateY(-50%);
    right: 0;
    height: 24px;
}
.stakes-stats b .tip-container:hover {
    z-index: 40;
}
.js-staking-box .tab .pills-navi--slim{
    margin-bottom: 0;
}

.hackathon-articles{} 
.folded-articles.hackathon-articles .hgroup{
    max-width: 640px;
}
.folded-articles.hackathon-articles header{
    font-size: 16px;
}
.folded-articles.hackathon-articles article{
    padding: 30px 40px 20px;
}
.folded-articles.hackathon-articles .is-opened .hgroup h2, 
.folded-articles.hackathon-articles .is-opened header .icon-placeholder {
    filter: none;
}
.event-status{
    display: inline-block;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 12px;
    background: #000;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.event-dates {
    font-weight: bold;
    display: inline-block;
    padding: 0px 6px;
    font-size: 14px;
    line-height: 23px;
}
.event-status_ongoing,
.event-status-ongoing{
    background: #00bd5c;
}
.event-status_upcoming,
.event-status-upcoming{
    background: #ffe900;
    color: #202020;
}
.event-status_completed,
.event-status-complete{
    background: #9f9faa;
}
.event-size{
    border: 2px solid var(--blue);
    background: white;
    color:#000;
    display: inline-flex;
    padding: 0px 0px 0 6px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 6px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.event-size span{
    background: var(--blue);
    color: #fff;
    padding: 0 8px;    
    margin-left: 6px;
}
.folded-articles.hackathon-articles .contents .col-md-6:nth-child(even){
    padding-right: 40px;
}
.folded-articles.hackathon-articles header .icon-placeholder img{
    width: 100%;
}
.folded-articles.hackathon-articles article{
    margin-bottom: 30px;
}
.section--hackathon.section--hackathon{
    padding-top: 0;
}
.section--hackathon.section--hackathon .btn--iconed{
    margin-right: 1em;
}

@media (max-width: 767px){
    .folded-articles.hackathon-articles{
        margin-left: 0;
        margin-right: 0;
    }
    .folded-articles.hackathon-articles article {
        padding: 25px 25px 15px;
    }
    .folded-articles.hackathon-articles header{
        flex-direction: column-reverse;
    }
    .folded-articles.hackathon-articles header .icon-placeholder{
        width: 80px;
        height: 80px;
        opacity: 1;
        margin-bottom: 25px;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .folded-articles .hgroup h2{
        margin-bottom: 0;
    }
    .hackathon-articles .event-status{
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .event-dates{padding: 0;margin-bottom: 10px;}
    .hackathon-articles .folded-articles .hgroup h2{
        font-size: 24px;
    }
}
.external-links-list{
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    column-gap: 0.4em;
}
.btn-linklike{
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    column-gap: 0.5em;
    height: 24px;
}
.btn-linklike svg{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.page-only-subscribtion #subscribe{
    background: none;
    margin-top: 0;
    padding-top: 30px;
}
.page-only-subscribtion .section--subscription:not(:last-child){
    padding-bottom: 60px;
}
.page-only-subscribtion section.bg--darker:last-of-type{
    margin-bottom: 0;
}
.page-only-subscribtion #subscribe .section-header{
    display: none;
}
.page-only-subscribtion .section--subscription form:after, 
.page-only-subscribtion .section--subscription form:before{
    display: none;
}
.page-only-subscribtion .section--subscription .w{
    max-width: 1240px;
}
.page-only-subscribtion .section--subscription form{
    margin-left: 0;
}
.page-only-subscribtion .lead{
    max-width: 800px;
}
.page-only-subscribtion .section-header.section-header--blog{
    margin-bottom: 0;
}

.is-hidden{
    display: none !important;
}
.btn-wallet-selection{
    position: fixed;
    right: 24px;
    top: 62px;
    min-width: 0;
    padding: 0 15px;
    font-size: 12px;
    height: 32px;
    z-index: 500;
}
.btn--wallet{
    padding-left: 15px;
    padding-right: 15px;
    color: inherit;
}
.btn--wallet svg{
    width: 32px;
    height: 32px;
}
.btn--wallet[data-wallet="enkrypt"] svg,
.btn--wallet[data-wallet="nova"] svg{
    width: 24px;
    height: 24px;
}
.wallets-list {
    display: flex;
    flex-flow: wrap;
    column-gap: 6px;
    row-gap: 8px;
}
.wallets-list .btn{
    width: calc(50% - 3px);
}
.wallets-list .btn img{
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.wallets-placeholder .icon-placeholder{
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: bottom;
}
.wallets-placeholder .icon-placeholder svg,
.wallets-placeholder .icon-placeholder img{
    width: 32px;
    height: 32px;
    
}
.is-coming-soon{
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    right: 10px;
    top: 0;
    background: var(--blue-darker);
    color: #fff;
    transform: translateY(-40%);
    padding: 0 10px;
    border-radius: 7px;
  }
  .btn--wallet.is-disabled{
    pointer-events: none;
    background: var(--bgtext);
  }
  .btn--wallet.is-disabled svg{
    filter: grayscale(1) opacity(0.6);
  }