.klw{--klw-line:color-mix(in oklab, var(--color-base-content) 16%, transparent);--klw-mute:color-mix(in oklab, var(--color-base-content) 58%, transparent);margin:1.75rem 0}.klw__box{border:1px solid var(--klw-line);border-radius:var(--radius-box);background:color-mix(in oklab, var(--color-base-200) 70%, var(--color-base-100));font:.75rem/1.4 var(--font-mono);padding:1rem}.klw__row{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.5rem;display:grid}.klw__end{justify-items:center;gap:.3rem;display:grid}.klw__end small{color:var(--klw-mute);font-size:.6875rem}.klw__btn{font-variant-numeric:tabular-nums;min-width:4.5rem;height:2.75rem;color:inherit;cursor:pointer;background:linear-gradient(color-mix(in oklab, var(--color-base-content) 4%, var(--color-base-100)), color-mix(in oklab, var(--color-base-content) 11%, var(--color-base-100)));border:1px solid color-mix(in oklab, var(--color-base-content) 35%, transparent);touch-action:manipulation;border-radius:3px;padding:0 .9rem;font:400 1.25rem/1 system-ui,sans-serif}.klw__btn:active{transform:translateY(1px)}.klw__btn[aria-busy]{opacity:.55;cursor:progress}.klw button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.klw__track{height:2.75rem;position:relative}.klw__track:before{content:"";border-top:1px dashed var(--klw-mute);position:absolute;inset:50% 0 auto}.klw__env{width:19px;height:14px;fill:var(--color-base-100);stroke:var(--klw-mute);stroke-width:1px;opacity:0;position:absolute;top:calc(50% - 7px);left:0}.klw__env[data-dir="1"]{opacity:1;stroke:var(--color-primary)}.klw__env[data-dir="-1"]{opacity:1;stroke:var(--color-success);fill:color-mix(in oklab, var(--color-success) 18%, var(--color-base-100))}.klw__queue{padding-left:calc(var(--n,0) * 5px + 4px);color:var(--color-primary);white-space:nowrap;background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--color-primary) 70%, transparent) 0 3px, transparent 3px 5px) left top / calc(var(--n,0) * 5px) 9px no-repeat;font-size:.6875rem;line-height:9px;position:absolute;top:0;left:0}.klw__srv{border:1px solid var(--klw-line);border-radius:var(--radius-field);background:var(--color-base-100);align-content:center;justify-items:center;height:2.75rem;padding:0 .6rem;transition:border-color .15s,box-shadow .15s;display:grid}.klw__srv b{font-weight:600}.klw__srv code{color:var(--klw-mute);font-size:inherit;background:0 0;padding:0}.klw__srv[data-on="1"]{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 30%, transparent)}.klw__srv[data-on="1"] code{color:var(--color-base-content)}.klw__call{align-items:baseline;gap:.5rem;margin:1rem 0 .5rem;display:flex}.klw__call code{min-width:0;font-size:inherit;color:var(--klw-mute);overflow-wrap:anywhere;background:0 0;flex:1;padding:0}.klw__arg{color:var(--color-base-content);font-weight:600}.klw mark{color:inherit;background:color-mix(in oklab, var(--color-accent) 55%, transparent);border-radius:2px;animation:1.6s ease-out forwards klw-fade}@keyframes klw-fade{60%{background:color-mix(in oklab, var(--color-accent) 55%, transparent)}to{background:color-mix(in oklab, var(--color-accent) 22%, transparent)}}.klw__decode{font:inherit;color:var(--color-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .15rem;text-decoration:underline dotted}.klw__log{border-top:1px solid var(--klw-line);height:4.8rem;margin:0;padding:0;list-style:none;overflow:hidden}.klw__log li{border-bottom:1px dotted var(--klw-line);white-space:nowrap;grid-template-columns:2.6rem minmax(0,auto) 1fr auto;align-items:center;gap:.6rem;height:1.6rem;display:grid}.klw__log li:first-child{animation:.3s ease-out klw-in}.klw__log li+li{color:var(--klw-mute)}.klw__log li+li mark{background:0 0;animation:none}.klw__log b{font-weight:600}.klw__log code{font-size:inherit;color:inherit;text-overflow:ellipsis;background:0 0;padding:0;overflow:hidden}.klw__log span{text-overflow:ellipsis;overflow:hidden}.klw__log i{color:var(--klw-mute);font-style:normal}@keyframes klw-in{0%{opacity:0;transform:translateY(-4px)}}.klw__tally{color:var(--klw-mute);margin-top:.6rem;font-size:.875rem}@media (width<=30rem){.klw__log li{grid-template-columns:2.2rem minmax(0,auto) 1fr}.klw__log i{display:none}}@media (prefers-reduced-motion:reduce){.klw *{transition:none!important;animation:none!important}}.klw__log:empty:before{content:attr(data-empty);color:var(--klw-mute);padding-top:.35rem;display:block}
