.slide-commit{position:relative;min-height:56px;overflow:hidden;border-radius:28px;background:#262626;color:#f5f5f5;cursor:grab;touch-action:none;user-select:none;outline:none}.slide-commit:focus-visible{box-shadow:0 0 0 3px #f4f0f2,0 0 0 5px #C7156E}.slide-commit:active{cursor:grabbing}.slide-commit--done,.slide-commit--pending{cursor:default}.slide-commit__fill{position:absolute;inset:0;transform-origin:left;background:#C7156E;transition:transform .16s ease-out}.slide-commit--done .slide-commit__fill{background:#14532d}.slide-commit--error .slide-commit__fill{background:#9f1239}.slide-commit__label{position:absolute;inset:0;display:grid;place-items:center;padding:0 64px;font-size:14px;font-weight:600;text-align:center}.slide-commit__handle{position:absolute;top:4px;display:grid;width:48px;height:48px;place-items:center;border-radius:24px;background:#f5f5f5;color:#1f1f1f;transition:left .16s ease-out,transform .16s ease-out}.slide-commit--dragging .slide-commit__handle{transform:scale(1.04)}.slide-commit__spin{animation:slide-commit-spin .9s linear infinite}@keyframes slide-commit-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.slide-commit__fill,.slide-commit__handle{transition:none}.slide-commit__spin{animation-duration:1.6s}}