@layer equip{.eq-grace-button{--_bg:var(--eq-solid);--_ink:var(--eq-solid-ink);--_line:transparent;min-width:24px;height:var(--eq-h-m);padding:0 var(--eq-space-3);border:1px solid var(--_line);border-radius:var(--eq-radius-m);background:var(--_bg);color:var(--_ink);font:var(--eq-weight-strong) var(--eq-text-m) / 1 var(--eq-font);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--eq-dur) var(--eq-ease), border-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.eq-grace-button[data-size=s]{height:var(--eq-h-s);padding-inline:var(--eq-space-2);border-radius:var(--eq-radius-s);font-size:var(--eq-text-s)}.eq-grace-button[data-size=l]{height:var(--eq-h-l);padding-inline:var(--eq-space-4);font-size:var(--eq-text-l)}.eq-grace-button[data-variant=accent]{--_bg:var(--eq-accent);--_ink:var(--eq-accent-ink);--_line:color-mix(in srgb, var(--eq-accent-ink) 55%, var(--eq-accent))}.eq-grace-button[data-variant=outline]{--_bg:transparent;--_ink:var(--eq-ink);--_line:var(--eq-line-strong)}.eq-grace-button[data-variant=ghost]{--_bg:transparent;--_ink:var(--eq-ink)}.eq-grace-button[data-variant=danger]{--_bg:var(--eq-danger);--_ink:var(--eq-solid-ink)}.eq-grace-button[data-state=pending]{--_bg:transparent;--_ink:var(--eq-ink);--_line:var(--eq-line-strong)}@media (hover:hover){.eq-grace-button:hover:not(:disabled){background:color-mix(in srgb, var(--_bg) 88%, var(--_ink))}.eq-grace-button:is([data-variant=outline],[data-variant=ghost],[data-state=pending]):hover:not(:disabled){background:var(--eq-tint)}}.eq-grace-button:active:not(:disabled){scale:var(--eq-press)}.eq-grace-button[data-state=done]{cursor:default}.eq-grace-button:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-grace-button:disabled{opacity:.45;cursor:not-allowed}.eq-grace-button-face{justify-items:center;display:grid}.eq-grace-button-label,.eq-grace-button-undo,.eq-grace-button-done{align-items:center;gap:var(--eq-space-2);visibility:hidden;opacity:0;transition:opacity var(--eq-dur) var(--eq-ease), visibility var(--eq-dur);grid-area:1/1;display:inline-flex}.eq-grace-button[data-size=s] :is(.eq-grace-button-undo,.eq-grace-button-done){gap:var(--eq-space-1)}:is(.eq-grace-button-label,.eq-grace-button-undo,.eq-grace-button-done)[data-active]{visibility:visible;opacity:1}.eq-grace-button-done>svg{width:1.15em;height:1.15em;transition:scale var(--eq-dur) step-end;flex:none;scale:.6}.eq-grace-button-done>svg>path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--eq-dur) step-end}.eq-grace-button-done[data-active]>svg{transition:scale var(--eq-dur-move) var(--eq-spring);scale:1}.eq-grace-button-done[data-active]>svg>path{stroke-dashoffset:0;transition:stroke-dashoffset var(--eq-dur-move) var(--eq-ease)}.eq-grace-button-count{min-width:2ch;font-family:var(--eq-font-mono);font-variation-settings:var(--eq-font-mono-settings);font-variant-numeric:tabular-nums;text-align:end}.eq-grace-button-fill{inset-inline:0;opacity:0;transform-origin:0;height:2px;transition:opacity var(--eq-dur) var(--eq-ease), transform var(--eq-dur) step-end;pointer-events:none;background:currentColor;position:absolute;bottom:0;transform:scaleX(1)}.eq-grace-button-fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform-origin:100%}.eq-grace-button[data-state=pending] .eq-grace-button-fill{opacity:.55;transition:transform var(--_delay,5s) linear;transform:scaleX(0)}.eq-grace-button-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}