.loading-indicator{direction:ltr;flex:none;width:96px;height:96px;position:relative;transform:rotate(45deg)}.loading-square{top:var(--rest-y,0);left:var(--rest-x,0);background:var(--brand);width:28px;height:28px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--on-brand) 32%,transparent),0 3px 8px color-mix(in srgb,var(--brand) 18%,transparent);border-radius:8px;margin:2px;animation:10s ease-in-out infinite both loading-square-animation;position:absolute}.loading-square:first-child{--rest-x:0;--rest-y:0;animation-delay:0s}.loading-square:nth-child(2){--rest-x:32px;--rest-y:0;animation-delay:-1.42857s}.loading-square:nth-child(3){--rest-x:64px;--rest-y:0;animation-delay:-2.85714s}.loading-square:nth-child(4){--rest-x:64px;--rest-y:32px;animation-delay:-4.28571s}.loading-square:nth-child(5){--rest-x:32px;--rest-y:32px;animation-delay:-5.71429s}.loading-square:nth-child(6){--rest-x:32px;--rest-y:64px;animation-delay:-7.14286s}.loading-square:nth-child(7){--rest-x:0;--rest-y:64px;animation-delay:-8.57143s}@keyframes loading-square-animation{0%,10.5%,to{top:0;left:0}12.5%,23%{top:0;left:32px}25%,35.5%{top:0;left:64px}37.5%,48%{top:32px;left:64px}50%,60.5%{top:32px;left:32px}62.5%,73%{top:64px;left:32px}75%,85.5%{top:64px;left:0}87.5%,98%{top:32px;left:0}}.reduce-motion .loading-square{animation:none}@media (prefers-reduced-motion:reduce){.loading-square{animation:none}}