.jcc-loader[hidden] { display: none !important; }
.jcc-loader { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; background: #000; transition: opacity .55s,visibility .55s; }
.jcc-loader.is-complete { opacity: 0; visibility: hidden; pointer-events: none; }
.jcc-loader__brand { width: min(260px,65vw); text-align: center; }
.jcc-loader img { width: 100%; height: auto; }
.jcc-loader__track { margin-top: 30px; height: 2px; overflow: hidden; background: #242424; }
.jcc-loader__track span { display: block; width: 0; height: 100%; background: #ed1c24; transition: width .25s; }
.jcc-loader__percent { display: block; margin-top: 16px; color: rgba(255,255,255,.5); font-size: 11px; letter-spacing: .2em; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .jcc-loader,.jcc-loader__track span { transition: none; } }