.exp{--exp-space:1rem;--exp-rail:18rem;--exp-radius:.75rem;width:100%;max-width:72rem}.exp__lede{max-width:44rem;margin:0 0 calc(var(--exp-space) * 1.75);font-family:var(--font-sans), system-ui, sans-serif;color:var(--site-body);text-wrap:pretty;font-size:1rem;font-weight:300;line-height:1.6}.exp__shell{--exp-panel-height:17.5rem;border:1px solid var(--site-line);border-radius:var(--exp-radius);background-color:var(--site-card);flex-direction:column;height:min(52rem,88vh);display:flex;overflow:hidden}.exp__bar{justify-content:space-between;align-items:center;gap:var(--exp-space);padding:calc(var(--exp-space) * .75) var(--exp-space);border-bottom:1px solid var(--site-line);flex:none;display:flex}.exp__body{grid-template-columns:minmax(0, 1fr) var(--exp-rail);flex:auto;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}@media (max-width:899px){.exp__shell{height:auto}.exp__body{flex:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);overflow:visible}}.exp__stage{min-width:0;min-height:0;padding:calc(var(--exp-space) * 1.5);background-color:var(--site-bg);align-content:center;justify-items:center;display:grid}.exp__stage:has(.exp__canvas){align-content:stretch;justify-items:stretch}.exp__rail{--exp-rail-pad:calc(var(--exp-space) * 1.25);--exp-band-space:calc(var(--exp-space) * .75);gap:var(--exp-band-space);min-width:0;min-height:0;padding:var(--exp-rail-pad);border-left:1px solid var(--site-line);flex-direction:column;display:flex;overflow-y:auto}@media (max-width:899px){.exp__rail{border-left:0;border-top:1px solid var(--site-line);overflow-y:visible}}.exp__dock{border-top:1px solid var(--site-line);flex-direction:column;flex:none;display:flex}.exp__code{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.23,1,.32,1);display:grid}.exp__code[data-open]{grid-template-rows:1fr}.exp__code-inner{min-height:0;overflow:hidden}.exp-dock__bar{padding:calc(var(--exp-space) * .25) calc(var(--exp-space) * .5);align-items:center;gap:.25rem;display:flex}.exp-dock__tab{color:var(--site-muted);cursor:pointer;background-color:#0000;border:0;border-radius:.375rem;flex:none;align-items:center;gap:.375rem;padding:.3rem .5rem;font-weight:500;transition:background-color .16s,color .16s;display:inline-flex}.exp-dock__tab[aria-expanded=true]{background-color:var(--site-case-hover);color:var(--site-ink)}.exp-dock__icon{flex:none;width:.875rem;height:.875rem}.exp-dock__chevron{width:.875rem;height:.875rem;transition:transform .24s cubic-bezier(.23,1,.32,1);transform:rotate(180deg)}.exp-icon-button[aria-expanded=true] .exp-dock__chevron{transform:none}.exp-dock__status{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--site-muted);flex:auto;align-items:center;gap:.375rem;margin:0 0 0 .5rem;display:flex;overflow:hidden}.exp-dock__status[data-tone=error]{color:var(--site-ink)}.exp-icon-button{width:1.75rem;height:1.75rem;color:var(--site-body);cursor:pointer;background-color:#0000;border:0;border-radius:.375rem;flex:none;place-items:center;padding:0;transition:background-color .16s,color .16s;display:inline-grid}@media (hover:hover) and (pointer:fine){.exp-dock__tab:hover,.exp-icon-button:hover{background-color:var(--site-case-hover);color:var(--site-ink)}}.exp-dock__tab:focus-visible,.exp-icon-button:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.exp__code,.exp-dock__chevron,.exp-dock__tab,.exp-icon-button{transition:none}}.code-editor{height:var(--exp-panel-height,15rem);background-color:var(--site-bg);box-shadow:inset 0 1px 0 var(--site-line);grid-template-columns:minmax(100%,max-content);display:grid;overflow:auto}.code-editor__layer{padding:var(--exp-space) calc(var(--exp-space) * 1.25);font-family:var(--font-chivo-mono), ui-monospace, monospace;letter-spacing:0;tab-size:2;white-space:pre;border:0;grid-area:1/1;margin:0;font-size:.75rem;font-weight:400;line-height:1.7}.code-editor__highlight pre,.code-editor__highlight code{font:inherit;white-space:inherit;background:0 0;margin:0;padding:0}.code-editor__plain{color:var(--site-body)}.code-editor__input{resize:none;color:#0000;-webkit-text-fill-color:transparent;width:100%;height:100%;caret-color:var(--site-ink);background:0 0;outline:none;overflow:hidden}.code-editor__input::selection{background-color:var(--site-selection);color:#0000}.code-editor:has(.code-editor__input[aria-invalid]){box-shadow:inset 0 1px 0 var(--site-line), inset 3px 0 0 var(--site-ink)}.exp__canvas{border-radius:calc(var(--exp-radius) - .25rem);isolation:isolate;width:100%;height:100%;min-height:18rem;position:relative;overflow:hidden}.exp__frame{width:100%;max-height:100%;margin:0;overflow-y:auto}.exp__title,.exp__meta,.exp-section__title,.exp-control__label,.exp-control__note,.exp-control__readout,.exp-select,.exp-dock__tab,.exp-dock__status,.exp-menu,.wall__empty,.wall__company,.wall__name,.wall__summary,.wall__credit{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:0;text-transform:none;font-size:.75rem;line-height:1.5}.exp__title{color:var(--site-ink);margin:0;font-weight:500}.exp__meta,.exp-section__title{color:var(--site-muted);font-weight:500}.exp-section{gap:var(--exp-space);flex-direction:column;display:flex}.exp-section__title{margin:0 calc(var(--exp-rail-pad) * -1);padding:var(--exp-band-space) var(--exp-rail-pad) 0;border-top:1px solid var(--site-line)}.exp-section:first-child .exp-section__title{margin-top:calc(var(--exp-rail-pad) * -1);border-top:0}.exp-control{flex-direction:column;gap:.375rem;min-width:0;display:flex}.exp-control__label{justify-content:space-between;align-items:baseline;gap:var(--exp-space);color:var(--site-body);font-weight:500;display:flex}.exp-control__value{font-family:var(--font-chivo-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--site-ink);font-size:.75rem}.exp-control__readout{color:var(--site-ink);text-wrap:pretty;margin:0}.exp-control__note{color:var(--site-muted);text-wrap:pretty;margin:0}.exp-link{color:var(--site-ink);text-decoration:underline;-webkit-text-decoration-color:var(--site-line);text-decoration-color:var(--site-line);text-underline-offset:3px}.exp-link:hover{text-decoration-color:currentColor}.exp-link:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px;border-radius:.125rem}.exp-select{border:1px solid var(--site-line);background-color:var(--site-bg);width:100%;color:var(--site-ink);cursor:pointer;text-align:left;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .625rem;transition:border-color .16s,background-color .16s;display:flex}@media (hover:hover) and (pointer:fine){.exp-select:hover{border-color:var(--site-muted)}}.exp-select:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.exp-select__value{white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.exp-select__chevron{width:.875rem;height:.875rem;color:var(--site-muted);flex:none;transition:transform .16s}.exp-select[data-state=open] .exp-select__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.exp-select,.exp-select__chevron{transition:none}}.exp-menu,.exp-tip{--site-ink:#111;--site-body:#3a3a3a;--site-muted:#737373;--site-line:#e5e5e5;--site-card:#fff;--site-accent:#1a5c3a;--site-case-hover:#1111110f}.exp-menu{border:1px solid var(--site-line);background-color:var(--site-card);width:15rem;min-width:15rem;max-height:22rem;color:var(--site-ink);border-radius:.5rem;padding:.25rem}html[data-theme=dark] .exp-menu,html[data-theme=dark] .exp-tip{--site-ink:#f5f5f5;--site-body:#cfcfcf;--site-muted:#b4b4b4;--site-line:#2a2a2a;--site-card:#1c1c1c;--site-accent:#9bdca5;--site-case-hover:#f5f5f514}.exp-menu__heading{color:var(--site-muted);padding:.5rem .5rem .25rem;font-weight:500}.exp-menu__item{color:var(--site-body);cursor:pointer;border-radius:.3125rem;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;display:flex}.exp-menu__item>span:first-child{display:none}.exp-menu__item[data-highlighted]{background-color:var(--site-case-hover);color:var(--site-ink);outline:none}.exp-menu__item[data-state=checked]{color:var(--site-ink)}.exp-menu__body{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.exp-menu__label{font-weight:500}.exp-menu__hint{color:var(--site-muted);font-weight:400}.exp-menu__check{width:.875rem;height:.875rem;color:var(--site-accent);flex:none;margin-top:.1875rem}.exp-range{width:100%;height:1rem;accent-color:var(--site-accent);cursor:pointer;margin:0}.exp-range:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.exp-control__name{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.exp-info{width:1.125rem;height:1.125rem;color:var(--site-muted);cursor:help;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .16s;display:inline-grid}.exp-info__icon{width:.8125rem;height:.8125rem}@media (hover:hover) and (pointer:fine){.exp-info:hover{color:var(--site-ink)}}.exp-info[data-state=delayed-open],.exp-info[data-state=instant-open]{color:var(--site-ink)}.exp-info:focus-visible{outline:2px solid var(--site-accent);outline-offset:1px}.exp-tip{border:1px solid var(--site-line);background-color:var(--site-card);max-width:16rem;color:var(--site-body);font-family:var(--font-sans), system-ui, sans-serif;text-wrap:pretty;border-radius:.5rem;padding:.625rem .75rem;font-size:.75rem;line-height:1.5}.exp-tip--label{width:max-content;min-width:0;max-width:none;color:var(--site-ink);white-space:nowrap;border-radius:.375rem;padding:.375rem .625rem;font-weight:500}@media (prefers-reduced-motion:reduce){.exp-info{transition:none}.exp-tip{animation:none}}.wall{gap:calc(var(--exp-space) * .75);flex-direction:column;display:flex}.wall__bar{align-items:flex-end;gap:var(--exp-space);padding-bottom:var(--exp-space);border-bottom:1px solid var(--site-line);flex-wrap:wrap;display:flex}.wall__bar>.exp-control{flex:0 13rem}.wall__view{margin-left:auto;display:flex}.wall__empty{padding:calc(var(--exp-space) * 3) 0;color:var(--site-muted);text-align:center;margin:0}.wall__items{--wall-swap-duration:.16s;gap:calc(var(--exp-space) * 2.5) calc(var(--exp-space) * 1.5);margin:var(--exp-space) 0 0;opacity:1;transition:opacity var(--wall-swap-duration) cubic-bezier(.23, 1, .32, 1), transform var(--wall-swap-duration) cubic-bezier(.23, 1, .32, 1);padding:0;list-style:none;display:grid}.wall__items[data-swapping]{opacity:0;transform:translateY(.25rem)}@media (prefers-reduced-motion:reduce){.wall__items{transition:none}.wall__items[data-swapping]{opacity:1;transform:none}}.wall__items[data-view=list]{grid-template-columns:minmax(0,1fr)}.wall__items[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr))}.wall__item{gap:calc(var(--exp-space) * .75);flex-direction:column;min-width:0;display:flex}.wall__frame{margin:0}.wall__meta{flex-direction:column;gap:.25rem;min-width:0;display:flex}.wall__heading{justify-content:space-between;align-items:baseline;gap:var(--exp-space);min-width:0;display:flex}.wall__name{color:var(--site-ink);margin:0;font-weight:500}.wall__company{color:var(--site-muted);flex:none;margin:0;font-weight:500}.wall__summary{max-width:40rem;color:var(--site-body);text-wrap:pretty;margin:0}.wall__credit{color:var(--site-muted);text-wrap:pretty;margin:0}.wall-toggle{border:1px solid var(--site-line);background-color:var(--site-bg);box-shadow:none;border-radius:.375rem}.wall-toggle__item{min-width:2.25rem;height:1.875rem;color:var(--site-muted);box-shadow:none;background-color:#0000;border:0;padding:0}.wall-toggle__item svg{width:.875rem;height:.875rem}@media (hover:hover) and (pointer:fine){.wall-toggle__item:hover{background-color:var(--site-case-hover);color:var(--site-ink)}}.wall-toggle__item:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.wall-toggle__item[data-state=on]{background-color:var(--site-case-hover);color:var(--site-ink)}