html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

body.show-spinner>main {
  overflow: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.ck-body-wrapper{
    display: none !important;
}

.manual-theme-colors .theme-button {
    background: #1e2022;
    padding: 13px 7px 13px 7px;
    border-radius: 0.2rem;
    color: #8f8f8f;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.04);
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #236591; }
.manual-theme-colors .theme-color {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 20px;
    transition: background 0.25s; }
.manual-theme-colors .theme-color.active, .manual-theme-colors .theme-color:hover {
    background: #1e2022; }
.manual-theme-colors .theme-color-purplemonster {
    border: 3px solid #922c88;
    background: #922c88; }
.manual-theme-colors .theme-color-blueyale {
    border: 3px solid #145388;
    background: #145388; }
.manual-theme-colors .theme-color-blueolympic {
    border: 3px solid #008ecc;
    background: #008ecc; }
.manual-theme-colors .theme-color-bluenavy {
    border: 3px solid #00365a;
    background: #00365a; }
.manual-theme-colors .theme-color-orangecarrot {
    border: 3px solid #ed7117;
    background: #ed7117; }
.manual-theme-colors .theme-color-greenmoss {
    border: 3px solid #576a3d;
    background: #576a3d; }
.manual-theme-colors .theme-color-greenlime {
    border: 3px solid #6fb327;
    background: #6fb327; }
.manual-theme-colors .theme-color-redruby {
    border: 3px solid #900604;
    background: #900604; }
.manual-theme-colors .theme-color-greysteel {
    border: 3px solid #48494b;
    background: #48494b; }
.manual-theme-colors .theme-color-yellowgranola {
    border: 3px solid #c0a145;
    background: #c0a145; }
.manual-theme-colors.shown {
    transform: translate(0, calc(-50% + 0.5px));
    transition: transform 0.4s ease-out; }
.manual-theme-colors.hidden {
    transform: translate(280px, -50%);
    transition: transform 0.4s ease-out; }
.progress-banner {
    height: auto!important;
}