/* Supplied slider loader, namespaced so range controls remain unchanged. */
.xalen-loader { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; padding:24px; }
.xalen-loader__bars { display:flex; align-items:center; justify-content:center; }
.xalen-loader__bar { overflow:hidden; background-color:white; margin:0 15px; height:80px; width:20px; border-radius:30px; box-shadow:15px 15px 20px rgb(0 0 0 / .1),-15px -15px 30px #fff,inset -5px -5px 10px rgb(0 0 255 / .1),inset 5px 5px 10px rgb(0 0 0 / .1); position:relative; }
.xalen-loader__bar::before { content:""; position:absolute; top:0; left:0; height:20px; width:20px; border-radius:100%; box-shadow:inset 0 0 0 rgb(0 0 0 / .3),0 420px 0 400px #2697f3,inset 0 0 0 rgb(0 0 0 / .1); animation:xalen-loader-wave 2.5s ease-in-out infinite; animation-delay:calc(-.5s * var(--i)); }
@keyframes xalen-loader-wave { 0%{transform:translateY(250px);filter:hue-rotate(0deg)}50%{transform:translateY(0)}100%{transform:translateY(250px);filter:hue-rotate(180deg)} }
.xalen-loader__name { font-family:inherit; font-weight:600; font-size:15px; letter-spacing:.02em; color:var(--color-text-primary,#181818); }
.xalen-loader--inline { padding:0; flex-direction:row; gap:8px; }
.xalen-loader--inline .xalen-loader__bars { width:52px; height:24px; overflow:visible; position:relative; }
.xalen-loader--inline .xalen-loader__bar { width:4px; height:20px; margin:0 3px; border-radius:6px; box-shadow:inset 0 1px 3px #b8bcc9,0 2px 3px #0001; }
.xalen-loader--inline .xalen-loader__bar::before { width:4px; height:4px; box-shadow:0 84px 0 80px #2697f3; animation-name:xalen-loader-inline; }
@keyframes xalen-loader-inline { 0%,100%{transform:translateY(20px);filter:hue-rotate(0deg)}50%{transform:translateY(0);filter:hue-rotate(90deg)} }
.dark .xalen-loader__bar { background:#292b31; box-shadow:inset 2px 2px 8px #0007,inset -2px -2px 8px #fff1; }
@media(prefers-reduced-motion:reduce) { .xalen-loader__bar::before { animation:none!important; transform:translateY(calc(var(--i) * 7px)); } .xalen-loader--inline .xalen-loader__bar::before { transform:translateY(calc(var(--i) * 3px)); } }