.fill-button{justify-content:center;align-items:center;gap:var(--space-1);padding:12px var(--space-3);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--fb-bg,var(--color-accent));color:var(--fb-text,var(--dark-text-primary));border:1px solid #0000;border-radius:999px;outline:none;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform 90ms;display:inline-flex;position:relative}.fill-button:active{transform:scale(.95)}.fill-button--full-width{width:100%}.fill-button--full-width .fill-button__content{gap:var(--space-1);grid-template-columns:auto 1fr auto;width:100%;display:grid}.fill-button--full-width .fill-button__label{text-align:center}.fill-button--full-width .fill-button__icon--lead{justify-self:start}.fill-button--full-width .fill-button__icon--trail{justify-self:end}.fill-button--primary{--fb-bg:var(--color-accent);--fb-text:var(--dark-text-primary)}.fill-button--positive{--fb-bg:var(--color-positive);--fb-text:var(--color-text-on-accent)}.fill-button--negative{--fb-bg:var(--color-negative);--fb-text:var(--color-text-on-accent)}.fill-button--primary:hover,.fill-button--positive:hover,.fill-button--negative:hover,.fill-button--primary.fill-button--active,.fill-button--positive.fill-button--active,.fill-button--negative.fill-button--active{background:linear-gradient(var(--color-white-10), var(--color-white-10)), var(--fb-bg,var(--color-accent))}.fill-button--positive-lite{--fb-bg:var(--semantic-up);--fb-text:var(--color-positive)}.fill-button--negative-lite{--fb-bg:var(--semantic-down);--fb-text:var(--color-negative)}.fill-button--positive-lite:hover,.fill-button--positive-lite.fill-button--active{background:var(--color-positive);color:var(--color-text-on-accent)}.fill-button--negative-lite:hover,.fill-button--negative-lite.fill-button--active{background:var(--color-negative);color:var(--color-text-on-accent)}.fill-button--secondary{--fb-bg:var(--color-neutral);--fb-text:var(--color-text-primary)}.fill-button--secondary:hover,.fill-button--secondary.fill-button--active{background:color-mix(in srgb, var(--color-neutral) 86%, #fff 14%)}.fill-button--outline{border-color:var(--color-border-subtle);--fb-text:var(--color-text-primary);background:0 0}.fill-button--outline:hover,.fill-button--outline.fill-button--active{background:var(--color-white-15)}.fill-button--transparent{--fb-bg:transparent;--fb-text:var(--color-text-muted);background:var(--fb-bg)}.fill-button--transparent:hover,.fill-button--transparent.fill-button--active{background:var(--fb-active-bg,var(--color-accent));color:var(--fb-active-text,var(--dark-text-primary))}.fb-pill-row{align-items:center;gap:var(--space-1);display:inline-flex}.fb-pill-row--full{width:100%;display:flex}.fb-pill-row--full>.fill-button{flex:1;min-width:0}.fill-button--bordered{border-color:var(--fb-border,var(--color-border-subtle));border-style:solid}.fill-button__content{align-items:center;gap:var(--space-1);display:inline-flex}.fill-button__label{white-space:nowrap;display:inline-block}.fill-button__icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.fill-button__icon svg{width:16px;height:16px;display:block}.fill-button--sm{gap:6px;padding:6px 14px}.fill-button--sm .fill-button__content{gap:6px}.fill-button--sm .fill-button__icon svg{width:14px;height:14px}.fill-button--md{min-height:44px;padding:0 18px}.fill-button--lg{min-height:44px;padding:0 30px}.fill-button--lg .fill-button__icon svg{width:18px;height:18px}.fill-button--square{aspect-ratio:1;gap:0;padding:12px}.fill-button--square .fill-button__content{gap:0}.fill-button--sm.fill-button--square{padding:6px}.fill-button--md.fill-button--square{min-height:0;padding:9px}.fill-button--lg.fill-button--square{min-height:0;padding:var(--space-2)}.fill-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.fill-button--loading{pointer-events:none;cursor:progress}.fill-button__spinner{animation:.9s linear infinite fill-button-spin}@keyframes fill-button-spin{to{transform:rotate(360deg)}}
