.demo.svelte-hdk8sv{box-shadow:0 1px 2px rgb(var(--shadow) / .05), 0 30px 60px -30px rgb(var(--shadow) / .35)}.doc.svelte-hdk8sv{width:92px;transform:translate(calc(-50% + var(--x) * var(--k,1)), -58%) rotate(var(--r));transition:transform .62s var(--ease-in-out);transition-delay:calc(var(--i) * 50ms)}@media (width<=420px){.doc.svelte-hdk8sv{--k:.82;width:84px}}.sheet.svelte-hdk8sv{background:#fff;border-radius:8px;flex-direction:column;gap:6px;height:116px;padding:10px 9px;display:flex;box-shadow:0 0 0 1px #141e4614,0 8px 18px -8px #141e4659}.band.svelte-hdk8sv{background:var(--c);border-radius:3px;width:55%;height:10px}.ln.svelte-hdk8sv{background:#d9deea;border-radius:2px;height:4px}.pic.svelte-hdk8sv{background:linear-gradient(160deg, color-mix(in oklab, var(--c) 35%, #fff), color-mix(in oklab, var(--c) 75%, #fff));border-radius:4px;flex:1}.label.svelte-hdk8sv{text-align:center;color:var(--muted);margin-top:6px;font-size:11px;font-weight:500;transition:opacity .2s;display:block}[data-state=working].svelte-hdk8sv .doc:where(.svelte-hdk8sv),[data-state=done].svelte-hdk8sv .doc:where(.svelte-hdk8sv){transform:translate(calc(-50% + var(--i) * 5px - 5px), calc(-58% + var(--i) * 4px - 4px)) rotate(calc(var(--i) * 2deg - 2deg))}[data-state=working].svelte-hdk8sv .label:where(.svelte-hdk8sv),[data-state=done].svelte-hdk8sv .label:where(.svelte-hdk8sv){opacity:0}.badge.svelte-hdk8sv{background:var(--ok);color:#fff;opacity:0;transition:opacity .15s ease, scale .38s var(--ease-back);border-radius:999px;align-items:center;gap:3px;padding:3px 8px 3px 6px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:22px;left:calc(50% + 34px);scale:.4}[data-theme=dark] .badge.svelte-hdk8sv{color:#0b1a12}[data-state=done].svelte-hdk8sv .badge:where(.svelte-hdk8sv){opacity:1;scale:1}.bar.svelte-hdk8sv{opacity:0;transition:opacity .2s}.bar.svelte-hdk8sv span:where(.svelte-hdk8sv){border-radius:inherit;background:var(--t-merge);width:0;height:100%;display:block}[data-state=working].svelte-hdk8sv .bar:where(.svelte-hdk8sv){opacity:1}[data-state=working].svelte-hdk8sv .bar:where(.svelte-hdk8sv) span:where(.svelte-hdk8sv){width:100%;transition:width .85s var(--ease-in-out)}@media (prefers-reduced-motion:reduce){.doc.svelte-hdk8sv,.badge.svelte-hdk8sv{transition:opacity .15s}}.toolkey.svelte-119hrps{box-shadow:0 1px 2px rgb(var(--shadow) / .04);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s ease}.toolkey.svelte-119hrps .tile:where(.svelte-119hrps){transition:transform .3s var(--ease-back)}.toolkey.svelte-119hrps:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.toolkey.svelte-119hrps:hover{border-color:color-mix(in oklab, var(--tile) 45%, var(--line));box-shadow:0 1px 2px rgb(var(--shadow) / .05), 0 18px 34px -18px color-mix(in oklab, var(--tile) 55%, transparent);transform:translateY(-3px)}.toolkey.svelte-119hrps:hover .tile:where(.svelte-119hrps){transform:rotate(-6deg)scale(1.06)}.toolkey.svelte-119hrps:hover:active{transform:translateY(0)scale(.97)}}@media (prefers-reduced-motion:reduce){.toolkey.svelte-119hrps,.toolkey.svelte-119hrps .tile:where(.svelte-119hrps){transition:border-color .2s}.toolkey.svelte-119hrps:hover,.toolkey.svelte-119hrps:active,.toolkey.svelte-119hrps:hover .tile:where(.svelte-119hrps){transform:none}}