.cs{--cs-ink:#1f1c19;--cs-align:center;color:var(--cs-ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;font-family:Archivo,archivo Fallback,system-ui,sans-serif;font-weight:400}.cs[data-align=left]{--cs-align:left}.cs:focus{outline:none}.cs button{font:inherit}.cs button:focus-visible{outline:2px solid var(--cs-ink);outline-offset:2px}.cs-track{position:absolute;inset:0}.cs-step{will-change:transform, filter, opacity;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1),opacity .75s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:48px;right:48px}.cs-step[data-state=near]{opacity:.28;filter:blur(8px)}.cs:not([data-settled]) .cs-step,.cs:not([data-settled]) .cs-label{transition:none}@keyframes cs-enter{0%{opacity:0;filter:blur(12px);transform:translateY(40px)}to{opacity:1;filter:none;transform:none}}@keyframes cs-enter-soft{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}.cs.is-entering .cs-track{animation:.8s cubic-bezier(.22,1,.36,1) both cs-enter}.cs.is-entering .cs-bars,.cs.is-entering .cs-foot{animation:.5s .25s both cs-enter-soft}.cs-step[data-state=far]{opacity:0;filter:blur(16px);pointer-events:none}.cs-label{align-items:center;justify-content:var(--cs-align);color:#6b665f;font-variant-numeric:tabular-nums;gap:4px;font-size:17px;line-height:22px;transition:opacity .45s;display:flex;position:absolute;bottom:calc(100% + 14px);left:0;right:0}.cs[data-align=left] .cs-label{justify-content:flex-start}.cs-step:not([data-state=current]) .cs-label{opacity:0}.cs-sentence{letter-spacing:-.02em;text-align:var(--cs-align);text-wrap:balance;margin:0;font-size:52px;font-weight:400;line-height:62px}.cs-sentence strong{font-weight:600}.cs-tag{font-weight:inherit;white-space:nowrap;border-radius:999px;align-items:baseline;gap:.1em;padding:0 .22em 0 .16em;line-height:1;display:inline-flex}.cs-tag svg{flex:none;align-self:center;width:.5em;height:.5em;overflow:visible}.cs-tag svg *{transform-box:fill-box}.cs-step[data-state=current] .vi-pan{transform-origin:90% 60%;animation:1.6s ease-in-out infinite vi-toss}.cs-step[data-state=current] .vi-flake{animation:1.6s ease-in-out infinite vi-hop}.cs-step[data-state=current] .vi-flake--late{animation-delay:.12s}.cs-step[data-state=current] .vi-blend{transform-origin:50% 100%;animation:2.2s linear infinite vi-whirr}.cs-step[data-state=current] .vi-fry{transform-origin:50% 100%;animation:1.1s ease-in-out infinite vi-flicker}.cs-step[data-state=current] .vi-cook{transform-origin:50% 100%;animation:1.8s ease-in-out infinite vi-tilt}.cs-step[data-state=current] .vi-add{transform-origin:50%;animation:2.4s cubic-bezier(.34,1.56,.64,1) infinite vi-pop}.cs-step[data-state=current] .vi-stir{transform-origin:50% 100%;animation:1.4s linear infinite vi-circle}.cs-step[data-state=current] .vi-squeeze{transform-origin:50%;animation:1.8s ease-in-out infinite vi-squish}.cs-step[data-state=current] .vi-lid{transform-origin:0 100%;animation:2.6s cubic-bezier(.34,1.3,.64,1) infinite vi-lift}@keyframes vi-toss{0%,to{transform:none}15%{transform:translate(-1px)rotate(-7deg)}30%{transform:translate(1px)rotate(3deg)}45%{transform:translate(-.6px,-.6px)rotate(-9deg)}62%{transform:translate(.8px)rotate(2deg)}80%{transform:translate(-.4px)rotate(-3deg)}}@keyframes vi-hop{0%,8%,30%,38%,62%,to{transform:none}20%{transform:translate(.5px,-3.5px)}50%{transform:translate(-.4px,-4.5px)}}@keyframes vi-whirr{0%,45%,to{transform:none}5%,15%,25%,35%{transform:translate(-.5px)rotate(-1.5deg)}10%,20%,30%,40%{transform:translate(.5px)rotate(1.5deg)}}@keyframes vi-flicker{0%,to{transform:none}25%{transform:scale(.94,1.1)rotate(-3deg)}50%{transform:scale(1.04,.94)}75%{transform:scale(.97,1.06)rotate(3deg)}}@keyframes vi-tilt{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes vi-pop{0%,60%,to{transform:none}20%{transform:rotate(90deg)scale(1.18)}35%{transform:rotate(90deg)}59.9%{transform:rotate(90deg)}}@keyframes vi-circle{0%{transform:translate(1.4px)rotate(8deg)}25%{transform:translateY(.9px)}50%{transform:translate(-1.4px)rotate(-8deg)}75%{transform:translateY(-.9px)}to{transform:translate(1.4px)rotate(8deg)}}@keyframes vi-squish{0%,55%,to{transform:none}20%{transform:scale(1.14,.82)}35%{transform:scale(.94,1.06)}}@keyframes vi-lift{0%,55%,to{transform:none}20%,35%{transform:translateY(-2.2px)rotate(-12deg)}}@keyframes cs-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cs-orb{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin:-3px 0;padding:0;display:grid}.cs-orb span{background:radial-gradient(circle at 35% 30%,#f5d653,#ec923b 38%,#b4347c 68%,#4e0b91);border-radius:50%;width:12px;height:12px;animation:3.4s ease-in-out infinite cs-breathe}.cs-orb.is-open span{animation-duration:.9s}@keyframes cs-rise-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}.cs-quote{max-width:460px;text-align:var(--cs-align);margin:22px auto 0;animation:.5s cubic-bezier(.22,1,.36,1) both cs-rise-in}.cs[data-align=left] .cs-quote{margin-left:0}.cs-quote blockquote{color:#57524c;margin:0;font-size:19px;font-style:italic;line-height:27px}.cs-quote figcaption{color:#8a8580;margin-top:8px;font-size:17px;line-height:22px}.cs-jump{cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0;position:absolute;inset:0}.cs-fade{z-index:2;pointer-events:none;position:absolute;left:0;right:0}.cs-fade--top{background:linear-gradient(#fff 35%,#fff0);height:70px;top:0}.cs-fade--bottom{background:linear-gradient(#fff0,#fff 60%);height:110px;bottom:0}.cs-bars{z-index:3;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cs-bar{cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;width:32px;height:18px;padding:0 2px 0 0;transition:height .45s cubic-bezier(.22,1,.36,1);display:flex}.cs-bar[aria-current]{height:32px}.cs-bar span{background:#cfcac3;border-radius:999px;width:4px;height:6px;transition:height .45s cubic-bezier(.22,1,.36,1),width .2s,background-color .2s}.cs-bar[aria-current] span{background:var(--cs-ink);height:22px}.cs-bar:hover span{width:6px}.cs-bar:not([aria-current]):hover span{background:#8a8580}.cs-foot{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:22px;left:0;right:0}.cs-slot{grid-template-columns:0fr;transition:grid-template-columns .56s cubic-bezier(.22,1,.36,1);display:grid}.cs-slot.is-shown{grid-template-columns:1fr}.cs-slot__inner{min-width:0;margin:-4px 0;padding:4px 0;display:flex;overflow:hidden}.cs-slot__inner>*{opacity:0;filter:blur(6px);flex:none;transition:opacity .22s,filter .22s,transform .3s,scale .14s cubic-bezier(.2,.8,.2,1);transform:scale(.9)}.cs-slot.is-shown .cs-slot__inner>*{opacity:1;filter:none;transition:opacity .36s .14s,filter .36s .14s,transform .52s cubic-bezier(.34,1.4,.64,1) .14s,scale .14s cubic-bezier(.2,.8,.2,1);transform:none}.cs-ing-btn:active,.cs-done:active,.cs-pop__done:active{scale:.96}.cs-foot.has-ing .cs-slot--done .cs-done{margin-left:8px}.cs-foot>*{pointer-events:auto}.cs-ing-btn{white-space:nowrap;color:#57524c;cursor:pointer;background:#f2f1ef;border:0;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:16px;line-height:20px;display:inline-flex}.cs .cs-ing-btn{font-size:16px}.cs-ing-btn svg{width:16px;height:16px}.cs-done{box-sizing:border-box;color:#fff;white-space:nowrap;cursor:pointer;background:#1f1c19;border:0;border-radius:999px;align-items:center;height:44px;padding:0 24px;font-size:16px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.cs .cs-done{font-size:16px}@keyframes cs-frost{0%{opacity:0}to{opacity:1}}@keyframes cs-frost-out{0%{opacity:1}to{opacity:0}}.cs-pop{z-index:10;place-items:center;display:grid;position:absolute;inset:0}.cs-pop__backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:default;background:#ffffff6b;border:0;padding:0;animation:.35s both cs-frost;position:absolute;inset:0}.cs .cs-pop__backdrop:focus-visible{outline:none}.cs-pop.is-closing .cs-pop__backdrop{animation:.42s .12s both cs-frost-out}.cs-pop__blob{z-index:0;box-sizing:border-box;pointer-events:none;background:#ffffffe0;border-radius:32px;position:absolute;box-shadow:0 0 0 1px #1f1c190d,0 24px 60px #1f1c192e}.cs-pop.is-closing .cs-pop__blob{animation:.12s .45s both cs-frost-out}.cs-pop__card{z-index:1;box-sizing:border-box;width:400px;padding:26px 30px 22px;position:relative}@keyframes cs-flow-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.98)}to{opacity:1;filter:none;transform:none}}@keyframes cs-flow-out{0%{opacity:1;filter:none;transform:none}to{opacity:0;filter:blur(4px);transform:translateY(8px)}}.cs-pop__item{animation:.52s cubic-bezier(.22,1,.36,1) both cs-flow-in;animation-delay:calc(.26s + var(--i,0) * 45ms)}.cs-pop.is-closing .cs-pop__item{animation:.16s both cs-flow-out}.cs-ing-btn.is-poured{visibility:hidden}.cs-pop__title{color:#6b665f;margin:0 0 4px;font-size:16px;line-height:22px}.cs-pop__title b{color:#1f1c19;margin-right:4px;font-weight:500}.cs-pop__card ul{margin:0;padding:0;list-style:none}.cs-pop__card li{letter-spacing:-.01em;border-bottom:1px solid #efedea;justify-content:space-between;gap:16px;padding:9px 0;font-size:24px;line-height:30px;display:flex}.cs-pop__amt{font-variant-numeric:tabular-nums;font-weight:600}.cs-pop__done{background:var(--cs-ink);color:#fff;cursor:pointer;border:0;border-radius:999px;height:44px;margin:16px auto 0;padding:0 24px;font-size:16px;font-weight:500;line-height:20px;transition:scale .14s cubic-bezier(.2,.8,.2,1);display:block}.cs .cs-pop__done{font-size:16px;font-weight:500}@media (prefers-reduced-motion:reduce){.cs-step{transition:opacity .2s}.cs-label,.cs-bar,.cs-bar span{transition:none}.cs-orb span,.cs-quote,.cs-pop__backdrop,.cs-pop__card{animation:none}.cs-pop__item{animation:.15s both cs-frost}.cs-pop.is-closing .cs-pop__item,.cs-pop.is-closing .cs-pop__backdrop,.cs-pop.is-closing .cs-pop__blob{animation:.15s both cs-frost-out}.cs.is-entering .cs-track,.cs.is-entering .cs-bars,.cs.is-entering .cs-foot{animation:.2s both cs-enter-soft}.cs-slot,.cs-slot__inner>*,.cs-slot.is-shown .cs-slot__inner>*{filter:none;transition:opacity .2s;transform:none}.cs-tag svg *{animation:none!important}}