: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-75cl2a{font-size:var(--font-size-l);color:var(--pill-color);display:inline-block;position:relative;isolation:isolate}.label.svelte-75cl2a{padding:.75em 2em;display:flex;align-items:center;justify-content:center;text-align:center;left:0;right:0;height:100%}.shape.svelte-75cl2a{position:absolute;top:0;bottom:0;height:100%;z-index:-1;left:0;right:0;display:flex}.rect.svelte-75cl2a{flex:1;background-color:var(--pill-background);margin:0 -1px;transition:background-color var(--duration-fast)}.circle.svelte-75cl2a{height:100%;overflow:visible;fill:var(--pill-background);transition:fill var(--duration-fast)}.circle.-left.svelte-75cl2a{left:0}.circle.-right.svelte-75cl2a{right:0}.svelte-75cl2a:hover .rect:where(.svelte-75cl2a){background-color:var(--pill-backgroundActive)}.svelte-75cl2a:hover .circle:where(.svelte-75cl2a){fill:var(--pill-backgroundActive)}