.hold-to-confirm{width:100%;min-height:64px;padding:var(--space-4);background:var(--color-ink);color:var(--color-canvas);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-ink) 35%, transparent), var(--shadow-md);border:0;position:relative;overflow:hidden}.hold-to-confirm:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.hold-to-confirm-sm{width:auto;min-height:var(--tap-floor);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.hold-to-confirm-disabled{background:var(--color-ink-soft);cursor:not-allowed;color:var(--color-canvas)}.hold-to-confirm-fill{background:var(--color-amber);transform:scaleX(var(--hold-progress,0));transform-origin:0;pointer-events:none;position:absolute;inset:0}.hold-to-confirm-label{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);color:color-mix(in srgb, var(--color-canvas) calc((1 - var(--hold-progress,0)) * 100%), var(--color-ink));display:inline-flex;position:relative}.hold-to-confirm-quiet{border:1px solid var(--color-hairline);box-shadow:none;background:0 0}.hold-to-confirm-quiet:hover:not(.hold-to-confirm-disabled){border-color:var(--color-ink-soft)}.hold-to-confirm-quiet .hold-to-confirm-label{color:color-mix(in srgb, var(--color-ink-soft) calc((1 - var(--hold-progress,0)) * 100%), var(--color-ink))}.hold-to-confirm-quiet.hold-to-confirm-disabled{border-color:color-mix(in srgb, var(--color-hairline) 45%, transparent);background:0 0}.hold-to-confirm-quiet.hold-to-confirm-disabled .hold-to-confirm-label{color:var(--color-ink-soft)}.hold-to-confirm-icon-only{width:var(--tap-floor);min-width:var(--tap-floor);border-radius:var(--radius-full);border-color:#0000;padding:0}