.sb-root{--sb-primary:var(--color-primary);--sb-primary-d:color-mix(in oklab, var(--color-primary) 86%, black);--sb-success:var(--color-success);--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.22, 1, .36, 1);flex-direction:column;align-items:flex-start;display:flex;position:relative}.sb-root.sb-full{width:100%}.sb-btn{appearance:none;border:1px solid var(--sb-primary);background:var(--sb-primary);color:#fff;font:inherit;letter-spacing:-.01em;cursor:pointer;min-height:44px;transition:transform .12s var(--ease), box-shadow .2s var(--ease), background .3s var(--ease), border-color .3s var(--ease), min-width .5s var(--ease), opacity .3s var(--ease);-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 2px 6px oklch(42% .09 155/.28)}.sb-root.sb-full .sb-btn{width:100%}.sb-btn:active{transform:scale(.97)}.sb-btn:disabled{cursor:default}.sb-root[data-state=idle] .sb-btn:disabled{opacity:.5}.sb-btn:focus-visible{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px oklch(42% .09 155/.4);outline:none}.sb-btnwrap{display:inline-flex;position:relative}.sb-root.sb-full .sb-btnwrap{width:100%}.checkpath{stroke-dasharray:26;stroke-dashoffset:26px}@keyframes sb-draw{to{stroke-dashoffset:0}}.sb-bring{border:2px solid var(--sb-success);opacity:0;pointer-events:none;border-radius:15px;position:absolute;inset:0}.sb-lbl{transition:opacity .22s var(--ease), transform .3s var(--ease);align-items:center;gap:8px;display:inline-flex}.sb-savedface{opacity:0;justify-content:center;align-items:center;gap:9px;display:inline-flex;position:absolute;inset:0;transform:translateY(8px)}.sb-root[data-variant=commit] .sb-btn{min-width:158px}.sb-root[data-variant=commit][data-state=saving] .sb-btn{background:var(--sb-primary-d);border-color:var(--sb-primary-d)}.sb-root[data-variant=commit][data-state=saving] .sb-lbl{opacity:.6}.sb-root[data-variant=commit][data-state=saved] .sb-btn{background:var(--sb-primary-d);border-color:var(--sb-primary-d);min-width:132px;box-shadow:0 2px 10px oklch(42% .09 155/.32),0 0 0 4px oklch(42% .09 155/.1)}.sb-root[data-variant=commit][data-state=saved] .sb-lbl{opacity:0;transform:translateY(-8px)}.sb-root[data-variant=commit][data-state=saved] .sb-savedface{animation:sb-face .45s var(--spring) 50ms forwards}.sb-root[data-variant=commit][data-state=saved] .sb-savedface .checkpath{animation:sb-draw .4s var(--ease) .18s forwards}.sb-root[data-variant=commit][data-state=saved] .sb-bring{animation:sb-ring .72s var(--ease) forwards}.sb-root[data-variant=commit][data-state=saved] .sb-bring.r2{animation-delay:.1s}@keyframes sb-face{to{opacity:1;transform:translateY(0)}}@keyframes sb-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}.sb-stamp{color:var(--color-ink-3);opacity:0;white-space:nowrap;align-items:center;gap:9px;margin-top:14px;font-size:12.5px;font-weight:500;display:flex;transform:translateY(6px)}.sb-stamp .sb-hair{background:var(--color-rule-2);flex:0 0 22px;height:1px}.sb-stamp b{color:var(--color-ink-2);font-weight:600}.sb-root[data-variant=commit][data-state=saved] .sb-stamp{animation:sb-stamp .5s var(--ease) .34s forwards}@keyframes sb-stamp{to{opacity:1;transform:none}}.sb-burst{pointer-events:none;width:60px;height:60px;position:absolute;top:-52px;left:22px}.sb-ring{border:2px solid var(--sb-success);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(.4)}.sb-disc{background:var(--sb-primary);opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:9px;transform:scale(.2);box-shadow:0 8px 22px oklch(42% .09 155/.4)}.sb-root[data-variant=affirmation][data-state=saved] .sb-disc{animation:sb-disc .6s var(--spring) forwards}.sb-root[data-variant=affirmation][data-state=saved] .sb-ring{animation:sb-bring-pop .7s var(--ease) forwards}.sb-root[data-variant=affirmation][data-state=saved] .sb-ring.r2{animation-delay:80ms}.sb-root[data-variant=affirmation][data-state=saved] .sb-disc .checkpath{animation:sb-draw .34s var(--ease) .22s forwards}@keyframes sb-disc{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes sb-bring-pop{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}.sb-savedword{opacity:0;flex-direction:column;margin-top:13px;display:inline-flex}.sb-savedword .sb-big{letter-spacing:-.01em;color:var(--color-success-ink);font-family:Newsreader,Iowan Old Style,Georgia,serif;font-size:19px;font-weight:500;line-height:1.1}.sb-savedword small{color:var(--color-ink-3);margin-top:2px;font-size:12px;font-weight:500}.sb-root[data-variant=affirmation][data-state=saved] .sb-savedword{animation:sb-word .5s var(--spring) .28s forwards}@keyframes sb-word{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sb-root[data-variant=affirmation][data-state=saved] .sb-btn{opacity:.45;animation:sb-btn-pop .5s var(--spring) forwards}@keyframes sb-btn-pop{0%{transform:scale(1)}30%{transform:scale(.94)}65%{transform:scale(1.04)}to{transform:scale(1)}}.sb-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sb-spin;display:none}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-root[data-variant=receipt] .sb-btn{min-width:150px}.sb-root[data-variant=receipt][data-state=saving] .sb-spin{display:inline-block}.sb-ccheck{display:none}.sb-root[data-variant=receipt][data-state=saved] .sb-ccheck{display:inline-block}.sb-root[data-variant=receipt][data-state=saved] .sb-btn{background:var(--color-success-soft);border-color:var(--color-success-soft-border);color:var(--color-success-ink);box-shadow:none}.sb-root[data-variant=receipt][data-state=saved] .sb-ccheck .checkpath{animation:sb-draw .4s var(--ease) 50ms forwards}.sb-receipt{opacity:0;width:100%;max-height:0;transition:max-height .55s var(--ease), opacity .4s var(--ease), margin-top .4s var(--ease);margin-top:0;overflow:hidden}.sb-root[data-variant=receipt][data-state=saved] .sb-receipt{opacity:1;max-height:200px;margin-top:16px}.sb-rcard{background:var(--color-card);border:1px solid var(--color-rule);border-radius:13px;overflow:hidden}.sb-rrow{color:var(--color-ink-2);border-bottom:1px solid var(--color-rule);opacity:0;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:500;display:flex;transform:translateY(6px)}.sb-rrow:last-child{border-bottom:none}.sb-root[data-variant=receipt][data-state=saved] .sb-rrow{animation:sb-row .45s var(--ease) forwards}.sb-root[data-variant=receipt][data-state=saved] .sb-rrow:first-child{animation-delay:.3s}.sb-root[data-variant=receipt][data-state=saved] .sb-rrow:nth-child(2){animation-delay:.42s}@keyframes sb-row{to{opacity:1;transform:none}}.sb-rtick{background:var(--sb-success);border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sb-rrow .sb-where{color:var(--color-ink);white-space:nowrap;font-weight:600}.sb-rrow .sb-when{color:var(--color-ink-4);letter-spacing:.02em;white-space:nowrap;margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}@media (prefers-reduced-motion:reduce){.sb-root .sb-btn,.sb-root .sb-lbl,.sb-root .sb-savedface,.sb-root .sb-disc,.sb-root .sb-ring,.sb-root .sb-bring,.sb-root .sb-stamp,.sb-root .sb-savedword,.sb-root .sb-rrow,.sb-root .checkpath,.sb-root .sb-spin{transition:none!important;animation:none!important}.sb-root .sb-bring,.sb-root .sb-ring{display:none}.sb-root[data-state=saved] .sb-savedface,.sb-root[data-state=saved] .sb-disc,.sb-root[data-state=saved] .sb-stamp,.sb-root[data-state=saved] .sb-savedword,.sb-root[data-state=saved] .sb-rrow{opacity:1;transform:none}.sb-root[data-state=saved] .sb-lbl{opacity:0}.sb-root[data-state=saved] .checkpath{stroke-dashoffset:0}}