: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 (min-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}}