.slide-commit{--sc-track:#111114;--sc-ink:#fff;--sc-ok:#0f7b3a;--sc-no:#b42318;--sc-on-ink:#111114;--sc-on-ok:#fff;--sc-on-no:#fff;--sc-radius:14px;--sc-grip-r:10px;--sc-pad:4px;--sc-font:15px;vertical-align:middle;font-family:inherit;display:inline-block;position:relative}.slide-commit[data-disabled]{opacity:.5;pointer-events:none}.slide-commit__track{border-radius:var(--sc-radius);background:var(--sc-track);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.slide-commit[data-held] .slide-commit__track{cursor:grabbing}.slide-commit[data-phase=pending] .slide-commit__track,.slide-commit[data-phase=done] .slide-commit__track{cursor:default}.slide-commit__label{padding-left:calc(var(--sc-pad) * 2 + 40px);pointer-events:none;font-size:var(--sc-font);white-space:nowrap;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.slide-commit__text{color:color-mix(in srgb, var(--sc-ink) 62%, transparent);grid-area:1/1;transition:opacity .2s,filter .2s}.slide-commit__text--error{color:color-mix(in srgb, var(--sc-no) 70%, #fff);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{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,color .2s;position:absolute}.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), 0 0 0 3px var(--focus,#1a56db)}.slide-commit__content{position:absolute;inset:0}.slide-commit__arrow,.slide-commit__spin,.slide-commit__done{pointer-events:none;font-size:var(--sc-font);white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.slide-commit__arrow,.slide-commit__spin{transition:filter .2s}.slide-commit[data-phase=pending] .slide-commit__arrow,.slide-commit:not([data-phase=pending]) .slide-commit__spin{filter:blur(2px)}.slide-commit__spinner{animation:1s linear infinite paused slide-commit-spin}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-spin{to{transform:rotate(360deg)}}.slide-commit__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.slide-commit__spinner{animation:none}}