.xd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;min-height:230px;padding:24px;color:#76807a;font-size:13px;animation:xd-reveal 180ms ease-out 120ms both}
.xd-loader-mark{position:relative;display:inline-block;flex-shrink:0;width:80px;height:80px;overflow:hidden;border-radius:22px;background:white}
.xd-loader-mark img{position:absolute;width:228px;max-width:none;height:auto;left:-78px;top:-6px}
.xd-loader-mark i{position:absolute;inset:1px;border:1.5px solid #e7eae5;border-top-color:#c80c23;border-radius:50%;animation:xd-orbit 1100ms linear infinite}
.xd-loading.compact{display:inline-flex;flex-direction:row;gap:9px;min-height:0;padding:0;font-size:inherit;color:inherit;animation:none}
.xd-loading.compact .xd-loader-mark{width:24px;height:24px;border-radius:7px}.xd-loading.compact img{width:64px;left:-22px;top:-1px}.xd-loading.compact i{border-width:1px}
.brand .company-mark{width:34px;height:34px;border-radius:9px}.brand .company-mark img{width:92px;left:-31px;top:-2px}
@keyframes xd-orbit{to{transform:rotate(360deg)}}@keyframes xd-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.xd-loading,.xd-loader-mark i{animation:none}.xd-loader-mark i{border-color:#e7eae5;border-top-color:#c80c23}}
@media(max-width:600px){.xd-loading{min-height:190px}}