.es-root{max-width:640px;margin:0 auto;padding:128px 24px 96px}.es-root .es-kicker{font-family:var(--font-mono),monospace;letter-spacing:.38em;text-transform:uppercase;color:#b8963e;margin-bottom:28px;font-size:11px;line-height:1.8}.es-root h1{margin-bottom:18px;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.08}.es-root .es-byline{color:#8f8f8f;margin-bottom:48px;font-size:.9375rem;line-height:1.6}.es-root article>p{color:#c9c9c9;margin-bottom:26px;font-size:1.0625rem;line-height:1.75}.es-root h2{margin:52px 0 20px;font-size:clamp(1.35rem,3.4vw,1.8rem)}.es-root code{font-family:var(--font-mono),monospace;color:#ededed;background:#141414;padding:1px 5px;font-size:.9em}.es-root article a{color:#b8963e;border-bottom:1px solid #b8963e59;text-decoration:none}.es-demo{margin:40px 0 48px}.es-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.es-toggle{border:1px solid #2a2a2a;display:flex}.es-tab{color:#a3a3a3;font-family:var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 13px;font-size:10.5px}.es-tab-on{color:#050505;background:#b8963e}.es-squeeze{font-family:var(--font-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:#8f8f8f;align-items:center;gap:10px;font-size:10px;display:flex}.es-squeeze input{accent-color:#b8963e;width:130px}.es-width-readout{color:#b8963e;font-variant-numeric:tabular-nums;letter-spacing:.08em;min-width:4.2em}.es-panels{border-left:1px solid #2a2a2a;border-right:1px dashed #333;padding:4px 0;position:relative}.es-panel{color:#dcdcdc;width:100%;margin:0;font-size:1.0625rem;line-height:1.7}.es-pretty{text-wrap:pretty}.es-panel-off{visibility:hidden;position:absolute;top:4px;left:0}.es-flaw{border-bottom:1px dotted #b8963e;padding-bottom:1px}.es-table{border-collapse:collapse;width:100%;margin-top:26px}.es-table th,.es-table td{text-align:left;color:#c9c9c9;border-bottom:1px solid #1c1c1c;padding:9px 10px 9px 0;font-size:.875rem}.es-table th{font-family:var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:#8f8f8f;font-size:9.5px}.es-table .es-th-on{color:#b8963e}.es-table td:not(:first-child),.es-table th:not(:first-child){text-align:right;font-family:var(--font-mono),monospace}.es-note{color:#8f8f8f;max-width:52ch;margin-top:14px;font-size:.8125rem;line-height:1.6}.es-snippet{background:#0d0d0d;border:1px solid #2a2a2a;margin:6px 0 30px;display:flex}.es-snippet code{white-space:nowrap;background:0 0;flex:1;padding:13px 14px;font-size:12.5px;overflow-x:auto}.es-close{color:#ededed;font-size:1.125rem}