:where(.storylite-top-frame),:where(.storylite-iframe.default-styles){--storylite-font-color: #333;--storylite-bg-color: #fcfcfc;--storylite-border-color: #d2d2d2;--storylite-color-primary: #1fa7fd;--storylite-font-color-title: inherit;--storylite-bg-color-title: transparent;--storylite-font-color-muted: rgba(0, 0, 0, .6);--storylite-border-color-muted: #e6e6e6;--storylite-font-color-panel: #444;--storylite-bg-color-panel: #f7f9fc;--storylite-font-color-toolbar: #999999;--storylite-bg-color-toolbar: #ffffff;--storylite-font-size-base: 16px;--storylite-font-family-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--storylite-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--storylite-grid-line-color: rgba(130, 130, 130, .5);--storylite-grid-line-color2: rgba(130, 130, 130, .25)}[data-sl-theme=dark]:where(.storylite-top-frame),[data-sl-theme=dark]:where(.storylite-iframe--default-styles){--storylite-font-color: #dfdfd7;--storylite-bg-color: #252529;--storylite-border-color: #29292c;--storylite-font-color-muted: #999999;--storylite-border-color-muted: #484848;--storylite-font-color-panel: #dfdfd7;--storylite-bg-color-panel: #161618;--storylite-font-color-toolbar: #999999;--storylite-bg-color-toolbar: #1e1e20;--storylite-grid-line-color: rgba(130, 130, 130, .35);--storylite-grid-line-color2: rgba(130, 130, 130, .175)}@media(prefers-color-scheme:dark){[data-sl-theme=auto]:where(.storylite-top-frame),[data-sl-theme=auto]:where(.storylite-iframe--default-styles){--storylite-font-color: #dfdfd7;--storylite-bg-color: #252529;--storylite-border-color: #29292c;--storylite-font-color-muted: #999999;--storylite-border-color-muted: #484848;--storylite-font-color-panel: #dfdfd7;--storylite-bg-color-panel: #161618;--storylite-font-color-toolbar: #999999;--storylite-bg-color-toolbar: #1e1e20;--storylite-grid-line-color: rgba(130, 130, 130, .35);--storylite-grid-line-color2: rgba(130, 130, 130, .175)}}:where(html,body,#root){position:relative;padding:0;margin:0;border:none;box-sizing:border-box;width:100%;height:100%;max-height:100vh;max-height:100dvh}:where(.storylite-top-frame),:where(.storylite-top-frame) *{position:relative;box-sizing:border-box;font-size:inherit;line-height:inherit}:where(.storylite-top-frame) *:before,:where(.storylite-top-frame) *:after{position:relative;box-sizing:inherit}:where(.storylite-top-frame),:where(.storylite-iframe--default-styles){font-size:16px;font-family:var(--storylite-font-family-sans);line-height:1.6;tab-size:4;-webkit-text-size-adjust:100%;position:relative;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;overflow-x:hidden;padding:0;margin:0;border:none;background:var(--storylite-bg-color);color:var(--storylite-font-color)}:where(.storylite-top-frame){position:relative;display:grid;grid-template-areas:"sidebar main";grid-template-columns:auto 1fr;grid-template-rows:100vh;background:var(--storylite-bg-color-panel);min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}:where(.storylite-top-frame) svg,:where(.storylite-iframe--default-styles) svg{color:inherit}:where(.storylite-top-frame) a,:where(.storylite-iframe--default-styles) a{color:var(--storylite-color-primary);text-decoration:underline}:where(.storylite-iframe),:where(.storylite-iframe:not(.storylite-iframe--default-styles)){background:transparent}.storylite-inlinehtml{display:inline-flex;vertical-align:middle}:where(.storylite-layout-center),:where(.storylite-layout-center--pad){position:relative;box-sizing:border-box;height:100%}.storylite-layout-center{grid-area:main}:where(.storylite-layout-center--pad){display:grid;grid-template-rows:auto 1fr auto;border-radius:6px;border:1px solid rgba(96,96,96,.16);overflow:hidden;box-sizing:border-box;box-shadow:1px 1px 4px 1px #00000026}[data-sl-theme=dark] :where(.storylite-layout-center--pad){border:1px solid rgba(96,96,96,.2);box-shadow:1px 1px 4px 2px #00000073}:where(.storylite-top-frame) .storylite-main{display:grid;grid-template-rows:1fr auto;gap:.5rem;align-items:stretch}:where(.storylite-top-frame) .storylite-layout-center{padding:.8rem;padding-left:0;transition:padding .12s ease-in-out;flex:1}[data-sl-maximize=true]:where(.storylite-top-frame) .storylite-layout-center{padding:0}[data-sl-maximize=true] :where(.storylite-layout-center--pad){border:none;border-radius:0;box-shadow:none}:where(.storylite-page404){position:relative;display:flex;width:100vw;height:100vh;max-width:100%;max-height:100%;align-items:center;align-content:center;justify-items:center;justify-content:center;font-size:2rem;color:#a6a6a6}:where(.storylite-page404 *){margin:0;padding:0;font-size:inherit;color:inherit}:where(.storylite-iframe--default-styles){position:relative;box-sizing:border-box;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}[data-sl-theme=dark] :where(.storylite-iframe--default-styles.storylite-iframe--standalone){color:var(--storylite-font-color);background-color:var(--storylite-bg-color)}.storylite-iframe-element{position:relative;border:none;display:block;margin:0 auto;width:100%;height:100%;background:transparent;transition:width .3s ease-in-out;overflow:auto}.storylite-canvas-root{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;background:transparent;transition:width .3s ease-in-out;overflow:auto;margin:0 auto}.storylite-sidebar{position:relative;padding:0;background:var(--storylite-bg-color-panel);color:var(--storylite-font-color-panel);transition:width .12s ease-in-out;transition-property:width,height,margin;width:0;overflow:auto;pointer-events:none;margin-left:-100px;margin-right:100px;grid-area:sidebar}[data-sl-maximize=false] .storylite-sidebar{width:220px;pointer-events:unset;margin-left:0;margin-right:0}[data-sl-theme=dark] .storylite-sidebar{border-color:transparent}@media(prefers-color-scheme:dark){[data-sl-theme=auto] .storylite-sidebar{border-color:transparent}}.storylite-sidebar-body{position:relative;min-width:220px}.storylite-sidebar-titleWrapper{position:relative}.storylite-sidebar-title{padding:1.2rem .8rem;font-weight:700;color:var(--storylite-font-color-SidebarTitle);background-color:var(--storylite-bg-color-SidebarTitle);font-size:1.2rem;line-height:1rem;letter-spacing:-1px;text-align:left}.storylite-sidebar-title svg{width:1.5rem;height:1.5rem}.storylite-sidebar-title h1,.storylite-sidebar-title h2,.storylite-sidebar-title h3{font-size:inherit;color:inherit;padding:0;margin:0}.storylite-sidebar-title a{color:inherit;display:block;text-decoration:none;line-height:1rem}.storylite-sidebar-nav ul,.storylite-sidebar-nav li{position:relative;display:block;list-style:none;padding:0;margin:0}.storylite-sidebar-nav li{display:flex;flex-direction:column}.storylite-sidebar-nav .storylite-navbtn{all:unset;appearance:none;padding:.46rem 1rem;font-size:.8rem;line-height:1.1rem;color:inherit;display:inline-flex;align-items:center;text-decoration:none;transition:background-color .2s linear;cursor:pointer}.storylite-sidebar-nav .storylite-navbtn .storylite-text,.storylite-sidebar-nav .storylite-navbtn .storylite-icon,.storylite-sidebar-nav .storylite-navbtn .storylite-icon svg{vertical-align:middle;display:inline-block;font-style:normal}.storylite-sidebar-nav .storylite-navbtn .storylite-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storylite-sidebar-nav .storylite-navbtn .storylite-icon{line-height:12px;margin-right:5px}.storylite-sidebar-nav .storylite-navbtn .storylite-icon svg{width:12px;height:12px}.storylite-sidebar-nav .storylite-navbtn:hover{background-color:#00000012}[data-sl-theme=dark] .storylite-sidebar-nav .storylite-navbtn:hover{background-color:#0006}[data-sl-theme=dark] .storylite-sidebar-nav .storylite-active .storylite-navbtn:hover,.storylite-sidebar-nav .storylite-active .storylite-navbtn{background-color:var(--storylite-color-primary);text-decoration:none;color:#fff}.storylite-active-children>.storylite-navbtn{color:var(--storylite-color-primary)}.storylite-sidebar-nav .storylite-with-nested .storylite-nested .storylite-navbtn{padding-left:2rem}.storylite-sidebar-nav .storylite-nested .storylite-icon{color:var(--storylite-color-primary)}.storylite-sidebar-nav .storylite-nested .storylite-active .storylite-icon{color:inherit}.storylite-story{position:relative;height:100%;box-sizing:border-box;display:flex}.storylite-story-canvas{position:relative;display:block;box-sizing:border-box;padding:1rem;flex:1}.storylite-story--standalone .storylite-story-canvas{height:100%}.storylite-story .storylite-story-canvas>.storylite-story-component{position:relative}.storylite-btn,a.storylite-btn{border-radius:0;border:none;background:var(--storylite-bg-color-toolbar);color:inherit;padding:0;text-align:center;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .12s ease-in-out;padding:.4rem}:where(.storylite-btn span) svg{width:max(1rem,16px);height:max(1rem,16px);vertical-align:middle}:where(.storylite-btn) span:not(.storylite-inlinehtml){display:inline-flex;line-height:16px}:where(.storylite-btn--hoverable).storylite-btn:hover,.storylite-btn--active{color:var(--storylite-color-primary)}.storylite-addon-toolbar{position:relative;background:var(--storylite-bg-color-toolbar);color:var(--storylite-font-color-toolbar);border-bottom:1px solid var(--storylite-border-color-muted);font-family:var(--storylite-font-family-sans);display:flex;justify-content:space-between;align-items:stretch;padding:0 .65rem}.storylite-addon-toolbar-group{display:flex;align-items:stretch;gap:.25rem}[data-sl-theme=dark] .storylite-addon-toolbar{border-color:transparent}@media(prefers-color-scheme:dark){[data-sl-theme=auto] .storylite-addon-toolbar{border-color:transparent}}[data-sl-grid=true] .storylite-canvas-root{background-size:8rem 8rem,8rem 8rem,1rem 1rem,1rem 1rem!important;background-position:1rem 1rem,1rem 1rem,1rem 1rem,1rem 1rem!important;background-blend-mode:difference!important;background-image:linear-gradient(var(--storylite-grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--storylite-grid-line-color) 1px,transparent 1px),linear-gradient(var(--storylite-grid-line-color2) 1px,transparent 1px),linear-gradient(90deg,var(--storylite-grid-line-color2) 1px,transparent 1px)!important}[data-sl-responsive*=px].storylite-canvas-root{border:1px solid rgba(80,80,80,.5);box-shadow:0 0 6px 1px #5050504d;border-radius:16px;margin-top:1rem;margin-bottom:1rem;height:auto;overflow:auto}.sl-responsive-info{position:absolute;top:.6rem;right:.6rem;-webkit-user-select:none;user-select:none;color:var(--storylite-font-color-muted);font-size:.75rem;font-family:var(--storylite-font-family-mono);z-index:1000}[data-sl-outline=true] .storylite-story-component :where(div,section,article,aside,header,footer,form,table,ul,ol,details,pre){outline:2px solid rgba(255,87,126,.65)!important;outline-offset:0px!important}[data-sl-outline=true] .storylite-story-component :where(a,button,input,textarea,select){outline:2px solid rgba(255,230,9,.65)!important;outline-offset:0px!important}[data-sl-outline=true] .storylite-story-component :where(span,i,image,svg,canvas,video,audio,var,code){outline:2px solid rgba(87,238,49,.65)!important;outline-offset:0px!important}[data-sl-outline=true] .storylite-story-component :where(li,dt,dd,tr,th,td,summary){outline:2px solid rgba(55,202,255,.65)!important;outline-offset:0px!important}[data-sl-outline=true] .storylite-story-component :where(h1,h2,h3,h4,h5,h6){outline:2px solid rgba(255,111,0,.65)!important;outline-offset:0px!important}[data-sl-maximize=false] .Sidebar{width:220px;pointer-events:unset;margin-left:0;margin-right:0}[data-sl-theme=dark] .Sidebar{border-color:transparent}@media(prefers-color-scheme:dark){[data-sl-theme=auto] .Sidebar{border-color:transparent}}[data-sl-theme=dark] .SidebarNav .ListBtn:hover{background-color:#0006}[data-sl-theme=dark] .SidebarNav .Active .ListBtn:hover,.SidebarNav .Active .ListBtn{background-color:var(--storylite-color-primary);text-decoration:none;color:#fff}@media(max-width:768px){[data-sl-maximize=false] .storylite-sidebar{width:auto}.storylite-top-frame{grid-template-areas:"sidebar" "main";grid-template-rows:auto 1fr;grid-template-columns:100vw}:where(.storylite-top-frame) .storylite-layout-center{padding:.8rem}.storylite-sidebar{padding:1.5rem;max-height:25vh;height:0;overflow:hidden;transition-property:all;width:auto;margin-left:0;margin-right:0;margin-bottom:0;margin-top:-25.5vh}[data-sl-maximize=false] .storylite-sidebar{width:auto;height:auto;overflow:auto;margin:0}}