:root { 
  --ex-brown-default: #292937;
  --ex-brown: #670000;
  --ex-gold: #d6b36a;
  --ex-back-light: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/123/641/186/322/original/6027f176a735ab24.png");
  --ex-back-default: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/120/098/590/345/original/40f473dffc8c9ac9.png");

  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat; 
   
  #mastodon .navigation-panel__logo .column-link--logo svg.logo.logo--wordmark {
    display: none;
  }

  #mastodon a:hover,
  #mastodon .icon-button:hover,
  #mastodon .status__action-bar-button:hover {
    color: var(--ex-gold);
    fill: var(--ex-gold);
  }  
}

body.app-body:not(.theme-mastodon-light):not(.theme-system) {

  background-color: #000000;
  background-image: var(--ex-back-default);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  color: #ffffff;

  #mastodon .columns-area__panels__main .column,
  #mastodon .columns-area__panels__main .column > .scrollable,
  #mastodon .columns-area__panels__main article,
  #mastodon .columns-area__panels__main .status__wrapper,
  #mastodon .columns-area__panels__main .status,
  #mastodon .columns-area__panels__main .detailed-status {
    background-color: rgba(0, 0, 0, 0.9);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.12);
  }

  #mastodon .navigation-panel__logo .column-link--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background-image: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/129/057/841/363/original/9aef92e656d148aa.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  #mastodon .navigation-panel__logo .column-link--logo svg.logo.logo--wordmark {
    display: none;
  }

  #mastodon a,
  #mastodon .icon-button,
  #mastodon .status__action-bar-button {
    color: #ffffff;
    fill: #ffffff;
    transition: color 0.2s ease, fill 0.2s ease;
  }

  #mastodon a:hover,
  #mastodon .icon-button:hover,
  #mastodon .status__action-bar-button:hover {
    color: var(--ex-gold);
    fill: var(--ex-gold);
  }
}

body.app-body:not(.theme-default):not(.theme-system) {

  background-image: var(--ex-back-light);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  color: #000000;

  #mastodon .columns-area__panels__main .column,
  #mastodon .columns-area__panels__main .column > .scrollable,
  #mastodon .columns-area__panels__main article,
  #mastodon .columns-area__panels__main .status__wrapper,
  #mastodon .columns-area__panels__main .status,
  #mastodon .columns-area__panels__main .detailed-status {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    border-color: transparent;
  }

  #mastodon .navigation-panel__logo .column-link--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background-image: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/130/187/631/717/original/9a89743dab8b2958.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  #mastodon .navigation-panel__logo .column-link--logo svg.logo.logo--wordmark {
    display: none;
  }

  #mastodon a,
  #mastodon .icon-button,
  #mastodon .status__action-bar-button {
    color: #000000;
    fill: #000000;
    transition: color 0.2s ease, fill 0.2s ease;
  }

  #mastodon a:hover,
  #mastodon .icon-button:hover,
  #mastodon .status__action-bar-button:hover {
    color: var(--ex-gold);
    fill: var(--ex-gold);
  }
}

body.app-body:not(.theme-mastodon-light):not(.theme-default) {

  #mastodon .tabs-bar__wrapper {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    border-color: transparent;
  }

  background-image: var(--ex-back-light);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  color: #000000;

  #mastodon .columns-area__panels__main .column,
  #mastodon .columns-area__panels__main .column > .scrollable,
  #mastodon .columns-area__panels__main article,
  #mastodon .columns-area__panels__main .status__wrapper,
  #mastodon .columns-area__panels__main .status,
  #mastodon .columns-area__panels__main .detailed-status {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    border-color: transparent;
  }

  #mastodon .navigation-panel__logo .column-link--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background-image: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/130/187/631/717/original/9a89743dab8b2958.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  #mastodon .navigation-panel__logo .column-link--logo svg.logo.logo--wordmark {
    display: none;
  }

  #mastodon a,
  #mastodon .icon-button,
  #mastodon .status__action-bar-button {
    color: #000000;
    fill: #000000;
    transition: color 0.2s ease, fill 0.2s ease;
  }

  #mastodon a:hover,
  #mastodon .icon-button:hover,
  #mastodon .status__action-bar-button:hover {
    color: var(--ex-gold);
    fill: var(--ex-gold);
  }
}

body:not(.app-body) {
  background-image: var(--ex-back-light);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  color: #000000;
}

body:not(.app-body) #mastodon .public-layout {
  background: transparent;
}

body:not(.app-body) #mastodon .public-layout .public-layout__hero,
body:not(.app-body) #mastodon .public-layout .public-layout__main,
body:not(.app-body) #mastodon .public-layout__sidebar {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000;
  box-shadow: none;
}

#mastodon .drawer__inner__mastodon img {
  display: none !important;
}

#mastodon .drawer__inner__mastodon {
  background: none !important;  
  display: none !important;      
  min-height: 0 !important;
  flex: 0 0 auto !important;
}

#mastodon img[src$="/avatars/original/missing.png"],
#mastodon img[src$="/missing.png"] {
  content: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/126/485/103/272/original/01f3348b4e1e01be.png") !important;
}

#mastodon img.parallax[src$="/headers/original/missing.png"] {
  opacity: 0 !important;   
  pointer-events: none;    
}

#mastodon img.error-column__image[src$="/oops.png"] {
  content: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/127/320/965/454/original/2f8556b965c5d0b8.png") !important;
  pointer-events: none;
}

#mastodon .loading-indicator__figure {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-image: url("https://cdn.masto.host/exoriapekr/media_attachments/files/115/531/125/365/825/642/original/6adf07dd0cedc06f.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#mastodon .loading-indicator__figure svg,
#mastodon .loading-indicator__figure img,
#mastodon .loading-indicator__figure .fa {
  display: none !important;
}