.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
/*.preloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('img/Preloader_21.gif') center no-repeat rgba(255, 255, 255, 0.9);}*/

.preloader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;display: flex;align-items: center;justify-content: center;background-color: rgba(255, 255, 255, 0.93);}

/*
.preloader .loader {width: fit-content;font-size: 40px;line-height: 1.5;font-family: system-ui, sans-serif;font-weight: bold;text-transform: uppercase;color: #0000;-webkit-text-stroke: 1px #000;background:radial-gradient(1.13em at 50% 1.6em, #000 99%, #0000 101%) calc(50% - 1.6em) 0/3.2em 100% text,radial-gradient(1.13em at 50% -0.8em, #0000 99%, #000 101%) 50% .8em/3.2em 100% repeat-x text;animation: l9 2s linear infinite;}*/

.preloader .loader {
    width: fit-content;
    font-size: 40px;
    line-height: 1.5;
    font-family: system-ui, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #0000;
    -webkit-text-stroke: 1px #000;
    background:
      radial-gradient(1.13em at 50% 1.6em, var(--color-loadding-bg) 99%, #0000 101%) calc(50% - 1.6em) 0/3.2em 100% text,
      radial-gradient(1.13em at 50% -0.8em, #0000 99%, var(--color-loadding-bg) 101%) 50% .8em/3.2em 100% repeat-x text;
    animation: l9 2s linear infinite;
}


/*
.preloader .loader {
    width: fit-content;
    font-size: 40px;
    line-height: 1.5;
    font-family: system-ui, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #0000;
    -webkit-text-stroke: 1px #000;
    background:
      radial-gradient(1.13em at 50% 1.6em, rgb(119, 0, 255) 99%, #0000 101%) calc(50% - 1.6em) 0/3.2em 100% text,
      radial-gradient(1.13em at 50% -0.8em, #0000 99%, rgb(119, 0, 255) 101%) 50% .8em/3.2em 100% repeat-x text;
    animation: l9 2s linear infinite;
}
*/

.preloader .loader:before {content: "Loading...";}
@keyframes l9 {
    to {
        background-position: calc(50% + 1.6em) 0, calc(50% + 3.2em) .8em;
    }
}

@media (max-width: 767px) {
    .preloader .loader { font-size: 30px; }
}