.drawably-host{--drawably-ease: cubic-bezier(.2, 0, 0, 1);position:relative;isolation:isolate;font-family:Inter,system-ui,sans-serif}.drawably-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.drawably-svg path{fill:none;stroke:var(--drawably-ink, var(--drawably-stroke, #2724d1));stroke-width:var(--drawably-width, 2);stroke-linecap:round;stroke-linejoin:round}@property --drawably-frame{syntax: "<integer>"; inherits: true; initial-value: 0;}.drawably-svg{--drawably-frame: 0;animation:drawably-boil 1.2s step-end infinite}@keyframes drawably-boil{0%{--drawably-frame: 0}33.33%{--drawably-frame: 1}66.67%{--drawably-frame: 2}}.drawably-boil{--drawably-i: 0;opacity:clamp(0,1 - (var(--drawably-frame) - var(--drawably-i)) * (var(--drawably-frame) - var(--drawably-i)),1)}.drawably-boil[data-i="1"]{--drawably-i: 1}.drawably-boil[data-i="2"]{--drawably-i: 2}.drawably-svg .drawably-blob{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:4}.drawably-svg .drawably-scribble{stroke-width:1.5}.drawably-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:0;background:none;font:inherit;font-family:Inter,system-ui,sans-serif;color:var(--drawably-ink, var(--drawably-stroke, #2724d1));cursor:pointer;outline:none;transition:transform .12s ease}.drawably-button:active{transform:translateY(1px) scale(.98)}.drawably-button .drawably-outline{transition:stroke-width .12s ease,fill .12s ease}.drawably-button:active .drawably-outline{stroke-width:calc(var(--drawably-width, 2) * 1.4)}@media(hover:hover){.drawably-button:hover:not(:disabled,[data-state=loading]){transform:translateY(-1px)}.drawably-button:not(.drawably-button--solid):hover:not(:disabled) .drawably-outline{fill:color-mix(in srgb,var(--drawably-ink, var(--drawably-stroke, #2724d1)) 10%,transparent)}.drawably-button:hover:active{transform:translateY(1px) scale(.98)}}.drawably-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.drawably-button--neutral{--drawably-stroke: #6e675f;--drawably-fill: #6e675f}.drawably-button--danger{--drawably-stroke: var(--drawably-error, #d12724);--drawably-fill: var(--drawably-error, #d12724)}.drawably-button[data-state=error]{--drawably-ink: var(--drawably-error, #d12724)}.drawably-button[data-state=success]{--drawably-ink: var(--drawably-success, #188a42)}.drawably-button[data-state=loading]{cursor:progress;opacity:.6}.drawably-button[data-state=loading] .drawably-svg{animation-duration:.45s}.drawably-button--solid{color:var(--drawably-paper, #fff)}.drawably-svg .drawably-focus{visibility:hidden;stroke-width:1.5}.drawably-host:is(:focus-visible,:has(:focus-visible)) .drawably-focus{visibility:visible}.drawably-checkbox,.drawably-radio{display:inline-block;width:22px;height:22px}.drawably-toggle{display:inline-block;width:44px;height:24px}:is(.drawably-checkbox,.drawably-radio,.drawably-toggle) input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.drawably-svg .drawably-dot{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));visibility:hidden;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:transform .16s var(--drawably-ease)}.drawably-radio[data-checked] .drawably-dot{visibility:visible;transform:scale(1)}.drawably-svg .drawably-knob{transition:transform .16s var(--drawably-ease)}.drawably-toggle[data-checked] .drawably-knob{transform:translate(20px)}.drawably-divider{display:block;height:10px;border:0}.drawably-svg .drawably-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .24s var(--drawably-ease)}.drawably-checkbox[data-checked] .drawably-check{stroke-dashoffset:0}.drawably-inputbox,.drawably-textarea,.drawably-select{display:inline-block}:is(.drawably-inputbox,.drawably-textarea,.drawably-select) :is(input,textarea,select){border:0;background:none;font:inherit;color:inherit;padding:8px 12px;width:100%;box-sizing:border-box;outline:none}.drawably-textarea textarea{display:block;resize:vertical}.drawably-select select{appearance:none;padding-right:34px;cursor:pointer}@supports (appearance: base-select){.drawably-select select,.drawably-select select::picker(select){appearance:base-select}.drawably-select select::picker-icon{display:none}.drawably-select select::picker(select){margin-top:4px;padding:6px;border:0;background:var(--drawably-paper, #fff);color:inherit;font:inherit}.drawably-select option{padding:4px 8px;border-radius:3px}.drawably-select option:is(:hover,:focus-visible){background:color-mix(in srgb,var(--drawably-stroke, #2724d1) 10%,transparent)}.drawably-select option::checkmark{content:"";display:inline-block;width:.875em;height:.875em}.drawably-select option:checked::checkmark{background:var(--drawably-ink, var(--drawably-stroke, #2724d1));mask:var(--drawably-check) center / contain no-repeat}}.drawably-badge{display:inline-block;padding:1px 7px;font:500 12px/1.4 Geist Mono,ui-monospace,monospace;color:var(--drawably-ink, var(--drawably-stroke, #2724d1))}.drawably-list{list-style:none;padding-left:24px}.drawably-card{padding:16px}.drawably-svg .drawably-wash{stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:6;stroke-opacity:.3;mix-blend-mode:multiply}:is(.drawably-underline,.drawably-circle) .drawably-svg path{stroke-width:var(--drawably-width, 1.5)}.drawably-arrow{inset:auto;z-index:1}@media(prefers-reduced-motion:reduce){.drawably-svg{animation:none}.drawably-svg .drawably-check,.drawably-svg .drawably-dot,.drawably-svg .drawably-knob{transition:none}}.drawably-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 6px;cursor:pointer}.drawably-chip .drawably-checkbox{scale:.8}.drawably-tabs{display:flex;gap:18px}.drawably-tabs>*{cursor:pointer}.drawably-tooltip{display:inline-block;padding:2px 10px}.drawably-alert{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px}.drawably-alert [data-tag]{padding:1px 6px}.drawably-kbd{padding:2px 8px;font:500 13px/1.4 Geist Mono,ui-monospace,monospace}.drawably-quote{margin:0}.drawably-quote footer{margin-top:10px;padding-top:8px}.drawably-pager{display:flex;gap:6px}.drawably-pager>button{min-width:34px}@font-face{font-family:Drawably Pen;src:url(/_astro/DrawablyPen.DIwgiJnp.ttf) format("truetype");font-weight:400;font-display:block}:root{--ink: #18181b;--ink-2: #474645;--ink-3: #a1a1aa;--pen: #2724d1;--paper: #e3e3e1;--code-k: #2724d1;--code-s: #0f766e;--code-n: #18181b;--code-o: #b45309;--code-p: #71717a;--ease: cubic-bezier(.2, 0, 0, 1);--drawably-stroke: #2724d1;--drawably-fill: #2724d1;--drawably-paper: #e3e3e1}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scrollbar-width:thin;scrollbar-color:gray transparent}*{scrollbar-width:thin;scrollbar-color:gray transparent}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Drawably Pen,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}h1,h2,.tagline,.pick-title,.pick-sub,.pick-tabs [role=tab],.pick-knobs,.pick-shuffle,.pick-inks [data-ink=mixed],.agent{font-family:Drawably Pen,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-synthesis:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.toc{display:none}.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.toc li{counter-increment:toc}.toc a{display:flex;align-items:center;min-height:40px;color:var(--ink-3);text-decoration:none;font-size:14px;transition:color .16s var(--ease)}.toc a:before{content:counter(toc) ".";width:1.4em;flex-shrink:0;font-variant-numeric:tabular-nums}.toc a:hover,.toc a[aria-current=true]{color:var(--ink)}.toc a:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.hero-actions{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:2px}.github{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ink-3);transition:color .16s var(--ease),transform .12s var(--ease)}.github svg{width:14px;height:14px;fill:currentColor}.github:hover{color:var(--ink)}.github:active{transform:scale(.96)}.github:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.agent{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 8px;border:0;background:none;font:500 11px/1 Geist Mono,ui-monospace,monospace;color:var(--ink-3);cursor:pointer;letter-spacing:0;transition:color .16s var(--ease),transform .12s var(--ease)}.agent:hover{color:var(--ink)}.agent:active{transform:scale(.96)}.agent:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.agent .cmd-icons{width:12px;height:12px}.agent .cmd-icons svg{width:12px;height:12px;stroke:currentColor}.hero,.board{position:relative;min-height:100dvh;overflow:clip}.board{scroll-margin-top:0}.brand{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;pointer-events:none}.logo{display:block;margin:0 auto 18px}h1{margin:0;font-size:clamp(48px,8vw,88px);font-weight:600;letter-spacing:-.04em;line-height:.95;text-wrap:balance;pointer-events:auto}.wordmark{display:block;height:1.35em;width:auto;margin:0 auto;overflow:visible;animation:drawably-boil 1.2s step-end infinite}.wordmark path{fill:none;stroke:var(--pen);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tagline{margin:14px auto 0;max-width:28ch;color:var(--ink-2);text-wrap:pretty;pointer-events:auto}.tagline span{white-space:nowrap}.board .piece{position:absolute;z-index:1}.piece,.piece .drawably-host,.piece .drawably-button{font-family:Drawably Pen,Inter,ui-sans-serif,system-ui,sans-serif}.hero{display:grid;grid-template-columns:1fr minmax(300px,44vw) 1fr;align-items:stretch;gap:24px;padding:72px 4vw}.hero .brand{position:static;padding:0}.col{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:18px}.col>:nth-child(odd){rotate:-2deg}.col>:nth-child(2n){rotate:2deg}.row{display:flex;align-items:center;gap:14px}.hint{font-family:Geist Mono,ui-monospace,monospace;font-size:12.5px}.piece-input{width:200px}.piece-card{width:220px}.piece-textarea{width:170px}.piece-textarea textarea{font:inherit;font-size:14px;color:var(--ink)}.piece-textarea textarea::placeholder{color:var(--ink-3)}.piece-list{margin:0;font-size:14px;color:var(--ink-2)}.piece-div{width:88px;margin:0}.piece-mit{top:16%;left:18%;rotate:-7deg}.piece-ver{top:20%;right:14%;rotate:5deg}.piece-react{bottom:14%;right:12%;rotate:-4deg;width:max-content;max-width:min(280px,70vw)}.piece-fn-btn{top:14%;left:18%;rotate:-6deg}.piece-fn-check{top:18%;right:11%;rotate:5deg}.piece-fn-input{bottom:20%;left:18%;rotate:4deg}.piece-fn-card{bottom:16%;right:10%;rotate:-5deg}.piece-fn-radio{top:8%;left:40%;rotate:4deg}.piece-fn-toggle{bottom:8%;left:38%;rotate:-3deg}.piece-fn-div{top:48%;left:8%;rotate:5deg}.piece-fn-arrow{top:34%;right:20%;rotate:-3deg}.piece-input input{width:100%;font:inherit;color:var(--ink)}.piece-input input::placeholder{color:var(--ink-3)}.check-label{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--ink-2);font-size:14px}.note,.fn,.meta{margin:0;font-size:13px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}.fn,.meta{font-family:Geist Mono,ui-monospace,monospace;font-size:12.5px}.cmd-wrap{pointer-events:auto;width:max-content;max-width:82vw}#install-card.drawably-card{padding:6px 10px}.code-wrap{pointer-events:auto;width:min(420px,86vw);text-align:left}.cmd{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0;border:0;background:none;box-shadow:none;font:500 13px/1 Geist Mono,ui-monospace,monospace;color:var(--ink);cursor:pointer;transition:transform .12s var(--ease)}.cmd:active{transform:scale(.96)}.cmd:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.dollar{color:var(--ink-3)}.cmd-text{flex:1;text-align:left}.cmd-icons{position:relative;width:16px;height:16px;flex-shrink:0;overflow:visible}.cmd-icons svg{position:absolute;inset:0;width:16px;height:16px;fill:none;stroke:var(--pen);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;transition:opacity .3s var(--ease),transform .3s var(--ease),filter .3s var(--ease)}.cmd-icons .copy{opacity:1;transform:scale(1);filter:blur(0)}.cmd-icons .tick,.cmd[data-copied] .copy,.agent[data-copied] .copy{opacity:0;transform:scale(.25);filter:blur(4px)}.cmd[data-copied] .tick,.agent[data-copied] .tick{opacity:1;transform:scale(1);filter:blur(0)}pre{margin:0;padding:0;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font:400 12.5px/1.7 Geist Mono,ui-monospace,monospace;text-align:left}.k{color:var(--code-k)}.s{color:var(--code-s)}.n{color:var(--code-n)}.o{color:var(--code-o)}.p{color:var(--code-p)}@media(prefers-reduced-motion:no-preference){.brand,.piece{opacity:0;animation:enter .7s var(--ease) forwards}.hero .brand{animation-delay:80ms}.col>:nth-child(1){animation-delay:.16s}.col>:nth-child(2){animation-delay:.24s}.col>:nth-child(3){animation-delay:.32s}.col>:nth-child(4){animation-delay:.4s}.col>:nth-child(5){animation-delay:.48s}.col>:nth-child(6){animation-delay:.56s}}@keyframes enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.wordmark{animation:none}.cmd-icons svg{transition:none}.toc li{transition:none;translate:none}}@media(max-width:1300px){.piece-fn-div{top:68%;left:6%}}@media(min-width:840px)and (min-height:621px){.rest{position:relative}.toc{display:block;position:absolute;left:28px;top:50vh;bottom:0;z-index:2;pointer-events:none}.toc ol{position:sticky;top:50%;translate:0 -50%;pointer-events:none}.toc li{opacity:0;translate:0 6px;transition:opacity .48s var(--ease),translate .48s var(--ease)}.toc.is-in ol{pointer-events:auto}.toc.is-in li{opacity:1;translate:0 0}.toc.is-in li:nth-child(1){transition-delay:0ms}.toc.is-in li:nth-child(2){transition-delay:80ms}.toc.is-in li:nth-child(3){transition-delay:.16s}}@media(max-width:720px),(max-height:620px){.hero,.board{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:48px 20px 40px}.hero{display:flex}.hero .brand{order:-1}.col{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:18px 22px}.brand{position:static;padding:0}.board .piece,.col>*{position:static;rotate:0deg}.piece-input,.piece-card,.piece-react{width:min(260px,100%)}.scatter{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 22px}.hint,.drawably-arrow{display:none}}.pick{position:relative;max-width:880px;margin:0 auto;padding:96px 24px 64px;scroll-margin-top:24px;overflow-x:clip}.pick-head{max-width:44ch}.pick-title{margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:600;letter-spacing:0;line-height:1.15;text-wrap:balance}.pick-sub{margin:10px 0 0;color:var(--ink-2);text-wrap:pretty}.pick-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:32px;padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--ink) 14%,transparent)}.pick-tabs{display:flex;flex-wrap:wrap;gap:2px}.pick-tabs [role=tab],.pick-shuffle{padding:4px 8px;border:0;border-radius:3px;background:none;font:500 12px/16px Geist Mono,ui-monospace,monospace;color:var(--ink-3);cursor:pointer;transition:color .16s var(--ease),background-color .16s var(--ease),transform .12s var(--ease)}.pick-tabs [role=tab]:hover,.pick-shuffle:hover{color:var(--ink)}.pick-tabs [aria-selected=true]{color:var(--ink);background:color-mix(in oklab,var(--ink) 7%,transparent)}.pick-tabs [role=tab]:active,.pick-shuffle:active{transform:scale(.96)}.pick-tabs [role=tab]:focus-visible,.pick-shuffle:focus-visible,.pick-cell:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.pick-knobs{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font:500 12px/16px Geist Mono,ui-monospace,monospace;color:var(--ink-3)}.pick-knobs label{display:inline-flex;align-items:center;gap:8px}.pick-knobs output{min-width:3ch;color:var(--ink);font-variant-numeric:tabular-nums}.pick-knobs input[type=range]{width:96px;height:16px;margin:0;accent-color:var(--pen)}.pick-shuffle kbd{margin-left:4px;padding:0 4px;border:1px solid color-mix(in oklab,var(--ink) 20%,transparent);border-radius:2px;font:inherit;font-size:10px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;margin-top:12px}.pick-cell{position:relative;display:grid;place-items:center;min-height:108px;padding:16px;border:0;border-radius:4px;background:none;font:inherit;cursor:pointer;transition:background-color .16s var(--ease)}.pick-cell:hover{background:color-mix(in oklab,var(--ink) 4%,transparent)}.pick-cell[aria-selected=true]{background:color-mix(in oklab,var(--pen) 9%,transparent)}.pick-cell:after{content:"#" attr(data-seed);position:absolute;right:8px;bottom:6px;font:400 10px/1 Geist Mono,ui-monospace,monospace;color:var(--ink-3);opacity:0;transition:opacity .16s var(--ease)}.pick-cell:hover:after,.pick-cell[aria-selected=true]:after{opacity:1}.pick-cell>*{pointer-events:none}.pick-cell,.pick-cell .drawably-host,.pick-cell .drawably-button{font-family:Drawably Pen,Inter,ui-sans-serif,system-ui,sans-serif}.pick-input{display:block;width:118px}.pick-input input{width:100%}.pick-card{display:grid;place-items:center;width:118px;height:64px;color:var(--ink-3)}.pick-out{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:10px 12px;border-radius:4px;background:color-mix(in oklab,var(--ink) 5%,transparent)}.pick-out pre{flex:1;min-height:1lh}.pick-out .c{color:var(--ink-3)}.pick-copy{width:28px;min-height:28px;justify-content:center}@media(max-width:720px){.pick{padding:64px 20px 40px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.pick-inks{display:inline-flex;align-items:center;gap:4px}.pick-inks [role=radio]{width:14px;height:14px;padding:0;border:0;border-radius:50%;background:var(--i);cursor:pointer;transition:transform .12s var(--ease),box-shadow .16s var(--ease)}.pick-inks [data-ink=mixed]{width:auto;padding:0 6px;border-radius:3px;background:none;font:inherit;color:var(--ink-3)}.pick-inks [data-ink=mixed][aria-checked=true]{color:var(--ink);background:color-mix(in oklab,var(--ink) 7%,transparent)}.pick-inks [role=radio][aria-checked=true]:not([data-ink=mixed]){box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--i)}.pick-inks [role=radio]:active{transform:scale(.9)}.pick-inks [role=radio]:focus-visible{outline:1.5px solid var(--pen);outline-offset:2px}.pick-cell[aria-selected=true]{background:color-mix(in oklab,var(--cell-ink, var(--pen)) 9%,transparent)}.pick-cell .drawably-host,.pick-cell .drawably-button{color:var(--cell-ink, var(--pen))}.pick-field{display:block;width:122px}.pick-field input,.pick-field select,.pick-field textarea{width:100%;font-family:inherit}.pick-field textarea{resize:none}.pick-list{margin:0;padding-left:22px;font-size:15px;line-height:22px;text-align:left}.pick-rule{width:118px;height:12px}.pick-prose{margin:0;font-size:18px;line-height:1.4;color:var(--ink)}.pick-pair{display:flex;align-items:center;gap:44px;font-size:16px;color:var(--ink)}.pick-grid[data-kind=arrow],.pick-grid[data-kind=list],.pick-grid[data-kind=textarea]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pick-shuffle{display:inline-flex;align-items:center;gap:5px}.shuffle-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pick-chip{font-size:14px}.pick-tabrow{font-size:16px;color:var(--ink)}.pick-col{display:flex;flex-direction:column;align-items:center;gap:26px;font-size:16px;color:var(--ink)}.pick-alert{white-space:nowrap;font-size:14px;color:var(--ink);text-align:left}.pick-quote{width:150px;font-size:16px;color:var(--ink);text-align:left}.pick-quote footer{font-size:13px;color:var(--ink-3)}.pick-grid[data-kind=alert],.pick-grid[data-kind=quote],.pick-grid[data-kind=steps],.pick-grid[data-kind=tabs],.pick-grid[data-kind=pager]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:720px){.pick-bar{flex-direction:column;align-items:stretch}.pick-bar>*{min-width:0;max-width:100%}.pick-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pick-tabs [role=tab]{flex:none}.pick-knobs{display:block;width:100%;max-width:100%}.pick-knobs>*{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;margin-top:10px}.pick-inks{flex-wrap:wrap}.pick-knobs label{gap:8px}.pick-knobs input[type=range]{flex:1 1 0;width:0;min-width:0}.pick-shuffle{width:auto}.pick-cell{min-height:92px;padding:12px}.pick-grid[data-kind=alert],.pick-grid[data-kind=quote],.pick-grid[data-kind=steps],.pick-grid[data-kind=tabs],.pick-grid[data-kind=pager],.pick-grid[data-kind=arrow],.pick-grid[data-kind=list],.pick-grid[data-kind=textarea]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pick-quote{width:100%;max-width:150px}.pick-alert{white-space:normal}.pick-out{flex-direction:row;align-items:flex-start}.pick-out pre{font-size:11.5px}}@media(max-width:380px){.pick-grid,.pick-grid[data-kind]{grid-template-columns:repeat(2,1fr)}}