.swap-loader.svelte-18h5cnr{--bar-width: 4px;--bar-height: 24px;--slot-gap: 9px;--slot-1: 0px;--slot-2: calc(var(--slot-gap) * 1);--slot-3: calc(var(--slot-gap) * 2);--slot-4: calc(var(--slot-gap) * 3);--cycle-duration: 1.35s;position:relative;display:inline-block;width:calc(var(--slot-4) + var(--bar-width));height:var(--bar-height);vertical-align:middle}.size-sm.svelte-18h5cnr{--bar-width: 3px;--bar-height: 18px;--slot-gap: 7px}.size-lg.svelte-18h5cnr{--bar-width: 5px;--bar-height: 32px;--slot-gap: 12px}.bar.svelte-18h5cnr{position:absolute;top:0;left:0;width:var(--bar-width);height:var(--bar-height);border-radius:999px;background:var(--loader-background);transform:translate(var(--slot-1));animation-duration:var(--cycle-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bar-1.svelte-18h5cnr{animation-name:svelte-18h5cnr-swap-bar-1}.bar-2.svelte-18h5cnr{animation-name:svelte-18h5cnr-swap-bar-2}.bar-3.svelte-18h5cnr{background:var(--loader-foreground);animation-name:svelte-18h5cnr-swap-bar-3}.bar-4.svelte-18h5cnr{animation-name:svelte-18h5cnr-swap-bar-4}@keyframes svelte-18h5cnr-swap-bar-1{0%{transform:translate(var(--slot-1));z-index:1}20%{transform:translate(var(--slot-2));z-index:1}40%{transform:translate(var(--slot-3));z-index:2}60%{transform:translate(var(--slot-4));z-index:2}80%{transform:translate(var(--slot-4));z-index:1}to{transform:translate(var(--slot-1));z-index:1}}@keyframes svelte-18h5cnr-swap-bar-2{0%{transform:translate(var(--slot-2));z-index:1}20%{transform:translate(var(--slot-3));z-index:1}40%{transform:translate(var(--slot-4));z-index:1}60%{transform:translate(var(--slot-1));z-index:1}80%,to{transform:translate(var(--slot-2));z-index:1}}@keyframes svelte-18h5cnr-swap-bar-3{0%{transform:translate(var(--slot-3));z-index:4}20%{transform:translate(var(--slot-2));z-index:5}40%{transform:translate(var(--slot-3));z-index:4}60%{transform:translate(var(--slot-4));z-index:3}80%{transform:translate(var(--slot-1));z-index:5}to{transform:translate(var(--slot-3));z-index:4}}@keyframes svelte-18h5cnr-swap-bar-4{0%{transform:translate(var(--slot-4));z-index:1}20%{transform:translate(var(--slot-1));z-index:2}40%{transform:translate(var(--slot-2));z-index:3}60%{transform:translate(var(--slot-2));z-index:4}80%,to{transform:translate(var(--slot-4));z-index:1}}@media (prefers-reduced-motion: reduce){.bar.svelte-18h5cnr{animation-duration:2.4s}}