.kytler-loader {
  --kl-background: #f7f6f0;
  --kl-ink: #11272b;
  --kl-green: #1aa145;
  position: fixed; inset: 0; z-index: 2147483000;
  display: none; place-items: center; overflow: hidden;
  background: var(--kl-background); color: var(--kl-ink);
}
.kytler-loader.is-active { display: grid; }
.kytler-loader__center { width: min(420px, 76vw); text-align: center; }
.kytler-loader__logo { display: block; width: 100%; height: auto; overflow: visible; }
.kytler-loader .st0 { fill: var(--kl-green); }
.kytler-loader .st1, .kytler-loader .st2 { fill: var(--kl-ink); }
.kytler-loader__caption { margin: 30px 0 0; font-size: 10px; letter-spacing: .32em; line-height: 1.6; text-transform: uppercase; }
.kytler-loader__track { width: 92px; height: 1px; margin: 25px auto 0; background: #11272b20; overflow: hidden; }
.kytler-loader__line { display: block; height: 100%; background: var(--kl-green); transform: scaleX(0); transform-origin: left; }
.kytler-loader__footer { position: absolute; bottom: max(32px, env(safe-area-inset-bottom)); left: 0; right: 0; text-align: center; font-size: 9px; letter-spacing: .25em; color: #687674; }
@media (max-width: 600px) { .kytler-loader__center { width: 76vw; } .kytler-loader__caption { font-size: 9px; letter-spacing: .22em; } }