.brand-loading{position:fixed;z-index:90;left:50%;top:24px;transform:translate(-50%,-8px);display:flex;flex-direction:column;align-items:center;gap:12px;width:220px;padding:20px 24px;background:#fff;border:1px solid #dce5d8;border-radius:14px;box-shadow:0 10px 40px #17251b1a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.brand-loading.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.brand-loading-logo{position:relative;display:block;width:125px;aspect-ratio:1191/685;overflow:hidden}
.brand-loading-logo img{position:absolute;width:122.25%;height:auto;max-width:none;left:-11.08%;top:-18.25%}
.brand-loading-line{display:block;width:100%;height:3px;background:#edf4e8;border-radius:3px;overflow:hidden}
.brand-loading-line:after{content:"";display:block;height:100%;width:40%;background:#39a636;border-radius:3px;animation:aa-loading 1.1s ease-in-out infinite}
.brand-loading-message{font:500 12px/1.4 "DM Sans",sans-serif;color:#5c6d57}
.brand-loading.is-entrance{top:35%;padding:26px 30px;animation:aa-arrival .65s ease both}
.brand-loading.is-entrance .brand-loading-message{display:none}
@keyframes aa-loading{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@keyframes aa-arrival{0%{opacity:0;transform:translate(-50%,8px)}25%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-4px)}}
@media(prefers-reduced-motion:reduce){.brand-loading{transition:none}.brand-loading-line:after{animation:none;width:100%;opacity:.6}.brand-loading.is-entrance{animation:none}}