:root{--ladle-bg-color-primary:#fff;--ladle-bg-color-secondary:#f4f4f4;--ladle-color-primary:#000;--ladle-color-secondary:#bbb;--ladle-color-hover:#545454;--ladle-color-accent:#276ef1;--ladle-ring-size:64px;--ladle-ring-thickness:6px;--ladle-mode-overflow:hidden;--ladle-mode-height:100vh;--ladle-main-padding:3em;--ladle-main-padding-mobile:1em;--reach-dialog:1;--ladle-blueprint:#aaa}[data-theme=dark]{--ladle-bg-color-primary:#141414;--ladle-bg-color-secondary:#1f1f1f;--ladle-color-primary:#f6f6f6;--ladle-color-secondary:#bbb;--ladle-color-hover:#e2e2e2;--ladle-color-accent:#276ef1;--ladle-blueprint:#1f1f1f}[data-mode=single-scroll],[data-mode=preview]{--ladle-mode-overflow:visible;--ladle-mode-height:100%}[data-iframed]{--ladle-main-padding:0;--ladle-main-padding-mobile:0}.ladle-wrapper,html,body{margin:0}[data-iframed]:not([data-iframed="0"]) .ladle-main{background-color:var(--ladle-blueprint);background-image:linear-gradient(#ffffff1a 2px,#0000 2px),linear-gradient(90deg,#ffffff1a 2px,#0000 2px),linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);display:grid;overflow:auto}.ladle-iframe{background-color:var(--ladle-bg-color-primary);border:0;height:100%}[data-iframed]:not([data-iframed="0"]) .ladle-iframe{grid-column:2;height:calc(100% - 128px);min-height:500px;margin-top:64px;margin-bottom:64px;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.ladle-background{z-index:-1000;background-color:var(--ladle-bg-color-primary);width:100%;height:100%;position:absolute;top:0;left:0}.ladle-wrapper{flex-direction:column;display:flex}.ladle-aside img,.ladle-aside svg{vertical-align:baseline;display:inline}.ladle-main{padding:var(--ladle-main-padding-mobile);flex:auto}.ladle-error-content{color:var(--ladle-color-primary);font-family:Arial,Helvetica,sans-serif;font-size:18px}.ladle-link{color:var(--ladle-color-accent)}.ladle-aside{background-color:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);padding:1.5em;font-family:Arial,Helvetica,sans-serif;font-size:18px}.ladle-aside input{border-top:0;border-left:0;border-right:0;border-color:var(--ladle-color-hover);background-color:var(--ladle-bg-color-primary);width:100%;color:var(--ladle-color-primary);border-bottom-style:solid;border-bottom-width:1px;border-radius:0;margin-bottom:.5em;padding:.5em 0;font-size:1em}.ladle-aside input:focus{color:var(--ladle-color-accent);border-color:var(--ladle-color-accent);outline:none}.ladle-aside ul{margin:.8em .75em 0;padding:0}.ladle-aside li{margin:.8em .35em;list-style-type:none}.ladle-aside li:focus{outline:none}.ladle-aside li:focus-visible>div{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside a{white-space:nowrap;text-overflow:ellipsis;color:var(--ladle-color-primary);text-decoration:none;overflow:hidden}.ladle-aside a:hover{color:var(--ladle-color-hover)}.ladle-aside a:focus{outline:none}.ladle-aside a:focus-visible{outline:2px solid var(--ladle-color-accent);outline-offset:2px}.ladle-aside .ladle-active a{font-weight:700}.ladle-addons{color:var(--ladle-color-primary);margin:0;margin-inline:1em;margin-bottom:2em;padding:0;font-family:Arial,Helvetica,sans-serif;position:relative;bottom:0}.ladle-addons ul{flex-flow:column;margin:0;padding:0;display:flex}.ladle-addons li{background-color:var(--ladle-bg-color-secondary);border-bottom:none;border-radius:.25em;width:auto;height:2.5em;margin:.35em;list-style-type:none;box-shadow:0 1px 2px #00000029}.ladle-addons>ul>li>button{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;margin:0;padding:.3em;line-height:normal;display:flex;overflow:visible}.ladle-addons>ul>li>button>label{cursor:pointer;margin-inline-start:.5em;padding-top:.1em;font-size:18px;line-height:24px;display:block}.ladle-addon-modal-body>button{background:var(--ladle-color-accent);color:#fff;font-size:14px;font:inherit;letter-spacing:inherit;border:0;border-radius:4px;margin:1em 0;padding:.25em .5em}.ladle-addons>ul>li>button>.ladle-badge{color:#fff;background-color:#fa3e3e;border-radius:.8em;justify-content:center;align-items:center;min-width:1.6em;height:1.6em;margin-left:1em;font-size:.8em;font-style:normal;display:flex}.ladle-addon-modal-body select,.ladle-addon-modal-body input,.ladle-addon-modal-body textarea{border:1px solid var(--ladle-color-primary);background:var(--ladle-bg-color-primary);color:var(--ladle-color-primary);border-radius:4px;margin:0;padding:.5em .75em;font-size:14px}.ladle-addon-modal-body input[type=range]{vertical-align:middle;margin:0 .5em;padding:0}.ladle-addon-modal-body>button:hover{color:#ccc}.ladle-addon-tooltip{white-space:nowrap;background:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);z-index:1000;border-radius:4px;margin-top:-96px;padding:10px;display:none;position:absolute;inset-inline-start:5px;box-shadow:0 1px 2px #00000029}.ladle-addon-source-lineno{text-align:right;-webkit-user-select:none;user-select:none;opacity:.5;padding-left:.25em;padding-right:.25em;display:table-cell}.ladle-addons>ul>li>.ladle-active,.ladle-addons>ul>li>.source-active,.ladle-addons>ul>li>.width-active,.ladle-addons>ul>li>.a11y-active{color:var(--ladle-color-accent)}.ladle-addons>ul>li>button:focus-visible{border:2px solid var(--ladle-color-accent)}.ladle-addons>ul>li>button:hover{box-shadow:none;color:var(--ladle-color-accent)}.ladle-controls-table td{padding:.25em 1em .25em 0}.ladle-controls-table input{margin:0}.ladle-controls-table input[type=radio]{margin-right:.3em}.ladle-controls-table span{margin-right:1em}.ladle-controls-table select{min-width:177px}.ladle-controls-table textarea{min-width:172px;min-height:3em}.ladle-controls-table{margin-bottom:1em}.ladle-ring-wrapper{visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;animation:1.5s .5s forwards ladle-ring-fadein;display:flex}@keyframes ladle-ring-fadein{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.ladle-ring{width:var(--ladle-ring-size);height:var(--ladle-ring-size);display:inline-block;position:relative}.ladle-ring div{box-sizing:border-box;border:var(--ladle-ring-thickness) solid var(--ladle-color-secondary);border-color:var(--ladle-color-secondary) transparent transparent transparent;border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite ladle-ring;display:block;position:absolute}.ladle-ring div:first-child{animation-delay:-.45s}.ladle-ring div:nth-child(2){animation-delay:-.3s}.ladle-ring div:nth-child(3){animation-delay:-.15s}@keyframes ladle-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div[data-reach-dialog-content][data-testid=ladle-dialog]{background-color:var(--ladle-bg-color-secondary);color:var(--ladle-color-primary);overflow:none;border-radius:4px;outline:none;margin:21px;padding:1.2em 2em .8em;font-family:Arial,Helvetica,sans-serif;font-size:16px;position:absolute;bottom:0;box-shadow:0 1px 2px #00000029}div[data-reach-dialog-content][data-testid=ladle-dialog] a{color:var(--ladle-color-accent)}div[data-reach-dialog-overlay][data-testid=ladle-dialog-overlay]{z-index:2147483647;position:fixed;inset:0;overflow:auto}.ladle-button{box-sizing:border-box;border:1px solid var(--ladle-color-secondary);cursor:pointer;background:inherit;width:auto;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;border-radius:4px;margin:1px 8px;padding:.5em;line-height:normal;overflow:visible;box-shadow:0 1px 2px #00000029}.ladle-button:hover{background:var(--ladle-bg-color-secondary);color:var(--ladle-color-accent)}.ladle-button:focus{outline:none}.ladle-button:focus-visible{margin:0 7px;border:2px solid var(--ladle-color-accent)!important}q.ladle-code,code.ladle-markdown{tab-size:2;background-color:var(--ladle-bg-color-secondary);border:1px solid var(--ladle-color-hover);color:var(--ladle-color-primary);border-radius:6px;margin:0;padding:.2em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;line-height:2}h1.ladle-markdown,h2.ladle-markdown,h3.ladle-markdown,h4.ladle-markdown,h5.ladle-markdown,h6.ladle-markdown{color:var(--ladle-color-primary);font-family:Arial,Helvetica,sans-serif}p.ladle-markdown,ul.ladle-markdown,ol.ladle-markdown{color:var(--ladle-color-primary);font-family:Arial,Helvetica,sans-serif;font-size:16px}a.ladle-markdown{color:var(--ladle-color-accent);font-family:Arial,Helvetica,sans-serif;font-size:16px}blockquote.ladle-markdown{border-left:6px solid var(--ladle-color-secondary);margin-left:0;padding-left:24px}.ladle-addon-modal-body{tab-size:2;max-height:80vh;overflow:auto}.ladle-addon-modal-body ul{margin:8px;padding-left:40px;list-style:square;overflow:auto}.ladle-resize-handle{display:none}@media (width>=768px){html,body{height:100%}.ladle-wrapper{flex-direction:row;align-items:flex-start;min-height:100%;margin:0}[data-mode=full] html,[data-mode=full] body,[data-mode=full] .ladle-wrapper{height:100vh;overflow:hidden}.ladle-resize-handle{cursor:col-resize;background-color:var(--ladle-bg-color-secondary);width:16px;height:100%;transition:box-shadow .15s ease-in;display:block}.ladle-resize-handle:hover{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-handle:hover{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-resize-active{box-shadow:inset 3px 0 0 0 var(--ladle-color-accent)}[data-reversed] .ladle-resize-active{box-shadow:inset -3px 0 0 0 var(--ladle-color-accent)}.ladle-aside{box-sizing:content-box}.ladle-main{padding:var(--ladle-main-padding);align-self:stretch}.ladle-aside{background-color:var(--ladle-bg-color-secondary);flex:0 0 12em;align-self:stretch;min-width:15em;padding:3em 2em 3em calc(2em - 16px);font-size:16px}[data-reversed] .ladle-aside{padding-left:2em;padding-right:calc(2em - 16px)}[data-mode=full] .ladle-main,[data-mode=full] .ladle-aside{overflow:auto}.ladle-aside ul{-webkit-user-select:none;user-select:none;margin:0;margin-inline-start:.75em}.ladle-aside li{margin:.35em;line-height:18px}.ladle-aside input{background-color:var(--ladle-bg-color-secondary);line-height:1}.ladle-aside input::placeholder{-webkit-user-select:none;user-select:none}.ladle-addons{z-index:2147483647;margin-bottom:0;position:fixed}.ladle-addons ul{flex-direction:row}.ladle-addons li{border-bottom-right-radius:0;border-bottom-left-radius:0;width:2.5em;margin:0 .35em}.ladle-addons>ul>li>button>label{display:none}div[data-reach-dialog-content][data-testid=ladle-dialog]{bottom:49px;margin-inline-end:21px;max-width:40em;margin:0;position:fixed;inset-inline-start:21px}.ladle-addons>ul>li>button:hover .ladle-addon-tooltip{display:block}.ladle-addons>ul>li>button>.ladle-badge{margin-left:3.1em;font-size:.7em;position:absolute;top:-.7em}}:root{--jsfc-space-1:.25rem;--jsfc-space-2:.5rem;--jsfc-space-3:.75rem;--jsfc-space-4:1rem;--jsfc-space-5:1.25rem;--jsfc-space-6:1.5rem;--jsfc-space-8:2rem;--jsfc-space-10:2.5rem;--jsfc-space-12:3rem;--jsfc-space-16:4rem;--jsfc-radius-sm:.25rem;--jsfc-radius-md:.5rem;--jsfc-radius-lg:.75rem;--jsfc-radius-full:9999px;--jsfc-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--jsfc-font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;--jsfc-font-size-xs:.75rem;--jsfc-font-size-sm:.875rem;--jsfc-font-size-md:1rem;--jsfc-font-size-lg:1.125rem;--jsfc-font-size-xl:1.25rem;--jsfc-font-size-2xl:1.5rem;--jsfc-font-size-3xl:2rem;--jsfc-font-weight-regular:400;--jsfc-font-weight-medium:500;--jsfc-font-weight-semibold:600;--jsfc-font-weight-bold:700;--jsfc-line-height-tight:1.2;--jsfc-line-height-normal:1.5;--jsfc-line-height-relaxed:1.7;--jsfc-motion-duration-fast:.1s;--jsfc-motion-duration-normal:.2s;--jsfc-motion-easing-standard:cubic-bezier(.4, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--jsfc-gray-1:var(--lightningcss-light,#fcfcfc)var(--lightningcss-dark,#171717);--jsfc-gray-2:var(--lightningcss-light,#f7f7f7)var(--lightningcss-dark,#1f1f1f);--jsfc-gray-3:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#262626);--jsfc-gray-4:var(--lightningcss-light,#e8e8e8)var(--lightningcss-dark,#2e2e2e);--jsfc-gray-5:var(--lightningcss-light,#e0e0e0)var(--lightningcss-dark,#363636);--jsfc-gray-6:var(--lightningcss-light,#d6d6d6)var(--lightningcss-dark,#404040);--jsfc-gray-7:var(--lightningcss-light,#c7c7c7)var(--lightningcss-dark,#4f4f4f);--jsfc-gray-8:var(--lightningcss-light,#b3b3b3)var(--lightningcss-dark,#616161);--jsfc-gray-9:var(--lightningcss-light,#8f8f8f)var(--lightningcss-dark,gray);--jsfc-gray-10:var(--lightningcss-light,#757575)var(--lightningcss-dark,#949494);--jsfc-gray-11:var(--lightningcss-light,#616161)var(--lightningcss-dark,#b5b5b5);--jsfc-gray-12:var(--lightningcss-light,#212121)var(--lightningcss-dark,#f2f2f2);--jsfc-success-bg:var(--lightningcss-light,#e9f7ef)var(--lightningcss-dark,#1d3527);--jsfc-success-border:var(--lightningcss-light,#a6d9bb)var(--lightningcss-dark,#396a4e);--jsfc-success-text:var(--lightningcss-light,#1e673c)var(--lightningcss-dark,#81daa6);--jsfc-warning-bg:var(--lightningcss-light,#fdf4d8)var(--lightningcss-dark,#392e18);--jsfc-warning-border:var(--lightningcss-light,#e4c567)var(--lightningcss-dark,#816731);--jsfc-warning-text:var(--lightningcss-light,#865613)var(--lightningcss-dark,#f3c968);--jsfc-error-bg:var(--lightningcss-light,#fbe9eb)var(--lightningcss-dark,#3e1e21);--jsfc-error-border:var(--lightningcss-light,#e9a5ab)var(--lightningcss-dark,#883a41);--jsfc-error-text:var(--lightningcss-light,#8f1e28)var(--lightningcss-dark,#ed828b);--jsfc-shadow-sm:var(--lightningcss-light,0 1px 2px #00000014)var(--lightningcss-dark,0 1px 2px #0000004d);--jsfc-shadow-md:var(--lightningcss-light,0 4px 8px #0000001a)var(--lightningcss-dark,0 4px 8px #0000005c);--jsfc-shadow-lg:var(--lightningcss-light,0 12px 24px #00000024)var(--lightningcss-dark,0 12px 24px #00000070);--jsfc-color-bg-canvas:var(--jsfc-gray-1);--jsfc-color-bg-surface:var(--jsfc-gray-2);--jsfc-color-bg-surface-hover:var(--jsfc-gray-3);--jsfc-color-bg-surface-active:var(--jsfc-gray-4);--jsfc-color-border-subtle:var(--jsfc-gray-5);--jsfc-color-border:var(--jsfc-gray-6);--jsfc-color-border-strong:var(--jsfc-gray-7);--jsfc-color-text-disabled:var(--jsfc-gray-8);--jsfc-color-text-secondary:var(--jsfc-gray-11);--jsfc-color-text-primary:var(--jsfc-gray-12);--jsfc-color-icon-muted:var(--jsfc-gray-9);--jsfc-color-icon:var(--jsfc-gray-11);--jsfc-color-focus-ring:var(--jsfc-gray-12);--jsfc-color-success-bg:var(--jsfc-success-bg);--jsfc-color-success-border:var(--jsfc-success-border);--jsfc-color-success-text:var(--jsfc-success-text);--jsfc-color-warning-bg:var(--jsfc-warning-bg);--jsfc-color-warning-border:var(--jsfc-warning-border);--jsfc-color-warning-text:var(--jsfc-warning-text);--jsfc-color-error-bg:var(--jsfc-error-bg);--jsfc-color-error-border:var(--jsfc-error-border);--jsfc-color-error-text:var(--jsfc-error-text)}.ladle-main,.ladle-main *{box-sizing:border-box}.ladle-main{padding:var(--jsfc-space-6);font-family:var(--jsfc-font-family-sans);color:var(--jsfc-color-text-primary);background:var(--jsfc-color-bg-canvas)}