:root{--pill-height:100px;--pill-xl-height:220px;--pill-color:white;--pill-colorActive:white;--pill-background:var(--grey);--pill-backgroundActive:black;--pill-font-size:var(--font-size-l)}.PILL-AUTO-HEIGHT.svelte-1nenk1a{font-size:var(--font-size-l);color:var(--pill-color);isolation:isolate;display:inline-block;position:relative}.label.svelte-1nenk1a{text-align:center;justify-content:center;align-items:center;height:100%;padding:.75em 2em;display:flex;left:0;right:0}.shape.svelte-1nenk1a{z-index:-1;height:100%;display:flex;position:absolute;inset:0}.rect.svelte-1nenk1a{background-color:var(--pill-background);transition:background-color var(--duration-fast);flex:1;margin:0 -1px}.circle.svelte-1nenk1a{height:100%;fill:var(--pill-background);transition:fill var(--duration-fast);overflow:visible}.circle.-left.svelte-1nenk1a{left:0}.circle.-right.svelte-1nenk1a{right:0}.svelte-1nenk1a:hover .rect:where(.svelte-1nenk1a){background-color:var(--pill-backgroundActive)}.svelte-1nenk1a:hover .circle:where(.svelte-1nenk1a){fill:var(--pill-backgroundActive)}