@layer theme,base;@layer components{.hw-in{opacity:0;transition:opacity .5s ease, transform .55s var(--ease-rise);transition-delay:calc(var(--hw-start,0s) + var(--hw-d,0s));transform:translateY(6px)}[data-hw-seen=true] .hw-in{opacity:1;transform:none}.hw-fade{opacity:0;transition:opacity .5s;transition-delay:calc(var(--hw-start,0s) + var(--hw-d,0s))}[data-hw-seen=true] .hw-fade{opacity:1}.hw-out{opacity:1;transition:opacity .4s;transition-delay:calc(var(--hw-start,0s) + var(--hw-d,0s))}[data-hw-seen=true] .hw-out{opacity:0}.hw-meter{background:var(--wc-wash);border-radius:999px;flex:1;height:6px;overflow:hidden}.hw-meter i{background:var(--bar,var(--wc-indigo));width:0;height:100%;transition:width 1s var(--ease-rise);transition-delay:calc(var(--hw-start,0s) + var(--hw-d,0s));border-radius:999px;display:block}[data-hw-seen=true] .hw-meter i{width:var(--pct,0%)}[data-hw-seen=true] .hw-swap-up{animation:hw-swap-up .7s var(--ease-hand) calc(var(--hw-start,0s) + var(--hw-swap-d,4.2s)) forwards}[data-hw-seen=true] .hw-swap-down{animation:hw-swap-down .7s var(--ease-hand) calc(var(--hw-start,0s) + var(--hw-swap-d,4.2s)) forwards}.hw-swap-up,.hw-swap-down{background:var(--wc-surface-1);background-clip:padding-box}.hw-swap-up{z-index:2}.hw-swap-down{z-index:1}.hw-edit{white-space:nowrap;vertical-align:bottom;opacity:0;background:color-mix(in srgb, var(--wc-indigo) 28%, transparent);max-width:0;transition:max-width .45s var(--ease-rise), opacity .3s ease, background 1.2s ease;transition-delay:calc(var(--hw-start,0s) + var(--hw-d,0s)), calc(var(--hw-start,0s) + var(--hw-d,0s)), calc(var(--hw-start,0s) + var(--hw-d,0s) + .6s);border-radius:3px;display:inline-block;overflow:hidden}[data-hw-seen=true] .hw-edit{opacity:1;background:0 0;max-width:6em}@keyframes hw-swap-up{to{transform:translateY(calc(-1 * var(--hw-row,36px)))}}@keyframes hw-swap-down{to{transform:translateY(var(--hw-row,36px))}}.hw-block{border:1.5px solid #0000;transition:border-color .3s,background .3s}.hw-block--thinking{border-color:var(--wc-indigo);background:color-mix(in srgb, var(--wc-indigo) 5%, transparent);animation:1.8s ease-in-out infinite hw-think-breathe}@keyframes hw-think-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--wc-indigo) 0%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--wc-indigo) 14%, transparent)}}.hw-dots{align-items:center;gap:3px;display:inline-flex}.hw-dots i{background:var(--wc-indigo);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite hw-think;display:block}.hw-dots i:nth-child(2){animation-delay:.2s}.hw-dots i:nth-child(3){animation-delay:.4s}@keyframes hw-think{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.hw-reserve{position:relative}.hw-reserve>.hw-ghost{visibility:hidden}.hw-reserve>.hw-live{position:absolute;top:0;bottom:0;left:0;right:0}[data-hw-settled] .hw-in,[data-hw-settled] .hw-fade{opacity:1;transition:none;transform:none}[data-hw-settled] .hw-out{opacity:0;transition:none}[data-hw-settled] .hw-meter i{width:var(--pct,0%);transition:none}[data-hw-settled] .hw-swap-up{transform:translateY(calc(-1 * var(--hw-row,36px)));animation:none}[data-hw-settled] .hw-swap-down{transform:translateY(var(--hw-row,36px));animation:none}[data-hw-settled] .hw-edit{opacity:1;background:0 0;max-width:none;transition:none}@media (scripting:none){.hw-in,.hw-fade{opacity:1;transform:none}.hw-out{opacity:0}.hw-meter i{width:var(--pct,0%)}[data-hw-seen] .hw-swap-up{transform:translateY(calc(-1 * var(--hw-row,36px)))}[data-hw-seen] .hw-swap-down{transform:translateY(var(--hw-row,36px))}.hw-edit{opacity:1;background:0 0;max-width:none}.hw-reserve>.hw-ghost{visibility:visible}.hw-reserve>.hw-live{display:none}.hw-ledger{display:none!important}}@media (prefers-reduced-motion:reduce){.hw-in,.hw-fade{opacity:1;transition:none;transform:none}.hw-out{opacity:0;transition:none}.hw-meter i{width:var(--pct,0%);transition:none}[data-hw-seen] .hw-swap-up{transform:translateY(calc(-1 * var(--hw-row,36px)));animation:none}.hw-block--thinking,.hw-dots i{animation:none}.hw-edit{opacity:1;background:0 0;max-width:none;transition:none}[data-hw-seen] .hw-swap-down{transform:translateY(var(--hw-row,36px));animation:none}}}@layer utilities;
