.slide-commit{--sc-track:#303030;--sc-ink:#ffd85f;--sc-ok:#20725a;--sc-no:#b44335;--sc-on-ink:#111111;--sc-on-ok:#111111;--sc-on-no:#ffffff;--sc-radius:28px;--sc-grip-r:24px;--sc-pad:4px;--sc-font:14px;position:relative;display:inline-block;vertical-align:middle;font-family:inherit}.slide-commit[data-disabled]{opacity:.55;pointer-events:none}.slide-commit__track{position:relative;width:100%;height:100%;border-radius:var(--sc-radius);background:var(--sc-track);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.slide-commit[data-held] .slide-commit__track{cursor:grabbing}.slide-commit[data-phase=done] .slide-commit__track,.slide-commit[data-phase=pending] .slide-commit__track{cursor:default}.slide-commit__label{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:var(--sc-font);font-weight:500;line-height:1;letter-spacing:-.006em;white-space:nowrap}.slide-commit__text{grid-area:1/1;color:color-mix(in srgb,var(--sc-ink) 45%,transparent);transition:opacity .2s ease,filter .2s ease}.slide-commit__text--error{color:var(--sc-no);opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--plain{opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--error{opacity:1;filter:none}.slide-commit__capsule{position:absolute;top:var(--sc-pad);left:var(--sc-pad);width:calc(100% - var(--sc-pad) * 2);height:calc(100% - var(--sc-pad) * 2);background:var(--sc-ink);color:var(--sc-on-ink);outline:none;transition:background-color .2s ease,color .2s ease}.slide-commit[data-phase=done] .slide-commit__capsule{background:var(--sc-ok);color:var(--sc-on-ok)}.slide-commit[data-phase=error] .slide-commit__capsule{background:var(--sc-no);color:var(--sc-on-no)}.slide-commit__capsule:focus-visible{box-shadow:inset 0 0 0 2px var(--sc-track)}.slide-commit__content{position:absolute;inset:0}.slide-commit__arrow,.slide-commit__done,.slide-commit__spin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;font-size:var(--sc-font);font-weight:600;line-height:1;letter-spacing:-.006em;white-space:nowrap}.slide-commit__arrow svg,.slide-commit__done svg,.slide-commit__spinner{display:block}.slide-commit__arrow,.slide-commit__spin{transition:filter .2s ease}.slide-commit:not([data-phase=pending]) .slide-commit__spin,.slide-commit[data-phase=pending] .slide-commit__arrow{filter:blur(2px)}.slide-commit__spinner{animation:slide-commit-spin 1s linear infinite;animation-play-state:paused}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-spin{to{transform:rotate(1turn)}}.slide-commit__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.slide-commit__spinner{animation:slide-commit-breathe 1.4s ease-in-out infinite;animation-play-state:paused}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-breathe{0%,to{opacity:1}50%{opacity:.4}}}.slide-commit{max-width:100%;flex-shrink:0}.slide-commit__label{padding-left:36px}.slide-commit__text{color:#fff3bf;font-weight:750}.slide-commit__text--error{color:#ffb8aa}.slide-commit__done{font-weight:800}.slide-commit__track:focus-within{outline:3px solid var(--fp-yellow,#ffd85f);outline-offset:3px}.slide-commit__capsule{touch-action:pan-y}@media (prefers-reduced-motion:reduce){.slide-commit *,.slide-commit :before{transition-duration:0s!important}}