.slide-commit{--sc-a:var(--color-accent-2);--sc-b:var(--color-accent);--sc-c:#4f46e5;--sc-tint:var(--color-accent);--sc-track:linear-gradient(100deg, color-mix(in oklab, var(--sc-tint) 17%, var(--color-panel)), color-mix(in oklab, var(--sc-c) 13%, var(--color-panel)));--sc-ink:linear-gradient(115deg, var(--sc-a), var(--sc-b) 50%, var(--sc-c));--sc-ok:#15803d;--sc-no:var(--color-danger);--sc-on-ink:#fff;--sc-on-ok:#fff;--sc-on-no:#fff;--sc-label:color-mix(in oklab, var(--sc-tint) 72%, var(--color-heading));--sc-radius:26px;--sc-grip-r:22px;--sc-pad:4px;--sc-grip:44px;--sc-font:15px;vertical-align:middle;font-family:inherit;display:inline-block;position:relative}.slide-commit[data-tone=emerald]{--sc-a:#34d399;--sc-b:#10b981;--sc-c:#0d9488;--sc-tint:#059669}.slide-commit[data-tone=violet]{--sc-a:#a78bfa;--sc-b:#7c3aed;--sc-c:#c026d3;--sc-tint:#7c3aed}.slide-commit[data-tone=amber]{--sc-a:#fbbf24;--sc-b:#f59e0b;--sc-c:#ea580c;--sc-tint:#d97706}:root[data-theme=dark] .slide-commit{--sc-ok:#3fbf6f;--sc-on-ok:#052e16;--sc-label:color-mix(in oklab, var(--sc-tint) 55%, var(--color-heading))}.slide-commit[data-disabled]{opacity:.55;pointer-events:none}.slide-commit__track{border-radius:var(--sc-radius);background:var(--sc-track);width:100%;height:100%;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--sc-tint) 38%, transparent), inset 0 2px 4px #0f172a0f, 0 10px 24px -16px color-mix(in oklab, var(--sc-tint) 70%, transparent);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;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-grip,44px) + var(--sc-pad) * 2);pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;place-items:center;padding-right:40px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.slide-commit__text{text-overflow:ellipsis;max-width:100%;color:var(--sc-label);grid-area:1/1;transition:opacity .2s,filter .2s;overflow:hidden}.slide-commit[data-phase=idle] .slide-commit__text--plain{background:linear-gradient(100deg, var(--sc-label) 38%, color-mix(in oklab, var(--sc-label) 35%, #fff) 50%, var(--sc-label) 62%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite slide-commit-shine}@keyframes slide-commit-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.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{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);box-shadow:0 10px 22px -8px color-mix(in oklab, var(--sc-tint) 75%, transparent);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:has(.slide-commit__capsule:focus-visible) .slide-commit__track{box-shadow:0 0 0 3px var(--color-page), 0 0 0 5px var(--color-accent)}.slide-commit__content{position:absolute;inset:0}.slide-commit__arrow,.slide-commit__spin,.slide-commit__done{pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.slide-commit__arrow svg,.slide-commit__done svg,.slide-commit__spinner{display:block}.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:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slide-commit__chev{color:var(--sc-label);display:flex;position:absolute;top:50%;right:12px;translate:0 -50%}.slide-commit__chev svg{opacity:.25;margin-left:-7px;animation:1.4s ease-in-out infinite slide-commit-chev}.slide-commit__chev svg:nth-child(2){animation-delay:.18s}.slide-commit__chev svg:nth-child(3){animation-delay:.36s}@keyframes slide-commit-chev{0%,to{opacity:.2}40%{opacity:1}}.slide-commit[data-narrow] .slide-commit__chev,.slide-commit--static .slide-commit__chev{display:none}.slide-commit[data-narrow] .slide-commit__label{padding-right:calc(var(--sc-pad) * 3)}.slide-commit__halo{top:var(--sc-pad);left:var(--sc-pad);width:var(--sc-grip);height:var(--sc-grip);border-radius:var(--sc-grip-r);pointer-events:none;position:absolute}.slide-commit[data-phase=idle]:not([data-held]) .slide-commit__halo{animation:2s ease-out infinite slide-commit-halo}@keyframes slide-commit-halo{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--sc-tint) 55%, transparent)}70%,to{box-shadow:0 0 0 12px color-mix(in oklab, var(--sc-tint) 0%, transparent)}}.slide-commit__go{pointer-events:none;font-size:calc(var(--sc-font) - 1px);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.slide-commit--static{display:block}.slide-commit--static .slide-commit__track:before{content:"";top:var(--sc-pad);left:var(--sc-pad);bottom:var(--sc-pad);aspect-ratio:1;border-radius:calc(var(--sc-radius) - var(--sc-pad));background:var(--sc-ink);position:absolute}@media (prefers-reduced-motion:reduce){.slide-commit[data-phase=idle] .slide-commit__text--plain{color:var(--sc-label);background:0 0;animation:none}.slide-commit__chev svg,.slide-commit[data-phase=idle]:not([data-held]) .slide-commit__halo{animation:none}.slide-commit__chev svg{opacity:.6}.slide-commit__spinner{animation:1.4s ease-in-out infinite paused slide-commit-breathe}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-breathe{0%,to{opacity:1}50%{opacity:.4}}}
