.variant{flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-loader{--c:#2254f4;--size:80px;--dur:1.8s;width:var(--size);height:var(--size);flex-shrink:0;position:relative}.logo-loader svg{width:100%;height:100%}@keyframes ll-pulse{0%,60%,to{opacity:.12;transform:scale(.75)}30%{opacity:1;transform:scale(1)}}.logo-loader .block{transform-box:fill-box;transform-origin:50%}.logo-loader.pulse .block{animation:ll-pulse var(--dur) ease-in-out infinite}@keyframes ll-spin{to{transform:rotate(360deg)}}.logo-loader.spin svg{transform-origin:50%;animation:2.4s linear infinite ll-spin}@keyframes ll-orbit{to{transform:rotate(360deg)}}@keyframes ll-breathe{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}}.logo-loader.orbit .outer{transform-box:fill-box;transform-origin:50%;animation:3s linear infinite ll-orbit}.logo-loader.orbit .center{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite ll-breathe}.logo-loader.sm{--size:40px}.logo-loader.md{--size:80px}.logo-loader.lg{--size:120px}.logo-loader.white{--c:#fff}.logo-loader.dark{--c:#0a0e1a}.loader-overlay{z-index:9999;background:#fff;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader-overlay.done{opacity:0;pointer-events:none}