.cube-loader{width:var(--sz)}.cube-loader,.cube-loader__row{gap:calc(var(--sz) * .07);display:grid}.cube-loader__row{grid-template-columns:repeat(3,1fr)}.cube-loader__st{aspect-ratio:1;border-radius:calc(var(--sz) * .07);background:rgb(var(--brand-card));transition:background-color .3s,box-shadow .3s}.cube-loader__st[data-state=active]{background:rgb(var(--brand-primary)/.28)}.cube-loader__st[data-state=done],.cube-loader__st[data-state=solved]{background:rgb(var(--brand-primary))}.cube-loader__st[data-state=failed]{box-shadow:inset 0 0 0 2px rgb(var(--brand-warning)/.7);background:0 0}@media (prefers-reduced-motion:no-preference){.cube-loader__st[data-state=active]{animation:1.6s ease-in-out infinite cube-breathe;animation-delay:calc(var(--i) * 90ms)}.cube-loader--pop .cube-loader__st{animation:.5s cubic-bezier(.3,1.6,.5,1) both cube-pop;animation-delay:calc(var(--i) * 45ms)}}@keyframes cube-breathe{0%,to{background-color:rgb(var(--brand-primary)/.16)}50%{background-color:rgb(var(--brand-primary)/.5)}}@keyframes cube-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.welcome-pulse{animation:1.4s ease-in-out infinite welcome-pulse}}@keyframes welcome-pulse{0%,to{opacity:.35}50%{opacity:1}}