@keyframes svelte-133513u-pill-entrance{0%{opacity:0;transform:scale(.5) rotate(-20deg)}}.pill-stage.svelte-133513u{position:relative;width:100%;overflow:hidden;background:transparent}.content-overlay.svelte-133513u{position:absolute;top:0;left:0;z-index:10;pointer-events:none;width:100%;height:100%;display:flex;align-items:center}.ball.svelte-133513u{position:absolute;background-color:var(--color2);z-index:5;will-change:transform,opacity,width,border-radius,filter;pointer-events:none;transform-origin:center center;height:var(--size);width:calc(var(--size) * 2.2);border-radius:100px;overflow:hidden;transition:width 2s cubic-bezier(.4,0,.2,1),border-radius 3s cubic-bezier(.4,0,.2,1),background-color 2s ease;animation:svelte-133513u-pill-entrance .8s cubic-bezier(.2,0,.2,1) forwards}.cap.svelte-133513u{position:absolute;top:0;left:0;height:100%;width:50%;background-color:var(--color1);transition:width 2s cubic-bezier(.4,0,.2,1),background-color 2s ease}.ball.svelte-133513u:after{content:"";position:absolute;top:50%;left:0;width:100%;height:4px;background:var(--color1);mix-blend-mode:multiply;opacity:0;transform:translateY(-50%);transition:opacity .3s ease;z-index:2}.ball.tablet.svelte-133513u:after{opacity:.4;transition:opacity 2s ease 1s}.ball.tablet.svelte-133513u{border-radius:50%;width:var(--size);background-color:var(--color1)}.ball.svelte-133513u:not(.tablet){border-radius:100px}.ball.tablet.svelte-133513u .cap:where(.svelte-133513u){width:100%}