.status-pill{position:relative;height:44px;width:44px;border-radius:var(--radius-circular);border:none;background:var(--button-background-2-rest);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;gap:var(--spacing-80);overflow:hidden;transition:background var(--anim-hover)}.status-pill__label{display:none}.status-pill:hover{background:var(--button-background-2-hover);width:auto;padding:0 var(--spacing-120);overflow:visible}.status-pill:hover .status-pill__label{display:block}.status-pill--compact:hover{width:44px;padding:0}.status-pill--compact:hover .status-pill__label{display:none}.status-pill:active{background:var(--button-background-2-pressed)}.status-pill:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.status-pill--complete{pointer-events:none}:is(.is-floating,.is-scrolled) .status-pill{background:var(--button-floating-background-rest);outline:1px solid var(--button-floating-stroke);outline-offset:-1px;box-shadow:var(--effect-floating-background-shadow);backdrop-filter:var(--effect-floating-background-blur);-webkit-backdrop-filter:var(--effect-floating-background-blur);color:var(--fg-neutral-1-rest)}:is(.is-floating,.is-scrolled) .status-pill:hover{background:var(--button-floating-background-hover)}:is(.is-floating,.is-scrolled) .status-pill:active{background:var(--button-floating-background-pressed)}.status-pill__ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.status-pill__ring-track{stroke:color-mix(in srgb,var(--fg-neutral-2-rest) 20%,transparent)}.status-pill__content{display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.status-pill__label{font-family:var(--font-family-base);font-size:var(--font-size-body-2-stronger);font-weight:400;line-height:var(--line-height-body-2-stronger);color:var(--fg-neutral-2-rest);white-space:nowrap;padding-bottom:var(--spacing-40)}.status-pill__percentage{font-family:var(--font-family-base);font-size:var(--font-size-body-1);font-weight:400;line-height:var(--line-height-body-1);color:var(--fg-neutral-2-rest);text-align:center}.status-pill__icon{width:20px;height:20px;display:block;color:var(--fg-neutral-2-rest)}.status-pill__icon svg{width:100%;height:100%;fill:var(--fg-neutral-2-rest)}.status-pill__tooltip{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);background:var(--bg-neutral-3-rest);border:1px solid color-mix(in srgb,var(--view-purple-accent) 35%,transparent);border-radius:var(--radius-3xlarge);box-shadow:0 0 47px color-mix(in srgb,var(--view-purple-accent) 20%,transparent);padding:var(--spacing-200);font-family:var(--font-family-base);font-size:var(--font-size-body-2-stronger);font-weight:400;line-height:var(--line-height-body-2-stronger);color:var(--fg-neutral-2-rest);text-align:left;width:max-content;max-width:360px;white-space:normal;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity var(--anim-hover);z-index:100}.status-pill__tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--bg-neutral-3-rest)}.status-pill:hover .status-pill__tooltip,.status-pill:focus-visible .status-pill__tooltip{opacity:1}