.ui-loader{--size:250px;--duration:2s;--logo-color:var(--foreground);--logo-color-light:var(--muted-foreground);--background-base:var(--muted);--border-base:var(--border);height:var(--size);aspect-ratio:1;position:relative}.ui-loader-box{background:color-mix(in oklch,var(--background-base)15%,transparent);border-top:1px solid var(--border-base);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:ui-loader-ripple var(--duration)infinite ease-in-out;border-radius:50%;position:absolute}.ui-loader-box:first-child{z-index:99;inset:40%}.ui-loader-box:nth-child(2){z-index:98;border-color:color-mix(in oklch,var(--border-base)80%,transparent);animation-delay:.2s;inset:30%}.ui-loader-box:nth-child(3){z-index:97;border-color:color-mix(in oklch,var(--border-base)60%,transparent);animation-delay:.4s;inset:20%}.ui-loader-box:nth-child(4){z-index:96;border-color:color-mix(in oklch,var(--border-base)40%,transparent);animation-delay:.6s;inset:10%}.ui-loader-box:nth-child(5){z-index:95;border-color:color-mix(in oklch,var(--border-base)20%,transparent);animation-delay:.8s;inset:0%}.ui-loader-logo{place-content:center;padding:30%;display:grid;position:absolute;inset:0}.ui-loader-svg{fill:var(--logo-color);width:100%;animation:ui-loader-color-change var(--duration)infinite ease-in-out}@keyframes ui-loader-ripple{0%{box-shadow:var(--shadow-sm);transform:scale(1)}50%{box-shadow:var(--shadow-lg);transform:scale(1.3)}to{box-shadow:var(--shadow-sm);transform:scale(1)}}@keyframes ui-loader-color-change{0%{fill:var(--logo-color)}50%{fill:var(--logo-color-light)}to{fill:var(--logo-color)}}.dark .ui-loader{--logo-color:var(--foreground);--logo-color-light:var(--muted-foreground)}