.page-loading{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;background:rgba(12,8,5,.62);backdrop-filter:blur(4px);transition:opacity .16s ease,visibility 0s linear .16s}
.page-loading.is-active{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
.page-loading-card{display:grid;justify-items:center;gap:10px;min-width:150px;padding:18px 22px;border:1px solid rgba(226,166,62,.55);border-radius:14px;background:linear-gradient(145deg,#2a1b11,#140d09);box-shadow:0 18px 55px rgba(0,0,0,.48)}
.page-loading-mark{position:relative;width:44px;height:44px;border:3px solid rgba(239,190,91,.2);border-top-color:#efbe5b;border-right-color:#d89425;border-radius:50%;animation:page-loading-spin .72s linear infinite}
.page-loading-mark:after{content:"BA";position:absolute;inset:7px;display:grid;place-items:center;border-radius:50%;background:#d89b32;color:#211309;font-size:8px;font-weight:950;letter-spacing:.03em}
.page-loading-card b{color:#f4d28b;font-size:10px;letter-spacing:.12em}
.page-loading-line{width:112px;height:3px;overflow:hidden;border-radius:99px;background:rgba(239,190,91,.16)}
.page-loading-line:after{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c77d18,#f3ca72);animation:page-loading-line 1s ease-in-out infinite}
@keyframes page-loading-spin{to{transform:rotate(360deg)}}
@keyframes page-loading-line{from{transform:translateX(-120%)}to{transform:translateX(260%)}}
@media(prefers-reduced-motion:reduce){.page-loading-mark,.page-loading-line:after{animation-duration:2.5s}}