.canvas-module__root--f88{background:#eee;border-radius:4px;width:400px;height:300px;position:relative;overflow:hidden}.canvas-module__fullscreen--e2f{z-index:100;border-radius:0;width:auto;height:auto;position:fixed;top:0;bottom:0;left:0;right:0}.canvas-module__canvas--c07{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.canvas-module__controls--f5c{justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;left:0;right:0}.canvas-module__button--db6{color:#fff;background:#333;border-radius:4px;padding:8px 20px}.canvas-module__button--db6:hover{cursor:pointer;background:#222}.canvas-module__button--db6:active{color:#eee;background:#111}*{box-sizing:border-box;font:inherit;line-height:inherit;border:0;outline:0;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px}.showcase__link--adec{box-sizing:border-box}.showcase__color-default--e148{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__color-default--e148:hover{color:var(--showcase-ui-link-color,#555)}.showcase__color-black--b89e{color:#222;text-decoration:none}.showcase__color-black--b89e:hover{color:#555}.showcase__color-white--fb4f{color:#fff;text-decoration:none}.showcase__color-white--fb4f:hover{color:#ddd}.showcase__plate--e412{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--f74c{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--a487{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--b9e0{--showcase-ui-plate-body-padding:0px}.showcase__tabs--ad55{box-sizing:border-box;text-wrap:nowrap;align-items:center;gap:1rem;height:3rem;display:flex;overflow-x:auto}.showcase__tab--b601{box-sizing:border-box;cursor:pointer;align-items:center;height:100%;display:flex}.showcase__tab--b601.showcase__active--e3f0{box-shadow:inset 0 -2px #1f84db}.showcase__code--a806{box-sizing:border-box;font-size:var(--showcase-ui-source-font-size,14px);padding:1.5rem;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;line-height:1.25;overflow:auto}@media (max-width:960px){.showcase__code--a806{font-size:var(--showcase-ui-source-font-size,12px)}}.showcase__code--a806 pre{box-sizing:border-box;margin:0;padding:0}.showcase__mdx--a4d0{box-sizing:border-box;background:#fff;flex-grow:1}.showcase__layout--fbed{width:1280px;max-width:100%;margin-left:auto;margin-right:auto;padding:2rem}.showcase__mdx--a4d0 *{box-sizing:border-box}.showcase__mdx--a4d0 h1{margin:.67em 0;font-size:2em;font-weight:700;display:block}.showcase__mdx--a4d0 h2{margin:.83em 0;font-size:1.5em;font-weight:700;display:block}.showcase__mdx--a4d0 h3{margin:1em 0;font-size:1.17em;font-weight:700;display:block}.showcase__mdx--a4d0 h4{margin:1.33em 0;font-weight:700;display:block}.showcase__mdx--a4d0 h5{margin:1.67em 0;font-size:.83em;font-weight:700;display:block}.showcase__mdx--a4d0 h6{margin:2.33em 0;font-size:.67em;font-weight:700;display:block}.showcase__mdx--a4d0 p{margin:1em 0;display:block}.showcase__mdx--a4d0 a:link{color:(internal value);text-decoration:underline}.showcase__mdx--a4d0 pre{white-space:pre;background:#f5f5f5;border-radius:.5rem;margin:1em 0;padding:1rem;font-family:monospace;display:flex;overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 0 0 1px #ddd}.showcase__mdx--a4d0 code{font-family:monospace}.showcase__mdx--a4d0 pre>code{flex-grow:1;width:0;display:block}.showcase__mdx--a4d0 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--a4d0 ol{margin:1em 0;padding-left:1em;list-style-type:decimal;list-style-position:inside;display:block}.showcase__mdx--a4d0 blockquote{border-left:3px solid #ddd;margin-left:0;padding:.25em 1em}.showcase__mdx--a4d0 blockquote cite{color:#bfbfbf}.showcase__mdx--a4d0 blockquote cite:before{content:"— "}.showcase__mdx--a4d0 blockquote p{color:#666;margin-top:0;margin-bottom:0}.showcase__root--b09e{box-sizing:border-box;padding:var(--showcase-ui-story-viewer-inner-gutter,2rem);min-height:calc(100vh - var(--showcase-ui-header-height,64px));gap:var(--showcase-ui-story-viewer-inner-gutter,2rem);background:#f9fafb;flex-direction:column;display:flex}@media (max-width:960px){.showcase__root--b09e{padding:var(--showcase-ui-story-viewer-inner-gutter,1rem);gap:var(--showcase-ui-story-viewer-inner-gutter,1rem)}}.showcase__controls--dd34{box-sizing:border-box;text-wrap:nowrap;align-items:center;gap:1rem;height:100%;margin-left:auto;display:flex;overflow-x:auto}.showcase__main--a3a7{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}@media (max-width:960px){.showcase__main--a3a7{max-height:calc(100vh - var(--showcase-ui-header-height,64px) - (var(--showcase-ui-story-viewer-inner-gutter,1rem)*2))}}.showcase__main--a3a7.showcase__detailed--f7db{min-height:360px;height:calc(60vh - var(--showcase-ui-header-height,64px));max-height:calc(75vh - var(--showcase-ui-header-height,64px))}.showcase__body--ef63{flex-direction:column;display:flex}.showcase__iframe--d341{box-sizing:border-box;border:0;flex-grow:1;width:100%;margin:0;display:block}.showcase__codeBlock--f09d{box-sizing:border-box;border-radius:8px;overflow:hidden}.showcase__menuitem--dc1e{box-sizing:border-box;color:#222;text-decoration:none}.showcase__menuitemTitle--eb30,.showcase__menuitemTitle--eb30: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--eb30:not(.showcase__interactive--d9c6){cursor:unset}.showcase__menuitem--dc1e:not(.showcase__active--c31a)>.showcase__menuitemTitle--eb30.showcase__interactive--d9c6:hover{cursor:pointer;color:var(--showcase-ui-menuitem-color,#000);background:var(--showcase-ui-menuitem-background,#f2f3f6)}.showcase__menuitem--dc1e:not(.showcase__active--c31a)>.showcase__menuitemTitle--eb30.showcase__interactive--d9c6:focus-visible{cursor:pointer;color:var(--showcase-ui-menuitem-color,#000);background:var(--showcase-ui-menuitem-background,#f2f3f6)}.showcase__menuitem--dc1e.showcase__active--c31a>.showcase__menuitemTitle--eb30{color:var(--showcase-ui-menuitem-color,#000);background:var(--showcase-ui-menuitem-background,#eaebf1)}.showcase__bold--ae10{font-weight:600}.showcase__icon--aa58{box-sizing:border-box;opacity:.5;width:1rem;height:1rem;margin-right:.25rem}.showcase__menuitem--dc1e.showcase__open--a999>.showcase__menuitemTitle--eb30>.showcase__icon--aa58{transform:rotate(90deg)}input.showcase__input--f681{border-radius:6px;height:2.5rem;padding-left:.5rem;padding-right:.5rem;box-shadow:inset 0 0 0 1px #ddd}input.showcase__input--f681:focus{outline:1px solid #323232;box-shadow:inset 0 0 0 1px #323232}input.showcase__input--f681::-webkit-search-decoration{-webkit-appearance:none}input.showcase__input--f681::-webkit-search-cancel-button{-webkit-appearance:none}input.showcase__input--f681::-webkit-search-results-button{-webkit-appearance:none}input.showcase__input--f681::-webkit-search-results-decoration{-webkit-appearance:none}.showcase__root--a17a{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--efe0{box-sizing:border-box;flex-grow:0;justify-content:flex-end;align-items:center;height:56px;padding:0 1rem;display:flex}.showcase__close--af37{box-sizing:border-box;flex-shrink:0;width:2rem;height:2rem;display:block}.showcase__body--bcaa{box-sizing:border-box;flex-grow:1;height:0;padding:1rem 0;overflow-x:hidden;overflow-y:auto}.showcase__hr--b719{height:1rem;display:block}.showcase__search--a08b{padding:.5rem 1rem;display:flex}.showcase__searchField--b7bc{flex-grow:1;width:0}.showcase__layout--cf2e{box-sizing:border-box;grid-template-columns:320px 1fr;grid-template-rows:var(--showcase-ui-header-height,64px)1fr;background:var(--showcase-ui-layout-background,#f9fafb);min-height:100vh;display:grid;position:relative}.showcase__header--e882{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--e882{padding:0 1rem}}.showcase__aside--b95d{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--b95d{display:none}}.showcase__main--c849{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}@media (max-width:960px){.showcase__main--c849{box-sizing:border-box;grid-column:1/3}}.showcase__root--cbf3{box-sizing:border-box;cursor:pointer;text-wrap:nowrap;align-items:center;display:flex}.showcase__logo--f699{box-sizing:border-box;max-height:var(--showcase-ui-header-height,64px);margin-right:.5rem;display:block}.showcase__root--de0c{box-sizing:border-box;gap:1rem;margin-left:auto;display:flex}.showcase__menuIcon--d996{box-sizing:border-box;width:2rem;height:2rem;display:block}.showcase__root--ce83{text-align:center;flex-direction:column;gap:.5rem;padding:4rem 2rem;display:flex}.showcase__title--c926{font-size:1.5em}.showcase__message--fdae{font-size:1em}.showcase__aside--f499{padding-top:1rem;padding-bottom:1rem}.showcase__search--e4a3{padding:1rem 1rem .5rem;display:flex}input.showcase__searchField--bb13{flex-grow:1;width:0}.showcase__search--e4a3+.showcase__menu--b92c{padding-top:.5rem}.showcase__menu--b92c{box-sizing:border-box;width:100%;height:100%;padding-top:1rem;padding-bottom:1rem;overflow-x:hidden;overflow-y:auto}
/*# sourceMappingURL=showcase.css.map*/