@media (prefers-reduced-motion:reduce){.jsl-button{transition:none}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}hr{box-sizing:content-box;height:0;overflow:visible}pre,code{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}input,optgroup,select,textarea{text-transform:none;margin:0;font-size:100%;line-height:1.15}button,input{overflow:visible}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}textarea{overflow:auto}.right{text-align:right}.center{text-align:center}div.jsl-fill{box-sizing:border-box;height:100%;position:relative}:root{color-scheme:light}:root[data-showcase-theme=ocean]{--jsl-color-canvas:#f5f8fc;--jsl-color-surface-subtle:#f8fafd;--jsl-color-surface-hover:#edf2f9;--jsl-color-surface-selected:#e3edfc;--jsl-color-border:#c7d4e8;--jsl-color-border-subtle:#e0e7f1;--jsl-color-text:#24344a;--jsl-color-text-secondary:#4b5e78;--jsl-color-text-muted:#62748a;--jsl-color-accent:#245fc7;--jsl-color-accent-hover:#1d4fa8;--jsl-color-accent-active:#184187;--jsl-color-focus:#245fc7;--jsl-color-disabled-surface:#edf2f7;--jsl-color-disabled-text:#62748a}:root[data-showcase-theme=forest]{--jsl-color-canvas:#f5f8f5;--jsl-color-surface-subtle:#f9fbf8;--jsl-color-surface-hover:#eef4ed;--jsl-color-surface-selected:#dfeddf;--jsl-color-border:#c6d6c5;--jsl-color-border-subtle:#dfe8dd;--jsl-color-text:#293b2b;--jsl-color-text-secondary:#4c6250;--jsl-color-text-muted:#647667;--jsl-color-accent:#356b45;--jsl-color-accent-hover:#295436;--jsl-color-accent-active:#203f29;--jsl-color-focus:#356b45;--jsl-color-disabled-surface:#eef3ed;--jsl-color-disabled-text:#647667}:root[data-showcase-theme=plum]{--jsl-color-canvas:#faf6fa;--jsl-color-surface-subtle:#fcf9fc;--jsl-color-surface-hover:#f4edf5;--jsl-color-surface-selected:#efdef0;--jsl-color-border:#dac8dd;--jsl-color-border-subtle:#ebdfed;--jsl-color-text:#412b46;--jsl-color-text-secondary:#6c5271;--jsl-color-text-muted:#7b667f;--jsl-color-accent:#80458b;--jsl-color-accent-hover:#693872;--jsl-color-accent-active:#542d5c;--jsl-color-focus:#80458b;--jsl-color-disabled-surface:#f3edf4;--jsl-color-disabled-text:#7b667f}:root[data-showcase-theme=midnight]{color-scheme:dark;--jsl-color-overlay:#000000a6;--jsl-shadow-dialog:0 24px 80px #0000008c;--jsl-color-canvas:#18181b;--jsl-color-surface:#232326;--jsl-color-surface-subtle:#1e1e21;--jsl-color-surface-hover:#303035;--jsl-color-surface-selected:#3b3b43;--jsl-color-border:#62626d;--jsl-color-border-subtle:#3d3d45;--jsl-color-text:#f4f4f5;--jsl-color-text-secondary:#d4d4d8;--jsl-color-text-muted:#a1a1aa;--jsl-color-accent:#e4e4e7;--jsl-color-accent-hover:#fff;--jsl-color-accent-active:#a1a1aa;--jsl-color-on-accent:#18181b;--jsl-color-focus:#a1a1aa;--jsl-color-disabled-surface:#2b2b30;--jsl-color-disabled-text:#91919c}.jsl-button{--jsl-button-height:2rem;--jsl-button-padding:.875rem;box-sizing:border-box;height:var(--jsl-button-height);padding:0 var(--jsl-button-padding);vertical-align:middle;border-radius:var(--jsl-button-radius,.375rem);background:var(--jsl-button-primary,var(--jsl-color-accent));color:var(--jsl-button-on-primary,var(--jsl-color-on-accent));font:inherit;letter-spacing:normal;text-align:center;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;position:relative}.jsl-button:where(:hover){background:var(--jsl-button-primary-hover,var(--jsl-color-accent-hover))}.jsl-button:where(:active,.active,[aria-pressed=true]){background:var(--jsl-button-primary-active,var(--jsl-color-accent-active));box-shadow:inset 0 0 0 1px}.jsl-button.jsl-button-outline{border-color:var(--jsl-button-border,var(--jsl-color-border));background:var(--jsl-button-surface,var(--jsl-color-surface));color:var(--jsl-button-text,var(--jsl-color-text))}.jsl-button.jsl-button-ghost{color:var(--jsl-button-text,var(--jsl-color-text));background:0 0}.jsl-button.jsl-button-outline:where(:hover),.jsl-button.jsl-button-ghost:where(:hover){background:var(--jsl-button-hover-surface,var(--jsl-color-surface-hover));border-color:var(--jsl-button-border,var(--jsl-color-border))}.jsl-button.jsl-button-outline:where(:active,.active,[aria-pressed=true]),.jsl-button.jsl-button-ghost:where(:active,.active,[aria-pressed=true]){background:var(--jsl-button-selected-surface,var(--jsl-color-surface-selected));border-color:var(--jsl-button-primary,var(--jsl-color-accent));color:var(--jsl-button-selected-text,var(--jsl-color-text));box-shadow:none}.jsl-button:focus-visible{outline:2px solid var(--jsl-button-focus,var(--jsl-color-focus));outline-offset:3px}.jsl-button.jsl-button-small{--jsl-button-height:1.75rem;--jsl-button-padding:.625rem;gap:.375rem;font-size:.8125rem}.jsl-button.jsl-button-large{--jsl-button-height:2.5rem;--jsl-button-padding:1rem;font-size:.9375rem}.jsl-button.jsl-button-icon-only{width:var(--jsl-button-height);flex-shrink:0;padding:0}.jsl-button-icon{pointer-events:none;flex:none;justify-content:center;align-items:center;width:1.125em;height:1.125em;line-height:1;display:inline-flex}.jsl-button-icon>img,.jsl-button-icon>svg{object-fit:contain;width:100%;height:100%;display:block}.jsl-button-label-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jsl-button:disabled,.jsl-button.disabled{background:var(--jsl-button-disabled-surface,var(--jsl-color-disabled-surface));border-color:var(--jsl-button-disabled-border,var(--jsl-color-border-subtle));color:var(--jsl-button-disabled-text,var(--jsl-color-disabled-text));box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.jsl-button{transition:none}}.jsl-dialog-overlay{z-index:var(--jsl-dialog-z-index,2001);background:var(--jsl-dialog-backdrop,var(--jsl-color-overlay));position:fixed;inset:0}.jsl-dialog{box-sizing:border-box;border:1px solid var(--jsl-dialog-border,var(--jsl-color-border-subtle));border-radius:var(--jsl-dialog-radius,.75rem);background:var(--jsl-dialog-surface,var(--jsl-color-surface));width:32rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);color:var(--jsl-color-text);box-shadow:var(--jsl-dialog-shadow,var(--jsl-shadow-dialog));font:inherit;pointer-events:auto;isolation:isolate;flex-direction:column;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jsl-dialog:focus{outline:none}.jsl-dialog.resizable{position:absolute}.jsl-dialog:focus-visible{outline:2px solid var(--jsl-color-focus);outline-offset:3px}.jsl-dialog>.dlg-header{box-sizing:border-box;border-bottom:1px solid var(--jsl-color-border-subtle);border-radius:var(--jsl-dialog-radius,.75rem) var(--jsl-dialog-radius,.75rem) 0 0;flex:none;align-items:center;gap:1rem;min-width:0;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5;display:flex}.jsl-dialog .dlg-title{overflow-wrap:anywhere;flex:1;min-width:0}.jsl-dialog-moveable>.dlg-header{cursor:move;touch-action:none}.jsl-dialog .dlg-close-btn{box-sizing:border-box;width:2rem;height:2rem;color:var(--jsl-color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;flex:none;justify-content:center;align-items:center;margin:-.25rem -.5rem -.25rem auto;padding:0;display:inline-flex;position:relative}.jsl-dialog .dlg-close-btn:before,.jsl-dialog .dlg-close-btn:after{content:"";background:currentColor;border-radius:1px;width:.875rem;height:1.5px;position:absolute;transform:rotate(45deg)}.jsl-dialog .dlg-close-btn:after{transform:rotate(-45deg)}.jsl-dialog .dlg-close-btn:hover{background:var(--jsl-color-surface-hover);color:var(--jsl-color-text)}.jsl-dialog .dlg-close-btn:focus-visible{outline:2px solid var(--jsl-color-focus);outline-offset:2px}.jsl-dialog>.dlg-body{box-sizing:border-box;overflow-wrap:anywhere;overscroll-behavior:contain;flex:auto;min-width:0;min-height:0;padding:1.5rem;overflow:auto}.jsl-dialog>.dlg-footer{box-sizing:border-box;border-top:1px solid var(--jsl-color-border-subtle);border-radius:0 0 var(--jsl-dialog-radius,.75rem) var(--jsl-dialog-radius,.75rem);background:var(--jsl-color-surface-subtle);text-align:end;flex:none;padding:1rem 1.5rem}.jsl-dialog>.dlg-footer>div,.jsl-dialog>.dlg-footer>form{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.jsl-dialog>.dlg-footer>button+button{margin-inline-start:.5rem}.jsl-dialog>.dlg-header[hidden],.jsl-dialog>.dlg-footer[hidden]{display:none}.jsl-dialog .slickgrid{border-radius:0}.jsl-dialog.resizable>.dlg-res-handle.rs-r.rs-b{cursor:nwse-resize;touch-action:none;background:0 0;width:1rem;height:1rem;bottom:.125rem;right:.125rem}.jsl-dialog .dlg-res-handle:after{content:"";border-right:1px solid var(--jsl-color-text-muted);border-bottom:1px solid var(--jsl-color-text-muted);width:.4rem;height:.4rem;position:absolute;bottom:.2rem;right:.2rem}@media (width<=480px){.jsl-dialog{max-width:calc(100% - 1.5rem);max-height:calc(100% - 1.5rem)}.jsl-dialog>.dlg-header{padding:1rem 1.125rem}.jsl-dialog>.dlg-body{padding:1.125rem}.jsl-dialog>.dlg-footer{padding:.875rem 1.125rem}}.resizable{position:relative}.resizable>.rs-r{box-sizing:border-box;cursor:w-resize;background:#14141433;width:.5rem;position:absolute;top:0;bottom:0;right:0}.resizable>.rs-b{box-sizing:border-box;cursor:n-resize;background:#14141433;height:.5rem;position:absolute;bottom:0;left:0;right:0}.resizable>.rs-r.rs-b{top:initial;left:initial;cursor:nw-resize;bottom:0;right:0}.stabcomponent{min-width:0;max-width:100%;color:var(--jsl-color-text)}.stabcomponent>.tab-header-row{overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:1px solid var(--jsl-tabs-border,var(--jsl-color-border-subtle));align-items:stretch;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.stabcomponent>.tab-header-row>.tab-item{color:var(--jsl-tabs-text,var(--jsl-color-text-secondary));background:0 0;border:0;border-bottom:2px solid #0000;border-radius:.375rem .375rem 0 0;flex:none;align-items:center;gap:.125rem;margin:0;padding:0;display:flex;position:relative}.stabcomponent>.tab-header-row>.tab-item:hover{background:var(--jsl-tabs-hover-surface,var(--jsl-color-surface-hover));color:var(--jsl-color-text)}.stabcomponent>.tab-header-row>.tab-item.active{border-bottom-color:var(--jsl-tabs-accent,var(--jsl-color-accent));color:var(--jsl-tabs-active-text,var(--jsl-color-text))}.stabcomponent>.tab-header-row>.tab-item.disabled{color:var(--jsl-color-disabled-text);cursor:not-allowed;background:0 0;border-bottom-color:#0000}.stabcomponent .tab-trigger{box-sizing:border-box;min-width:0;min-height:2.5rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.625rem .875rem;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.stabcomponent .tab-trigger:disabled{cursor:not-allowed}.stabcomponent .tab-trigger:focus-visible,.stabcomponent>.tab-header-row>.tab-item>.close-button:focus-visible,.stabcomponent>.tab-header-row:focus-visible{outline:2px solid var(--jsl-color-focus);outline-offset:-3px}.stabcomponent .tab-label{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.stabcomponent>.tab-header-row>.tab-item>.close-button{box-sizing:border-box;width:1.5rem;height:1.5rem;color:var(--jsl-color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.25rem;flex:none;justify-content:center;align-items:center;margin:0 .5rem 0 -.375rem;padding:0;display:inline-flex;position:relative}.stabcomponent>.tab-header-row>.tab-item>.close-button:before,.stabcomponent>.tab-header-row>.tab-item>.close-button:after{content:"";background:currentColor;border-radius:1px;width:.625rem;height:1.5px;position:absolute;transform:rotate(45deg)}.stabcomponent>.tab-header-row>.tab-item>.close-button:after{transform:rotate(-45deg)}.stabcomponent>.tab-header-row>.tab-item>.close-button:hover{background:var(--jsl-color-surface-selected);color:var(--jsl-color-text)}.stabcomponent>.tab-header-row>.tab-item>.close-button:disabled{color:var(--jsl-color-disabled-text);cursor:not-allowed;background:0 0}.stabcomponent>.tab-panels{background:var(--jsl-tabs-surface,var(--jsl-color-surface));min-width:0}.stabcomponent>.tab-panels>.tab-content{box-sizing:border-box;overflow-wrap:anywhere;overscroll-behavior:contain;min-width:0;padding:1rem;line-height:1.6;overflow:auto}.stabcomponent>.tab-panels>.tab-content:focus-visible{outline:2px solid var(--jsl-color-focus);outline-offset:-2px}.stabcomponent>.tab-panels>.tab-content.tab-hidden,.stabcomponent>.tab-panels>.tab-content[hidden]{display:none}
/*# sourceMappingURL=showcase.77c24222.css.map */