@layer equip{.eq-hold-button{--_bg:var(--eq-danger);--_ink:var(--eq-solid-ink);--_line:transparent;isolation:isolate;justify-content:center;align-items:center;gap:var(--eq-space-2);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;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);display:inline-flex;position:relative;overflow:hidden}.eq-hold-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);gap:var(--eq-space-1)}.eq-hold-button[data-size=l]{height:var(--eq-h-l);padding-inline:var(--eq-space-4);font-size:var(--eq-text-l)}.eq-hold-button[data-variant=solid]{--_bg:var(--eq-solid);--_ink:var(--eq-solid-ink)}.eq-hold-button[data-variant=outline]{--_bg:transparent;--_ink:var(--eq-ink);--_line:var(--eq-line-strong)}@media (hover:hover){.eq-hold-button[data-state=idle]:hover:not(:disabled){background:color-mix(in srgb, var(--_bg) 90%, var(--_ink))}.eq-hold-button[data-variant=outline][data-state=idle]:hover:not(:disabled){background:var(--eq-tint)}}.eq-hold-button[data-state=holding]{scale:var(--eq-press)}.eq-hold-button[data-state=done]{transition:background-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur-move) var(--eq-spring)}.eq-hold-button:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-hold-button:disabled{opacity:.45;cursor:not-allowed}.eq-hold-button-fill{z-index:-1;background:color-mix(in srgb, var(--_ink) 26%, transparent);transform-origin:0;transition:transform var(--eq-dur-move) var(--eq-ease);pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.eq-hold-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-hold-button[data-state=holding] .eq-hold-button-fill{transition:transform var(--_hold,1.2s) linear;transform:scaleX(1)}.eq-hold-button[data-state=done] .eq-hold-button-fill{transition:none;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.eq-hold-button[data-state=holding] .eq-hold-button-fill{transition-timing-function:steps(4,end)}}.eq-hold-button-check{flex:none;width:1.15em;height:1.15em;display:none}.eq-hold-button[data-state=done] .eq-hold-button-check{transition:scale var(--eq-dur-move) var(--eq-spring);display:block;scale:1}.eq-hold-button-check>path{stroke-dasharray:1;stroke-dashoffset:0}.eq-hold-button[data-state=done] .eq-hold-button-check>path{transition:stroke-dashoffset var(--eq-dur-move) var(--eq-ease)}@starting-style{.eq-hold-button[data-state=done] .eq-hold-button-check{scale:.6}.eq-hold-button[data-state=done] .eq-hold-button-check>path{stroke-dashoffset:1px}}.eq-hold-button-label{align-items:center;gap:inherit;display:inline-flex}.eq-hold-button-hint,.eq-hold-button-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
