#demo-loading .aurum-loading-steps,#studio-loading .aurum-loading-steps{counter-reset:load-phase;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;padding:0;list-style:none;display:grid}#studio-loading .aurum-loading-steps{grid-template-columns:repeat(3,minmax(0,1fr))}#demo-loading .aurum-loading-steps li,#studio-loading .aurum-loading-steps li{color:#f3f0e999;border:0;min-width:0;padding:0;font:12px/1.5 Inter,system-ui,sans-serif;transition:color .65s cubic-bezier(.22,.7,.25,1);position:relative}#demo-loading .aurum-loading-steps li:before,#studio-loading .aurum-loading-steps li:before{counter-increment:load-phase;content:counter(load-phase,decimal-leading-zero);box-sizing:border-box;color:#d7bd8c;letter-spacing:.08em;background:#191c1f;border:1px solid #d7bd8c66;place-items:center;width:48px;height:48px;margin:0 0 12px;font:11px monospace;transition:transform .65s cubic-bezier(.22,.7,.25,1),border-color .65s,background .65s;display:grid}#demo-loading .aurum-loading-steps li:after,#studio-loading .aurum-loading-steps li:after{content:"";box-sizing:border-box;opacity:0;pointer-events:none;border:1px solid #ffe4aa;width:50px;height:50px;position:absolute;top:-2px;left:-2px}#demo-loading .aurum-loading-steps li[data-state=active],#studio-loading .aurum-loading-steps li[data-state=active]{color:#d7bd8c}#demo-loading .aurum-loading-steps li[data-state=active]:before,#studio-loading .aurum-loading-steps li[data-state=active]:before{background:#303539;border-color:#d7bd8c;transform:scale(1.045)}#demo-loading .aurum-loading-steps li[data-state=active]:after,#studio-loading .aurum-loading-steps li[data-state=active]:after{animation:2.8s ease-in-out infinite aurum-load-phase-breathe}#demo-loading .aurum-loading-steps li[data-state=complete],#studio-loading .aurum-loading-steps li[data-state=complete]{color:#f3f0e9}#demo-loading .aurum-loading-steps li[data-state=complete]:before,#studio-loading .aurum-loading-steps li[data-state=complete]:before{background:#d7bd8c18;border-color:#d7bd8c}@keyframes aurum-load-phase-breathe{0%,to{opacity:.06}50%{opacity:.75}}@media (width<=480px){#demo-loading .aurum-loading-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-loading .aurum-loading-steps{gap:12px}}@media (prefers-reduced-motion:reduce){#demo-loading .aurum-loading-steps li,#studio-loading .aurum-loading-steps li,#demo-loading .aurum-loading-steps li:before,#studio-loading .aurum-loading-steps li:before{transition:none;transform:none}#demo-loading .aurum-loading-steps li:after,#studio-loading .aurum-loading-steps li:after{opacity:0;animation:none}}html[data-motion-paused=true] .aurum-loading-steps li:after{animation:none!important}#demo-loading .aurum-loading-steps li,#studio-loading .aurum-loading-steps li{text-align:center}#demo-loading .aurum-loading-steps li:before,#studio-loading .aurum-loading-steps li:before{margin-left:auto;margin-right:auto}#demo-loading .aurum-loading-steps li:after,#studio-loading .aurum-loading-steps li:after{left:calc(50% - 25px)}
