.demo-banner-m__banner--dd1{background-color:#eee;border-radius:12px;height:250px;box-shadow:inset 0 0 0 2px #aaa}.lerp-demo-m__canvas--aef{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;background-image:linear-gradient(#bbb 1px,transparent 1px),linear-gradient(90deg,#bbb 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}.lerp-demo-m__dot--ce1{pointer-events:none;background:#000;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.lerp-demo-m__label--f52{white-space:nowrap;background:#fff;border-radius:4px;padding:3px 5px;line-height:1;position:absolute;top:16px;left:16px}.callout-m__callout--a91{background:var(--callout-bg-color,#ecf0f1);border-radius:12px;padding:1.5rem 1.25rem}.callout-m__callout--a91[data-intent=danger]{background:var(--callout-bg-color,rgba(211,53,36,.2))}.callout-m__callout--a91 .callout-m__heading--a58{margin-top:0;margin-bottom:0}.callout-m__heading--a58+.callout-m__main--c94{margin-top:.75rem}.callout-m__callout--a91 .callout-m__main--c94>p{margin-top:0;margin-bottom:0}.callout-m__callout--a91 .callout-m__main--c94>p+p{margin-top:1rem}.use-drag-and-drop-demo-m__banner--e43{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.use-drag-and-drop-demo-m__block--bef{color:#fff;background:#1abc9c;border-radius:8px;justify-content:center;align-items:center;width:200px;height:100px;transition:transform .12s;display:flex}.use-drag-and-drop-demo-m__block--bef:hover{cursor:grab}.use-drag-and-drop-demo-m__block--bef:active{cursor:grabbing;transform:scale(1.06)}.use-transition-status-demo-m__demo--c95{perspective:300px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.use-transition-status-demo-m__button--f64{height:32px;font-size:14px;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.use-transition-status-demo-m__widget--cdb{color:#fff;background:#333;border-radius:.75rem;padding:2rem;box-shadow:0 12px 12px rgba(0,0,0,.24)}.use-transition-status-demo-m__widget-pre-opening--c61{opacity:0}.use-transition-status-demo-m__widget-opening--c7e{animation-name:use-transition-status-demo-m__bounceIn--e73;animation-duration:.5s}.use-transition-status-demo-m__widget-pre-closing--b1b{opacity:1}.use-transition-status-demo-m__widget-closing--e29{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.9)rotateX(20deg)}@keyframes use-transition-status-demo-m__bounceIn--e73{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.use-visual-viewport-demo-m__banner--a90{text-align:center;color:#333;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:1.25rem;display:flex}.use-visual-viewport-demo-m__banner--a90:hover{cursor:pointer}.use-visual-viewport-demo-m__subtitle--c10{opacity:.75;font-size:1rem}.use-visual-viewport-demo-m__frame--fe7{color:#333;z-index:100;font-size:calc(min(var(--viewport-width),var(--viewport-height))/12);background-color:#eee;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 7px #aaa}.use-visual-viewport-demo-m__frame--fe7 .use-visual-viewport-demo-m__subtitle--c10{font-size:.25em}.use-visual-viewport-demo-m__frame-pre-opening--a39{top:var(--banner-top);left:var(--banner-left);width:var(--banner-width);height:var(--banner-height);border-radius:12px}.use-visual-viewport-demo-m__frame-opening--ad9{top:var(--viewport-top);left:var(--viewport-left);width:var(--viewport-width);height:var(--viewport-height);border-radius:12px;transition:width .32s,height .32s,top .32s,left .32s}.use-visual-viewport-demo-m__frame-open--d87,.use-visual-viewport-demo-m__frame-pre-closing--ca1{top:var(--viewport-top);left:var(--viewport-left);width:var(--viewport-width);height:var(--viewport-height)}.use-visual-viewport-demo-m__frame-closing--c60{top:var(--banner-top);left:var(--banner-left);width:var(--banner-width);height:var(--banner-height);border-radius:12px;transition:width .32s,height .32s,top .32s,left .32s}.code-block-m__root--d25{background:#222;border-radius:8px;flex-direction:column;margin-top:1rem;margin-bottom:1rem;display:flex}.code-block-m__header--f12{color:#767c9d;border-bottom:1px solid rgba(255,255,255,.1);border-radius:8px 8px 0 0;align-items:center;min-height:48px;padding:8px 16px;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:14px;line-height:1;display:flex}.code-block-m__header--f12+div.code-block-m__codeblock--f3b>pre{padding-top:8px}div.code-block-m__codeblock--f3b>pre{color:#ccc;box-shadow:none;background:#222;border:0;margin:0;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:14px;line-height:1.5}*{box-sizing:border-box;font-family:inherit;line-height:inherit;border:0;outline:0;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.25}html:not([data-color-scheme=dark]){--showcase-ui-main-color:#3c3c43;--showcase-ui-menuitem-color:#3c3c43}html[data-color-scheme=dark]{--showcase-ui-main-color:#fff}html[data-color-scheme=dark] [data-marker=callout][data-intent=info]{--callout-bg-color:#2d3544}a{color:#3498db}a:hover{cursor:pointer}ul>li{list-style-type:square}code:not(pre>code):not(h1>code):not(h2>code):not(h3>code):not(h4>code):not(h5>code):not(h6>code){background:var(--code-bg-color,#f5f5f5);box-shadow:inset 0 0 0 1px var(--code-outline-color,#ddd);box-sizing:content-box;border-radius:4px;padding:2px 4px}button{color:#fff;background:#000;border-radius:6px;height:36px;padding:0 12px;font-size:16px}button:hover{cursor:pointer;color:#eee;background:#222}button:disabled{color:#aaa;background:#333}input:not([type=checkbox]){border-radius:6px;height:36px;padding:0 8px;font-size:16px;box-shadow:inset 0 0 0 2px #000}:root[data-color-scheme=dark]{background:var(--showcase-ui-background);--code-bg-color:#2e3440;--code-outline-color:#4b525c}.showcase__link--ca33{box-sizing:border-box;color:var(--showcase-ui-link-color,#222);-webkit-text-decoration:var(--showcase-ui-link-text-decoration,none);text-decoration:var(--showcase-ui-link-text-decoration,none)}.showcase__link--ca33:hover{color:var(--showcase-ui-link-hover-color,var(--showcase-ui-link-color,#555))}.showcase__plate--f7ce{box-sizing:border-box;border-radius:var(--showcase-ui-plate-border-radius,8px);background:var(--showcase-ui-plate-background,#fff);box-shadow:var(--showcase-ui-plate-box-shadow,inset 0 0 0 1px #ddd);flex-direction:column;display:flex}.showcase__header--d516{box-sizing:border-box;border-radius:var(--showcase-ui-plate-header-border-radius,8px 8px 0 0);background:var(--showcase-ui-plate-header-background,none);width:100%;min-height:3rem;box-shadow:var(--showcase-ui-plate-header-box-shadow,inset 0 -1px 0 0 #ddd);flex-shrink:0;align-items:center;padding:0 1rem;display:flex}.showcase__body--c0d3{box-sizing:border-box;padding:var(--showcase-ui-plate-body-padding,1rem);border-radius:var(--showcase-ui-plate-body-border-radius,0 0 8px 8px);background:var(--showcase-ui-plate-body-background,none);box-shadow:var(--showcase-ui-plate-body-box-shadow,none);flex-grow:1;display:block}.showcase__root--bc69{box-sizing:border-box;padding:var(--showcase-ui-code-block-padding,20px);font-size:var(--showcase-ui-code-block-font-size,14px);line-height:var(--showcase-ui-code-block-line-height,1.25);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;overflow:auto}@media (max-width:960px){.showcase__root--bc69{font-size:var(--showcase-ui-code-block-font-size,12px)}}.showcase__root--bc69>pre{box-sizing:border-box;margin:0;padding:0;background:0 0!important}.showcase__root--df2e{--showcase-ui-plate-body-padding:0px}.showcase__tabs--fee9{box-sizing:border-box;text-wrap:nowrap;align-items:center;gap:1rem;height:3rem;display:flex;overflow-x:auto}.showcase__tab--ccfe{box-sizing:border-box;cursor:pointer;align-items:center;height:100%;display:flex}.showcase__tab--ccfe.showcase__active--a41d{box-shadow:inset 0 -2px #1f84db}.showcase__mdx--b8fd{box-sizing:border-box;flex-grow:1}.showcase__layout--bf00{width:var(--showcase-ui-mdx-layout-width,1024px);max-width:100%;margin-left:auto;margin-right:auto;padding:2rem}.showcase__mdx--b8fd *{box-sizing:border-box}.showcase__mdx--b8fd h1{margin:.67em 0;font-size:2em;font-weight:700;display:block}.showcase__mdx--b8fd h2{margin:.83em 0;font-size:1.5em;font-weight:700;display:block}.showcase__mdx--b8fd h3{margin:1em 0;font-size:1.17em;font-weight:700;display:block}.showcase__mdx--b8fd h4{margin:1.33em 0;font-weight:700;display:block}.showcase__mdx--b8fd h5{margin:1.67em 0;font-size:.83em;font-weight:700;display:block}.showcase__mdx--b8fd h6{margin:2.33em 0;font-size:.67em;font-weight:700;display:block}.showcase__mdx--b8fd p{margin:1em 0;display:block}.showcase__mdx--b8fd a{color:#3498db;text-decoration:underline}.showcase__mdx--b8fd pre{white-space:pre;background:var(--showcase-ui-mdx-codeblock-background,#f5f5f5);border-radius:var(--showcase-ui-mdx-codeblock-border-radius,.5rem);box-shadow:var(--showcase-ui-mdx-codeblock-box-shadow,inset 0 0 0 1px #ddd);margin:1em 0;padding:1rem;font-family:monospace;display:flex;overflow-x:auto;overflow-y:hidden}.showcase__mdx--b8fd code{font-family:monospace}.showcase__mdx--b8fd pre>code{flex-grow:1;width:0;display:block}.showcase__mdx--b8fd ul{margin-top:1em;margin-bottom:1 em;margin-left:0;margin-right:0;padding-left:1em;list-style-type:disc;list-style-position:inside;display:block}.showcase__mdx--b8fd ol{margin:1em 0;padding-left:1em;list-style-type:decimal;list-style-position:inside;display:block}.showcase__mdx--b8fd blockquote{color:var(--showcase-ui-mdx-blockquote-color,#aaa);border-left:3px solid var(--showcase-ui-mdx-blockquote-accent-color,#ddd);margin-left:0;padding:.25em 1em}.showcase__mdx--b8fd blockquote cite{color:var(--showcase-ui-mdx-blockquote-cite-color,#bfbfbf)}.showcase__mdx--b8fd blockquote cite:before{content:"— "}.showcase__mdx--b8fd blockquote p{color:var(--showcase-ui-mdx-blockquote-color,#aaa);margin-top:0;margin-bottom:0}.showcase__mdx--b8fd i,.showcase__mdx--b8fd em{font-style:italic}.showcase__mdx--b8fd b,.showcase__mdx--b8fd strong{font-weight:bolder}.showcase__root--d258{box-sizing:border-box;padding:var(--showcase-ui-story-viewer-inner-gutter,2rem);background:var(--showcase-ui-story-viewer-background,#f9fafb);min-height:calc(100vh - var(--showcase-ui-header-height,64px));gap:var(--showcase-ui-story-viewer-inner-gutter,2rem);flex-direction:column;display:flex}@media (max-width:960px){.showcase__root--d258{padding:var(--showcase-ui-story-viewer-inner-gutter,1rem);gap:var(--showcase-ui-story-viewer-inner-gutter,1rem)}}.showcase__controls--b410{box-sizing:border-box;text-wrap:nowrap;align-items:center;gap:1rem;height:100%;margin-left:auto;display:flex;overflow-x:auto}.showcase__main--ee08{box-sizing:border-box;max-height:calc(100vh - var(--showcase-ui-header-height,64px) - (var(--showcase-ui-story-viewer-inner-gutter,2rem)*2));--showcase-ui-plate-body-padding:0px;flex-grow:1;overflow:hidden}@media (max-width:960px){.showcase__main--ee08{max-height:calc(100vh - var(--showcase-ui-header-height,64px) - (var(--showcase-ui-story-viewer-inner-gutter,1rem)*2))}}.showcase__main--ee08.showcase__detailed--e5b2{min-height:360px;height:calc(60vh - var(--showcase-ui-header-height,64px));max-height:calc(75vh - var(--showcase-ui-header-height,64px))}.showcase__body--b6a4{flex-direction:column;display:flex}.showcase__iframe--c6cc{box-sizing:border-box;border:0;flex-grow:1;width:100%;margin:0;display:block}.showcase__storySources--c55b{box-sizing:border-box;border-radius:8px;overflow:hidden}.showcase__menuitem--bdfd{box-sizing:border-box;color:#222;text-decoration:none}.showcase__menuitemTitle--b3ba,.showcase__menuitemTitle--b3ba:visited{box-sizing:border-box;color:var(--showcase-ui-menuitem-color,#000);background:var(--showcase-ui-menuitem-background,none);align-items:center;padding:.5rem 1rem;text-decoration:none;display:flex}.showcase__menuitemTitle--b3ba:not(.showcase__interactive--d52e){cursor:unset}.showcase__menuitem--bdfd:not(.showcase__active--d9e6)>.showcase__menuitemTitle--b3ba.showcase__interactive--d52e:hover{cursor:pointer;color:var(--showcase-ui-menuitem-hover-color,#000);background:var(--showcase-ui-menuitem-hover-background,#f2f3f6)}.showcase__menuitem--bdfd:not(.showcase__active--d9e6)>.showcase__menuitemTitle--b3ba.showcase__interactive--d52e:focus-visible{cursor:pointer;color:var(--showcase-ui-menuitem-hover-color,#000);background:var(--showcase-ui-menuitem-hover-background,#f2f3f6)}.showcase__menuitem--bdfd.showcase__active--d9e6>.showcase__menuitemTitle--b3ba{color:var(--showcase-ui-menuitem-active-color,#000);background:var(--showcase-ui-menuitem-active-background,#eaebf1)}.showcase__bold--d9f7{font-weight:600}.showcase__icon--f808{box-sizing:border-box;opacity:.5;width:1rem;height:1rem;margin-right:.25rem}.showcase__menuitem--bdfd.showcase__open--f930>.showcase__menuitemTitle--b3ba>.showcase__icon--f808{transform:rotate(90deg)}input.showcase__input--d2c0{height:2.5rem;color:var(--showcase-ui-input-color,#222);box-shadow:inset 0 0 0 1px var(--showcase-ui-input-outline-color,#ddd);background:var(--showcase-ui-input-background,#fff);border-radius:6px;padding-left:.5rem;padding-right:.5rem}inout.showcase__input--d2c0::-webkit-input-placeholder{color:var(--showcase-ui-input-placeholder-color,#555)}inout.showcase__input--d2c0::-ms-input-placeholder{color:var(--showcase-ui-input-placeholder-color,#555)}inout.showcase__input--d2c0::placeholder{color:var(--showcase-ui-input-placeholder-color,#555)}input.showcase__input--d2c0:focus{box-shadow:inset 0 0 0 1px var(--showcase-ui-input-focus-outline-color,#323232);outline:1px solid var(--showcase-ui-input-focus-outline-color,#323232)}input.showcase__input--d2c0::-webkit-search-decoration{-webkit-appearance:none}input.showcase__input--d2c0::-webkit-search-cancel-button{-webkit-appearance:none}input.showcase__input--d2c0::-webkit-search-results-button{-webkit-appearance:none}input.showcase__input--d2c0::-webkit-search-results-decoration{-webkit-appearance:none}.showcase__root--db7c{box-sizing:border-box;z-index:20;color:var(--showcase-ui-modal-color,#111);background:var(--showcase-ui-modal-background,#fff);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.showcase__header--ff01{box-sizing:border-box;flex-grow:0;justify-content:flex-end;align-items:center;height:56px;padding:0 1rem;display:flex}.showcase__close--e6dc{box-sizing:border-box;flex-shrink:0;width:2rem;height:2rem;display:block}.showcase__body--de3e{box-sizing:border-box;flex-grow:1;height:0;padding:1rem 0;overflow-x:hidden;overflow-y:auto}.showcase__hr--d8d9{height:1rem;display:block}.showcase__search--b1c7{padding:.5rem 1rem;display:flex}.showcase__searchField--bd33{flex-grow:1;width:0}.showcase__layout--df8b{box-sizing:border-box;grid-template-columns:320px 1fr;grid-template-rows:var(--showcase-ui-header-height,64px)1fr;min-height:100vh;display:grid;position:relative}.showcase__header--cb86{box-sizing:border-box;width:100%;height:var(--showcase-ui-header-height,64px);background:var(--showcase-ui-header-background,#fff);color:var(--showcase-ui-header-color,#111);z-index:10;box-shadow:var(--showcase-ui-header-box-shadow,0 1px 0 0 #ddd);grid-column:1/3;align-items:center;padding:0 2rem;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}@media (max-width:960px){.showcase__header--cb86{padding:0 1rem}}.showcase__aside--c934{box-sizing:border-box;top:var(--showcase-ui-header-height,64px);background:var(--showcase-ui-aside-background,#fff);width:320px;color:var(--showcase-ui-aside-color,#111);box-shadow:var(--showcase-ui-aside-box-shadow,1px 0 0 0 #ddd);flex-direction:column;grid-area:2/1/3/2;display:flex;position:fixed;bottom:0;overflow-x:hidden;overflow-y:auto}@media (max-width:960px){.showcase__aside--c934{display:none}}.showcase__main--bf1b{box-sizing:border-box;background:var(--showcase-ui-main-background,none);min-height:100%;color:var(--showcase-ui-main-color,inherit);box-shadow:var(--showcase-ui-main-box-shadow,none);flex-direction:column;flex-grow:1;grid-area:2/2/3/3;display:flex;overflow:hidden}.showcase__mainFullWidth--bac1{grid-column:1/3}@media (max-width:960px){.showcase__main--bf1b{box-sizing:border-box;grid-column:1/3}}.showcase__root--fc2a{box-sizing:border-box;cursor:pointer;text-wrap:nowrap;align-items:center;display:flex}.showcase__logo--cf12{box-sizing:border-box;max-height:var(--showcase-ui-header-height,64px);margin-right:.5rem;display:block}.showcase__root--a03e{width:28px;height:28px;color:var(--showcase-ui-link-color,#646464);background:0 0;border:0;border-radius:4px;outline:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .12s ease-in-out;display:flex;position:relative;box-shadow:0 0 0 1px}.showcase__root--a03e:hover{cursor:pointer;color:var(--showcase-ui-link-hover-color,#323232);background:0 0}.showcase__icon--bbae{pointer-events:none;fill:currentColor;width:20px;height:20px;transition:fill .12s ease-in-out}.showcase__root--adaa{box-sizing:border-box;align-items:center;gap:1rem;margin-left:auto;display:flex}.showcase__menuIcon--f646{box-sizing:border-box;width:2rem;height:2rem;display:block}.showcase__root--bfbd{text-align:center;flex-direction:column;gap:.5rem;padding:4rem 2rem;display:flex}.showcase__title--fff6{font-size:1.5em}.showcase__message--d33f{font-size:1em}.showcase__default-color-scheme-light--b4bd{--showcase-ui-background:#fff;--showcase-ui-color:#222}.showcase__default-color-scheme-dark--c046{--showcase-ui-background:#1e2227;--showcase-ui-color:#f0f0f0;--showcase-ui-header-background:var(--showcase-ui-background);--showcase-ui-header-color:#f0f0f0;--showcase-ui-header-box-shadow:0 1px 0 0 #2c313a;--showcase-ui-aside-background:var(--showcase-ui-background);--showcase-ui-aside-color:#f0f0f0;--showcase-ui-aside-box-shadow:1px 0 0 0 #2c313a;--showcase-ui-modal-background:var(--showcase-ui-background);--showcase-ui-modal-color:var(--showcase-ui-color);--showcase-ui-input-color:#fff;--showcase-ui-input-placeholder-color:#9cacbc;--showcase-ui-input-background:#2e3440;--showcase-ui-input-outline-color:#4b525c;--showcase-ui-input-focus-outline-color:#9cacbc;--showcase-ui-link-color:#9cacbc;--showcase-ui-link-hover-color:#fff;--showcase-ui-menuitem-color:#abb2bf;--showcase-ui-menuitem-background:transparent;--showcase-ui-menuitem-hover-color:var(--showcase-ui-link-color);--showcase-ui-menuitem-hover-background:#2c313a;--showcase-ui-menuitem-active-color:var(--showcase-ui-link-color);--showcase-ui-menuitem-active-background:#323842;--showcase-ui-story-viewer-background:#191b20;--showcase-ui-plate-background:#1e2227;--showcase-ui-plate-box-shadow:inset 0 0 0 1px #2c313a;--showcase-ui-plate-header-box-shadow:inset 0 -1px 0 0 #2c313a;--showcase-ui-mdx-codeblock-background:#2e3440;--showcase-ui-mdx-codeblock-box-shadow:inset 0 0 0 1px #4c566a;--showcase-ui-mdx-blockquote-color:#9cacbc;--showcase-ui-mdx-blockquote-accent-color:#566176}.showcase__root--bde2{background:var(--showcase-ui-background,#fff);color:var(--showcase-ui-color,#222)}.showcase__aside--e639{padding-top:1rem;padding-bottom:1rem}.showcase__search--c0b2{padding:1rem 1rem .5rem;display:flex}input.showcase__searchField--d97b{flex-grow:1;width:0}.showcase__search--c0b2+.showcase__menu--b115{padding-top:.5rem}.showcase__menu--b115{box-sizing:border-box;width:100%;height:100%;padding-top:1rem;padding-bottom:1rem;overflow-x:hidden;overflow-y:auto}
/*# sourceMappingURL=showcase.6e3079cc9544883c.css.map*/