/* The page's start (from Dore's main.css; Dore dropped 2026-10-10): a page whose body has .show-spinner is hidden behind
   a spinner until sdjs/sdstart.js has started its plugins and removes the class. Link it only together with sdstart.js. */
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: 35px;
        height: 35px;
        border: 1px solid var(--sd-shadow);
        border-radius: 50%;
        border-top-color: var(--sd-shadow);
        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);
  }
}



.hide {
    display: none !important;
}