/* Loaded by HTML before JavaScript, and reused by login loading states. */
.brand-loading{position:fixed;inset:0;z-index:1000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#efdcdf,transparent 65%),#f6f4f1;color:#8d1b29;text-align:center;font-family:Arial,sans-serif}
.brand-wordmark{position:relative;width:min(218px,100%);margin:auto;line-height:0}
.brand-wordmark img{display:block;width:100%;height:auto}
.wordmark-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-mask:url('/theme/classic/369168-wordmark.svg') center/100% 100% no-repeat;mask:url('/theme/classic/369168-wordmark.svg') center/100% 100% no-repeat}
.wordmark-shine::before{content:'';position:absolute;inset:0 auto auto 0;width:23%;height:80%;background:linear-gradient(90deg,transparent,#fff6,transparent);filter:blur(1px);opacity:0;animation:wordmark-sweep 4s ease-in-out infinite}
@keyframes wordmark-sweep{0%,10%{transform:translateX(-140%) skewX(-16deg);opacity:0}15%,38%{opacity:.6}48%,100%{transform:translateX(530%) skewX(-16deg);opacity:0}}
.brand-loading-wordmark{width:min(260px,70vw);margin:0}
@media(prefers-reduced-motion:reduce){.wordmark-shine::before{animation:none}}
.brand-loading p{margin:22px 0 20px;font-size:14px}
.brand-loading small,.brand-loading noscript{margin-top:22px;color:#65656c;font-size:11px}
.brand-loading-ring{width:28px;height:28px;border:2px solid #b5263220;border-top-color:#b52632;border-radius:50%;box-sizing:border-box;animation:brand-loading-spin 1s linear infinite}
.brand-loading-progress{width:240px;max-width:70vw;height:2px;margin-top:24px;background:#b5263214;overflow:hidden}
.brand-loading-progress i{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#b52632,transparent);animation:brand-loading-progress 1.45s ease-in-out infinite}
@keyframes brand-loading-spin{to{transform:rotate(360deg)}}
@keyframes brand-loading-progress{from{transform:translateX(-100%)}to{transform:translateX(365%)}}
@media(prefers-reduced-motion:reduce){.brand-loading-progress i{animation:none;width:100%;opacity:.5}.brand-loading-ring{animation-duration:3s}}
