body.whitekomet-loading { overflow: hidden; background: #000; }
body.whitekomet-loading > header, body.whitekomet-loading > main, body.whitekomet-loading > footer { visibility: hidden; }
#whitekomet-preloader { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: #000; color: #fff; }
#whitekomet-preloader[hidden] { display: none; }
.whitekomet-loading-mark { position: relative; width: 140px; height: 140px; }
.whitekomet-loading-mark img { display: block; width: 100%; height: 100%; filter: brightness(0) invert(1); transform: translate(23px, -18px); }
#whitekomet-loading-percent { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font: 600 12px/1 Arial,sans-serif; font-variant-numeric: tabular-nums; background: #000; padding: 3px 1px; border-radius: 4px; }

@media (max-width: 700px) {
}