html {
  --bg: var(--darkmode);
  --bg-alt: #152c68;
  --shadow: -10px -10px 30px #000000;
  --shadow-layer: 10px 10px 30px rgba(45, 45, 122, 0.4);
  --shadow-alt: none;
  --gray: #c6c6c6;
  --grey: #c6c6c6;
  --darkgray: #c6c6c6;
  --bgtext: var(--darkmode-deep);
  --blueShadow: var(--darkmode-deep);
  color: var(--gray);
}
html .main-logo {
  fill: var(--white);
}
html img[data-invert=true] {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html .section-subheader,
html .thumb-head,
html .section-header {
  color: var(--white);
}
html .btn--emboss {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .section-elements svg {
  fill: var(--darkmode);
}
html .header-tools svg {
  fill: #fff;
}
html .header-mobile svg svg,
html .header-mobile-call svg,
html .header-mobile-suspend svg {
  fill: #fff;
}
html .embossed-out {
  -webkit-filter: drop-shadow(var(--shadow)) drop-shadow(var(--shadow-layer));
          filter: drop-shadow(var(--shadow)) drop-shadow(var(--shadow-layer));
}
html .orbit {
  border: 8px solid #0a1635;
  -webkit-box-shadow: inset -3px -3px 10px #000000, inset 3px 3px 10px rgba(45, 45, 122, 0.4);
          box-shadow: inset -3px -3px 10px #000000, inset 3px 3px 10px rgba(45, 45, 122, 0.4);
}
html .satelite span span:after {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
  background: var(--darkmode);
}
html .plus-01 g {
  -webkit-filter: url(#filter-dark-01);
          filter: url(#filter-dark-01);
}
html .plus-02 g {
  -webkit-filter: url(#filter-dark-02);
          filter: url(#filter-dark-02);
}
html .plus-04 g {
  -webkit-filter: url(#filter-dark-04);
          filter: url(#filter-dark-04);
}
html .plus-03 g {
  -webkit-filter: url(#filter-dark-out);
          filter: url(#filter-dark-out);
}
html .figure-nft g {
  -webkit-filter: url(#filter-nft-darkmode);
          filter: url(#filter-nft-darkmode);
}
html .figure-speaker g {
  -webkit-filter: url(#filter-speaker-darkmode);
          filter: url(#filter-speaker-darkmode);
}
html .figure-chelobrick g:nth-child(1) {
  -webkit-filter: url(#chelobrick_filter_0--dark);
          filter: url(#chelobrick_filter_0--dark);
}
html .figure-chelobrick g:nth-child(2) {
  -webkit-filter: url(#chelobrick_filter_1--dark);
          filter: url(#chelobrick_filter_1--dark);
}
html .figure-chelobrick g:nth-child(3) {
  -webkit-filter: url(#chelobrick_filter_2--dark);
          filter: url(#chelobrick_filter_2--dark);
}
html .figure-chelobrick g:nth-child(4) {
  -webkit-filter: url(#chelobrick_filter_3--dark);
          filter: url(#chelobrick_filter_3--dark);
}
html .figure-chelobrick g:nth-child(5) {
  -webkit-filter: url(#chelobrick_filter_4--dark);
          filter: url(#chelobrick_filter_4--dark);
}
html .figure-chelobrick g:nth-child(6) {
  -webkit-filter: url(#chelobrick_filter_5--dark);
          filter: url(#chelobrick_filter_5--dark);
}
html .figure-diamond g:nth-child(1) {
  -webkit-filter: url(#filter-diamond-01--dark);
          filter: url(#filter-diamond-01--dark);
}
html .figure-diamond g:nth-child(2) {
  -webkit-filter: url(#filter-diamond-02--dark);
          filter: url(#filter-diamond-02--dark);
}
html .figure-diamond g:nth-child(3) {
  -webkit-filter: url(#filter-diamond-03--dark);
          filter: url(#filter-diamond-03--dark);
}
html .figure-diamond g:nth-child(4) {
  -webkit-filter: url(#filter-diamond-04--dark);
          filter: url(#filter-diamond-04--dark);
}
html .thumb--tile {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .thumb-icon-placeholder--enhanced:before {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .section--polkadot .section-elements .bubble {
  -webkit-box-shadow: inset var(--shadow), inset var(--shadow-layer);
          box-shadow: inset var(--shadow), inset var(--shadow-layer);
}
html .section--polkadot .section-elements .bubble-04 {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .section--polkadot .section-elements .bubble-05 {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .bubble-04 .polkadot g {
  -webkit-filter: url(#polkadot-dark-01);
          filter: url(#polkadot-dark-01);
}
html .bubble-05 .polkadot g {
  -webkit-filter: url(#polkadot-dark-02);
          filter: url(#polkadot-dark-02);
}
html .section--git .section-elements .bubble {
  -webkit-box-shadow: inset var(--shadow), inset var(--shadow-layer);
          box-shadow: inset var(--shadow), inset var(--shadow-layer);
}
html .section--git .section-elements .bubble-01 {
  -webkit-box-shadow: var(--shadow), var(--shadow-layer);
          box-shadow: var(--shadow), var(--shadow-layer);
}
html .gitcat g:first-child {
  -webkit-filter: url(#filter-dark-fg);
          filter: url(#filter-dark-fg);
}
html .gitcat g:first-child + g {
  -webkit-filter: url(#filter-dark-bg);
          filter: url(#filter-dark-bg);
}
html .header-fixed-bg,
html .footer {
  background: var(--darkmode-deep);
}

html .footer-row-02 .h3 {
  color: var(--white);
}
html .modal {
  background: var(--bg);
  color: #fff;
}
html .article-header-subtitle .sharebox .h {
  color: #fff;
}
html .embossed-block a {
  color: #fff;
}
html .taglist--filter li a {
  background: white;
  color: var(--blue);
  opacity: 1;
}
html .taglist--filter li a:hover, html .taglist--filter li a.is-on {
  color: #fff;
}
html .articles-filter ul li a:not([data-tag-clear]) {
  opacity: 1;
  background-color: #fff;
  color: var(--blue);
}
html .articles-filter ul li a:not([data-tag-clear]):hover, html .articles-filter ul li a:not([data-tag-clear]).is-on {
  background: var(--blue);
  color: #fff;
}
html .form-measure-complex,
html .form-label-complex {
  border-color: var(--bg-alt);
}
html .form-measure-complex input,
html .form-label-complex input {
  color: #fff;
}
html .select-current:after {
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media (max-width: 768px) {
  html .mobile-collective-tile,
html .thumb--mobile-embossed {
    -webkit-box-shadow: -10px -10px 30px #000000, 10px 10px 30px rgba(45, 45, 122, 0.4);
            box-shadow: -10px -10px 30px #000000, 10px 10px 30px rgba(45, 45, 122, 0.4);
  }
  html .mobile-collective-tile .thumb--tile {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
html .tease-card.tease-card--natural .section-header {
  color: var(--white);
}
html .modal {
  color: #fff;
}
html .modal input {
  color: #fff;
}
html .modal .select-dropdown,
html .modal .select-current button {
  border: 1px solid var(--lightgray);
  border-radius: 5px;
}
html .modal .select-current:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html .article-header h1 {
  color: var(--white);
}
html .section--quartz-01,
html .section--quartz-02,
html .section--quartz-04 {
  background: none;
}
html .section-sotz-detailed:before {
  display: none !important;
}
html .faq-header:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html .subsection-crowdloan-rewards:before {
  display: none;
}
html .page-404-figure svg g:nth-child(1){
  -webkit-filter: url(#sign404_01__darkmode);
          filter: url(#sign404_01__darkmode);
}
html .page-404-figure svg g:nth-child(2){
  -webkit-filter: url(#sign404_02__darkmode);
          filter: url(#sign404_02__darkmode);  
}
html .page-404-figure svg g:nth-child(3){
  -webkit-filter: url(#sign404_03__darkmode);
          filter: url(#sign404_03__darkmode);  
}


.dl-unit.dl-unit--shy .dt, 
.dl-unit.dl-unit--shy .dd, 
dl.dotted-legend.dotted-legend--full, 
.pie-chart span {
    color: #fff;
}
.section-header--shadow .section-header-shadow svg{
  opacity: 0.5;
}
@media (max-width:767px){
  .header-nav{
    color: #fff;
  }
}
.cookies-agrrement-bar .content{
  color: #fff;
}
.page-404-content{
  color: #fff;
}
.thumb--article .thumb-body{
  color: var(--gray);
}
.crowdloan-comment,
.section--subscription .section-header p{
  color: #fff;
}
.chart-placeholder.chart-placeholder,
.btn-pill:not(.is-active),
.calculator-placeholder.calculator-alt,
.stats-table,
.msg-strip,
.timeline__unit-content,
.wallet-and-refferal{
  background: #0E2665;
  color: #F5F6F7;
}
.progress-rotator,
.calculator-comment{
  color: #fff;
}

.slick-next:before, 
.slick-prev:before,
.slick-dots li button:before{
  color: #fff !important;
}


.blog-article-gallery{
  background: rgba(255,255,255,0.1);
}
.blog-article-gallery figure{
}

.timeline__unit h3,
.rft-landing .page{
  color: #fff;
}

.punk-figure:before{
  background-image: url(../images/content/rft-inner-orbit--darkmode.svg);
}

.tease-card.tease-card--theme{
  background: var(--bg-alt);
  color:#fff;
}
.section--punks-index{
  color: #fff;
}

html .section--alt .thumb--article .thumb-head h3 a,
html .section--alt .form-comment,
html .section--alt{
  color: #fff;
}
html .folded-articles.hackathon-articles article.is-completed,
html .folded-articles:not(.hackathon-articles) article:nth-child(2n){
  background: var(--bg-alt);
}
html .bg--darker,
html .section--alt.bg--darker,
html .section--alt.bg--darker,
html .staff-card{
  background: var(--darkmode-deep);
}

html .thumb--success{
  background: var(--darkmode-deep);
}

html .folded-articles article{
  background: var(--darkmode-deep);
}
html .section--primary,
html .thumb--news h3{
  color: var(--tgray);
}

html .table-wrap{
  background: var(--darkmode-deep);
}
.invert img{
  filter: invert(1);
}
.navi-thumb[class="navi-thumb"] .navi-thumb__title,
html .header-navi-second ul a,
html .header-navi-second .h,
html .header-nav a {
  color: #fff !important;
}
html .header-navi-second .footer{
  background: #000;
}
html .header-navi-second{
  background: var(--darkmode-deep);
}
html .timeline__unit h3 small{
  color: #bbb;
}
html .form-oneliner input[type="text"], .form-oneliner input[type="email"] {
  background-color: var(--bg);
  border: 1px solid var(--blue);
  color: var(--white);
}
html .header-nav a[data-navi-link]:after{
  filter: invert(1);
}
html .external:after {
  filter: invert(1);
}
html .header-navi-second  .thumb--slim{
  color: #fff;
}
html .thumb--news{
  background: rgba(255,255,255,0.03);
}
html .section--polkadot .embossed-content{
  background: var(--bg-alt);
}

h2 small {
  color: var(--tags);
  font-size: 70%;
}

.footer .social-navi a[href*="youtube"] path:nth-child(2),
.footer .social-navi a[href*="linkedin"] path:nth-child(2){
  fill:var(--darkmode-deep);
}

html input:checked+label.btn-pill--slim{
  background: none;
}

html .wallet-selector .ui-menu-item-wrapper .select-wallet-name,
html .ui-selectmenu-button.ui-button .select-wallet-name{
  color: #fff;
}

html .ui-selectmenu-button.ui-button .ui-selectmenu-icon{
  filter: invert(1)
}
html .wallet-selector .ui-menu-item-wrapper.ui-state-active,
html .operation-stats>.slider-complex{
  background: var(--bg);
}
.staking-amount-placeholder .input-text{
  background: none;
  color: white;
}
html .element--dragon svg path{
  stroke: #040E26;
}

html .btn--blue[disabled], 
html .btn--blue[disabled]:hover{
  background: rgba(200,200,200,0.2);
  color: lightgray;
  border: 1px solid;
}

html .thumb-hero--slim.thumb-hero{
  background: var(--blue-darker);
}
html button.select-current-text,
html .form-label-complex textarea{
  color: white;
}
html .form-label-complex :-webkit-autofill,
html .form-label-complex :-webkit-autofill:hover, 
html .form-label-complex :-webkit-autofill:focus {
  -webkit-text-fill-color: white;
}
html .form-row .form-comment.stakes-placeholder{
  background: var(--darkmode);
}
html .banner-marketplace__pictures .dot{
  visibility: visible;
}
html .banner-marketplace__pictures .pic-prs::before {
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.15) 100%);
}
html .banner-marketplace__pictures>div .pic:hover{
  filter: invert(42%) sepia(21%) saturate(2000%) hue-rotate(92deg) brightness(122%) contrast(131%);
}
html .banner-marketplace__pictures .dot{
  background: rgba(128, 177, 193, 1);
  box-shadow: 0px 0.8379324078559875px 27.64285659790039px 3.0714285373687744px rgba(120, 221, 255, 1);
}

html ul.tags-list li span,
html ul.tags-list li a {
  color: var(--white);
}

html .section-elements .staking-spheres img.is-darkmode{opacity: 1;}
html .section-elements .staking-spheres img.is-lightmode{opacity: 0;}