[data-play] .plr .zaan{display:grid;gap:14px;justify-items:center;min-width:0}[data-play] .plr .zaan>:not(.plr-sr){width:100%;max-width:440px;min-width:0}[data-play] .plr .zaan-tray{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:8px;border-radius:14px;transition:box-shadow var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-tray[data-over]{box-shadow:inset 0 0 0 2px var(--al-accent);background:color-mix(in srgb,var(--al-accent) 8%,var(--al-paper))}[data-play] .plr .zaan-chip{position:relative;z-index:1;display:inline-flex;flex:none;min-width:0;margin:0;padding:0;border:0;border-radius:11px;background:none;color:inherit;font:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}[data-play] .plr .zaan-chip-in{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:44px;min-height:44px;padding:8px 14px;border-radius:11px;border:1.5px solid var(--al-line);background:var(--al-paper);color:var(--al-ink);box-shadow:inset 0 -3px 0 var(--al-line);font:600 15.5px/1.2 var(--plr-mono);white-space:nowrap;transition:transform var(--motion-quick) var(--ease-standard),border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),box-shadow var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard),opacity var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-sep{margin-right:1ch}[data-play] .plr .zaan-chip:hover:not([aria-disabled=true]) .zaan-chip-in{border-color:var(--al-accent)}[data-play] .plr .zaan-chip:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-chip[aria-disabled=true]{cursor:default}[data-play] .plr .zaan-chip:not([data-where=tray]) .zaan-chip-in{border-color:var(--al-accent);background:color-mix(in srgb,var(--al-accent) 12%,var(--al-paper));box-shadow:inset 0 -3px 0 var(--al-accent)}[data-play] .plr .zaan-chip[data-tried] .zaan-chip-in{border-style:dashed;border-color:var(--al-muted);color:var(--al-muted);box-shadow:none}[data-play] .plr .zaan-chip[data-picked] .zaan-chip-in{transform:translateY(-4px);border-style:solid;border-color:var(--al-accent);background:var(--al-soft);color:var(--al-accent);box-shadow:inset 0 -3px 0 var(--al-accent),0 8px 18px -8px color-mix(in srgb,var(--al-accent) 70%,transparent)}[data-play] .plr .zaan-chip[data-drag]{z-index:6;cursor:grabbing}[data-play] .plr .zaan-chip[data-drag] .zaan-chip-in{transform:scale(1.06) rotate(-2deg);border-style:solid;border-color:var(--al-accent);background:var(--al-soft);color:var(--al-accent);box-shadow:inset 0 -3px 0 var(--al-accent),0 12px 26px -10px rgb(0 0 0/.35)}[data-play] .plr .zaan-ghost{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:8px 14px;border-radius:11px;border:1.5px dashed var(--al-line);background:transparent;color:transparent;font:600 15.5px/1.2 var(--plr-mono);white-space:nowrap;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard)}[data-play] .plr button.zaan-ghost{border-color:var(--al-accent);background:color-mix(in srgb,var(--al-accent) 7%,var(--al-paper));cursor:pointer}[data-play] .plr button.zaan-ghost:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-cab{position:relative;margin-top:8px;padding:16px 8px 8px;border-radius:16px;border:1.5px solid var(--al-line);background:var(--plr-quiet);transition:border-color var(--motion-quick) var(--ease-standard),box-shadow var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-cab[data-over]{border-color:var(--al-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--al-accent) 20%,transparent)}[data-play] .plr .zaan-name{position:absolute;top:-11px;left:14px;padding:0 7px;border-radius:6px;background:var(--al-paper);color:var(--al-muted);font:600 14px/20px var(--plr-mono)}[data-play] .plr .zaan-drawers{display:grid;gap:6px;margin:0;padding:0;list-style:none}[data-play] .plr .zaan-drawer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-height:50px}[data-play] .plr .zaan-front,[data-play] .plr .zaan-inside{position:relative;display:flex;min-width:0;border-radius:10px}[data-play] .plr .zaan-face{display:flex;align-items:center;width:100%;min-height:50px;margin:0;padding:0 12px;border-radius:10px;border:1.5px solid var(--al-line);background:var(--al-paper);color:var(--al-ink);box-shadow:inset 0 -3px 0 var(--al-line);font:600 15.5px/1.2 var(--plr-mono);text-align:left;cursor:pointer;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),box-shadow var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-key{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-play] .plr .zaan-face[aria-disabled=true]{cursor:default}[data-play] .plr .zaan-face:hover:not([aria-disabled=true]),[data-play] .plr .zaan-face[data-armed],[data-play] .plr .zaan-front[data-over] .zaan-face{border-color:var(--al-accent);background:color-mix(in srgb,var(--al-accent) 7%,var(--al-paper))}[data-play] .plr .zaan-face:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-chip[data-where=front]{width:100%}[data-play] .plr .zaan-chip[data-where=front] .zaan-chip-in{justify-content:flex-start;min-height:50px;padding:0 12px;border-radius:10px}[data-play] .plr .zaan-inside{align-items:center;justify-content:center;background:color-mix(in srgb,var(--al-ink) 8%,var(--al-paper));box-shadow:inset 0 2px 5px color-mix(in srgb,var(--al-ink) 14%,transparent);transition:background-color var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaan-well{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}[data-play] .plr .zaan-lid{position:absolute;inset:0;border-radius:10px;border:1.5px solid var(--al-line);background:color-mix(in srgb,var(--al-ink) 4%,var(--al-paper));transition:transform var(--motion-deliberate) var(--ease-standard)}[data-play] .plr .zaan-lid:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:6px;margin:-3px 0 0 -15px;border-radius:3px;background:color-mix(in srgb,var(--al-ink) 22%,var(--al-paper))}[data-play] .plr .zaan-drawer[data-open] .zaan-lid{transform:translateX(104%)}[data-play] .plr .zaan-val{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;font:600 18px/1 var(--plr-mono);color:var(--al-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:0;transform:scale(.6);transition:opacity var(--motion-standard) var(--ease-standard) 90ms,transform var(--motion-deliberate) var(--ease-spring) 90ms,color var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaan-drawer[data-open] .zaan-val{opacity:1;transform:none}[data-play] .plr .zaan-drawer[data-open=lookup] .zaan-inside{background:color-mix(in srgb,var(--al-accent) 12%,var(--al-paper))}[data-play] .plr .zaan-drawer[data-open=lookup] .zaan-val{color:var(--al-accent)}[data-play] .plr button.zaan-val{width:100%;min-height:50px;margin:0;padding:0;border:1.5px solid transparent;border-radius:10px;background:transparent;cursor:pointer}[data-play] .plr button.zaan-val[aria-disabled=true]{cursor:default}[data-play] .plr .zaan-inside[data-over] button.zaan-val,[data-play] .plr button.zaan-val:hover:not([aria-disabled=true]),[data-play] .plr button.zaan-val[data-armed]{border-color:var(--al-accent);border-style:dashed}[data-play] .plr button.zaan-val:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-chip[data-where=inside]{width:100%}[data-play] .plr .zaan-chip[data-where=inside] .zaan-chip-in{min-height:50px;border-radius:10px;font-size:18px;font-weight:600}[data-play] .plr .zaan-glint{position:absolute;inset:0;z-index:2;border-radius:10px;pointer-events:none;opacity:0;background:color-mix(in srgb,var(--al-accent) 18%,transparent);box-shadow:inset 0 0 0 2px var(--al-accent)}[data-play] .plr .zaan-drawer[data-added],[data-play] .plr .zaan-drawer[data-empty]{grid-template-columns:minmax(0,1fr)}[data-play] .plr .zaan-add{width:100%;min-height:50px;margin:0;padding:0;border-radius:10px;border:1.5px dashed var(--al-muted);background:transparent;color:var(--al-muted);font:500 24px/1 var(--plr-sans);cursor:pointer;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-add[aria-disabled=true]{cursor:default}[data-play] .plr .zaan-add:hover:not([aria-disabled=true]),[data-play] .plr .zaan-add[data-armed],[data-play] .plr .zaan-drawer[data-over] .zaan-add{border-color:var(--al-accent);background:color-mix(in srgb,var(--al-accent) 8%,var(--al-paper));color:var(--al-accent)}[data-play] .plr .zaan-add:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-chip[data-where=drawer]{width:100%}[data-play] .plr .zaan-chip[data-where=drawer] .zaan-chip-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-height:50px;padding:0;border:0;background:none;box-shadow:none}[data-play] .plr .zaan-chip[data-where=drawer] .zaan-sep{display:none}[data-play] .plr .zaan-chip[data-where=drawer] .zaan-k,[data-play] .plr .zaan-chip[data-where=drawer] .zaan-v{display:flex;align-items:center;min-width:0;min-height:50px;padding:0 12px;border-radius:10px;border:1.5px solid var(--al-accent);background:color-mix(in srgb,var(--al-accent) 12%,var(--al-paper));box-shadow:inset 0 -3px 0 var(--al-accent);transition:border-color var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}[data-play] .plr .zaan-chip[data-where=drawer] .zaan-v{justify-content:center;font-size:18px;font-weight:600;color:var(--al-accent)}[data-play] .plr .zaan-lane{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;min-height:60px;padding:6px 8px;border-radius:14px;font:500 15.5px/1.2 var(--plr-mono);color:var(--al-ink);transition:box-shadow var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-lane[data-over]{background:color-mix(in srgb,var(--al-accent) 8%,var(--al-paper));box-shadow:inset 0 0 0 2px var(--al-accent)}[data-play] .plr .zaan-cmd,[data-play] .plr .zaan-code{padding:0;border-radius:0;background:none}[data-play] .plr .zaan-code{font:inherit;color:var(--al-ink);white-space:nowrap}[data-play] .plr .zaan-slot{display:inline-flex;flex:none;min-width:76px;min-height:46px;border-radius:11px;transition:box-shadow var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-slot[data-over]{box-shadow:0 0 0 2px var(--al-accent)}[data-play] .plr .zaan-hole{width:100%;min-height:46px;margin:0;padding:4px 10px;border-radius:11px;border:1.5px dashed var(--al-line);background:var(--al-paper);color:var(--al-muted);font:500 13px/1.2 var(--plr-sans);cursor:pointer;transition:border-color var(--motion-quick) var(--ease-standard),background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard)}[data-play] .plr .zaan-hole[aria-disabled=true]{cursor:default}[data-play] .plr .zaan-hole:hover:not([aria-disabled=true]),[data-play] .plr .zaan-hole[data-armed]{border-color:var(--al-accent);background:color-mix(in srgb,var(--al-accent) 7%,var(--al-paper));color:var(--al-accent)}[data-play] .plr .zaan-hole:focus-visible{outline:3px solid var(--al-accent);outline-offset:2px}[data-play] .plr .zaan-chip[data-where=lane]{flex:1 1 auto}[data-play] .plr .zaan-chip[data-where=lane] .zaan-chip-in{padding-inline:10px}[data-play] .plr .zaan-out{display:grid;align-content:start;gap:6px;min-height:46px;padding:12px 4px 0;border-top:1px solid var(--al-line);font:500 15px/1.35 var(--plr-mono)}[data-play] .plr .zaan-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;margin:0;min-width:0}[data-play] .plr .zaan-cmd{min-width:0;font:inherit;color:var(--al-ink);overflow-wrap:anywhere}[data-play] .plr .zaan-res{display:inline-block;font:600 19px/1.2 var(--plr-mono);color:var(--al-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-play] .plr .zaan-line[data-error] .zaan-res{font:600 15px/1.35 var(--plr-mono);color:var(--al-ink)}[data-play] .plr .zaan-x{margin-right:6px;color:var(--al-muted)}[data-play] .plr .zaan-line[data-partial] .zaan-cmd,[data-play] .plr .zaan-line[data-preview] .zaan-cmd{color:var(--al-muted)}[data-play] .plr .zaan-caret{display:inline-block;width:9px;height:18px;border-radius:2px;background:var(--al-accent);opacity:.7}[data-play] .plr .zaan[data-verdict=right] .zaan-chip:not([data-where=tray]) .zaan-chip-in,[data-play] .plr .zaan[data-verdict=right] .zaan-chip[data-where=drawer] .zaan-k,[data-play] .plr .zaan[data-verdict=right] .zaan-chip[data-where=drawer] .zaan-v{border-color:var(--plr-ok);background:color-mix(in srgb,var(--plr-ok) 12%,var(--al-paper));box-shadow:inset 0 -3px 0 var(--plr-ok);color:var(--al-ink)}[data-play] .plr .zaan[data-verdict=right] .zaan-chip[data-where=drawer] .zaan-chip-in{border:0;background:none;box-shadow:none}[data-play] .plr .zaan[data-verdict=right] .zaan-drawer[data-open=lookup] .zaan-inside{background:color-mix(in srgb,var(--plr-ok) 12%,var(--al-paper))}[data-play] .plr .zaan[data-verdict=right] .zaan-drawer[data-open=lookup] .zaan-val,[data-play] .plr .zaan[data-verdict=right] .zaan-res{color:var(--plr-ok)}@keyframes zaan-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes zaan-slide{0%{opacity:0;transform:translateX(-22px) scale(.95)}to{opacity:1;transform:none}}@keyframes zaan-lid-off{0%{transform:none}to{transform:translateX(104%)}}@keyframes zaan-val-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes zaan-blink{0%,55%{opacity:.7}56%,to{opacity:0}}[data-play] .plr[data-motion=running] .zaan-drawer[data-new],[data-play] .plr[data-motion=running] .zaan-lane[data-new]{animation:zaan-in var(--motion-deliberate) var(--ease-spring) .2s both}[data-play] .plr[data-motion=running] .zaan-drawer[data-added]{animation:zaan-slide var(--motion-deliberate) var(--ease-spring) both}[data-play] .plr[data-motion=running] .zaan[data-search] .zaan-lid{animation:zaan-lid-off .52s var(--ease-standard) calc(.26s + var(--i, 0) * .11s) both}[data-play] .plr[data-motion=running] .zaan[data-search] .zaan-val{animation:zaan-val-in .42s var(--ease-spring) calc(.42s + var(--i, 0) * .11s) both}[data-play] .plr[data-motion=running] .zaan-caret{animation:zaan-blink 1.1s steps(1) infinite}[data-play] .plr[data-motion=paused] .zaan-chip-in,[data-play] .plr[data-motion=paused] .zaan-chip[data-where=drawer] .zaan-k,[data-play] .plr[data-motion=paused] .zaan-chip[data-where=drawer] .zaan-v,[data-play] .plr[data-motion=paused] .zaan-inside,[data-play] .plr[data-motion=paused] .zaan-lid,[data-play] .plr[data-motion=paused] .zaan-val{transition:none}[data-play] .plr[data-motion=paused] .zaan-chip[data-drag] .zaan-chip-in,[data-play] .plr[data-motion=paused] .zaan-chip[data-picked] .zaan-chip-in{transform:none}@media (prefers-reduced-motion:reduce){[data-play] .plr[data-motion] .zaan-caret,[data-play] .plr[data-motion] .zaan-drawer[data-added],[data-play] .plr[data-motion] .zaan-drawer[data-new],[data-play] .plr[data-motion] .zaan-lane[data-new],[data-play] .plr[data-motion] .zaan[data-search] .zaan-lid,[data-play] .plr[data-motion] .zaan[data-search] .zaan-val{animation:none}[data-play] .plr .zaan-chip-in,[data-play] .plr .zaan-lid,[data-play] .plr .zaan-val{transition-property:opacity,background-color,border-color,color,box-shadow}[data-play] .plr .zaan-chip[data-drag] .zaan-chip-in,[data-play] .plr .zaan-chip[data-picked] .zaan-chip-in{transform:none}}@container (max-width: 480px){[data-play] .plr .zaan{gap:12px}[data-play] .plr .zaan-tray{gap:8px;padding:6px}[data-play] .plr .zaan-chip-in,[data-play] .plr .zaan-face,[data-play] .plr .zaan-ghost{font-size:14.5px}[data-play] .plr .zaan-chip-in,[data-play] .plr .zaan-ghost{padding-inline:12px}[data-play] .plr .zaan-cab{padding:15px 6px 6px}[data-play] .plr .zaan-drawer,[data-play] .plr .zaan-drawers{gap:5px}[data-play] .plr .zaan-lane{gap:4px;padding-inline:4px;font-size:14.5px}[data-play] .plr .zaan-slot{min-width:68px}[data-play] .plr .zaan-chip[data-where=lane] .zaan-chip-in{padding-inline:8px}[data-play] .plr .zaan-line[data-error] .zaan-res,[data-play] .plr .zaan-out{font-size:14px}[data-play] .plr .zaan-res{font-size:18px}}[data-play] .plr .zaan{width:100%;max-width:620px;margin-inline:auto;box-sizing:border-box}[data-play] .plr .zaan-chip-in,[data-play] .plr .zaan-face,[data-play] .plr .zaan-ghost{font-size:17px}[data-play] .plr .zaan-lane{font-size:17px;flex-wrap:wrap}[data-play] .plr .zaan-line[data-error] .zaan-res,[data-play] .plr .zaan-out{font-size:17px}[data-play] .plr .zaan-res{font-size:24px}