body{height:100%;margin:0}#container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100vh}header{align-items:center;background-color:#d6d6d6;background-color:var(--neutral-layer-4);border-bottom:3px solid #4e64bf;border-bottom:calc(var(--stroke-width)*3px) solid var(--accent-fill-rest);display:grid;grid-area:header;grid-template-columns:280px 1fr auto auto;grid-template-rows:1fr;justify-content:flex-start;padding:12px 0}header .logo{grid-column:1;height:46px;padding:0 30px;width:108px}header .colorgroup{align-items:center;display:none;grid-column:3}header .profile{align-items:flex-end;display:flex;grid-column:4;justify-self:end;padding:0 20px 0 0}footer,header .profile{color:#2b2b2b;color:var(--neutral-foreground-rest)}footer{align-items:center;background:#d6d6d6;background:var(--neutral-layer-4);display:grid;grid-area:footer;grid-template-columns:10px auto auto;padding:10px}footer fluent-switch{width:9rem}footer .switches{align-items:flex-start;display:flex;grid-column:2}footer .version{grid-column:3;justify-content:center}footer .version a{color:#2b2b2b;color:var(--neutral-foreground-rest);text-decoration:none}footer .version a:focus{outline:1px dashed;outline-offset:3px}footer .version a:hover{text-decoration:underline}footer .copy{grid-column:5;justify-self:end}main{background-color:#fff;background-color:var(--neutral-layer-1);color:#2b2b2b;color:var(--neutral-foreground-rest);display:grid;grid-area:main;grid-template-columns:280px 1fr;grid-template-rows:1fr}nav{background-color:#ddd;background-color:var(--neutral-layer-3);grid-column:1/2;padding:2.5rem 1.5rem;transition:all .3s ease-in-out;z-index:1}nav ul{list-style:none;margin:0;padding:0}nav ul li{padding:2px 0}nav h2{font-size:16px;font-size:var(--type-ramp-plus-1-font-size);line-height:24px;line-height:var(--type-ramp-plus-1-line-height);margin:0;padding:15px 0}nav h3{font-size:14px;font-size:var(--type-ramp-base-font-size);line-height:16px;line-height:var(--type-ramp-minus-1-line-height);margin:0;padding:10px 0}nav button{color:#fff;color:var(--fill-color);text-align:left!important;width:100%}.content{display:grid;grid-template-columns:3fr 280px}article{grid-area:1/1;margin:0;overflow-x:hidden;padding:2.2rem 1.5rem;transition:all .3s ease-in-out}aside{border-left:1px solid #eaeaea;border-left:1px solid var(--neutral-stroke-divider-rest);grid-area:1/2;padding:2rem .75rem}#menu-toggle,.menu-icon{display:none}#menu-toggle:checked>nav{width:0}[dir=rtl] #menu-toggle:checked~nav{right:0}#color{margin-left:0;margin-right:10px}[dir=rtl] #color{margin-left:10px;margin-right:0}label{-webkit-margin-end:10px;-webkit-margin-end:calc(var(--design-unit)*2px + 2px);color:#2b2b2b;color:var(--neutral-foreground-rest);cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-family:var(--body-font);font-size:14px;font-size:var(--type-ramp-base-font-size);font-variation-settings:var(--type-ramp-base-font-variations);font-weight:400;line-height:20px;line-height:var(--type-ramp-base-line-height);margin-inline-end:10px;margin-inline-end:calc(var(--design-unit)*2px + 2px)}.shell,.sourceCode{padding:7px}.shell,.sourceCode,code{background:var(--neutral-stroke-layer-rest)}.demopanel{border:1px dashed red;padding:5px}.highlighted-row{background-color:var(--neutral-fill-secondary-hover)}.treeStatus{align-items:center;display:flex}.treeStatus label{margin-left:.5em}.mindMapContainer{height:0;padding-top:83.75%;position:relative;width:100%}.mindMapContainer iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:767px){header{align-items:center;grid-area:header;grid-template-columns:150px 1fr;justify-content:flex-start}header .logo{height:46px;padding:0 25px;width:160px}header .switches{flex-direction:column;grid-column:2}header .switches .label{-webkit-padding-end:14px;padding-inline-end:14px}header .colorgroup{display:none}nav{padding:0}.navMenuFull{display:none}main{display:grid;grid-template-columns:1fr;grid-template-rows:40px 1fr}aside{grid-area:1/1/2/3;padding:1em .75em}article{grid-area:2/1/3/3;padding-top:0}#menu-toggle:checked~article{grid-area:1/1/3/3;padding-left:0}nav ul{max-width:100%;text-align:center}.menu-icon{display:block;grid-column:1/2;grid-row:1/2;padding:10px .75em;transition:all .3s ease-in-out;visibility:visible;width:4rem;z-index:2}#menu-toggle~nav{display:none}#menu-toggle:checked~nav{display:block;grid-area:1/1/3/3}#menu-toggle~article{display:block}#menu-toggle:checked~article{display:none}#menu-toggle:checked+.menu-icon{padding-left:89%}footer{display:grid;grid-template-columns:10px auto 10px}footer .version{grid-column:2;justify-content:start}footer .copy{grid-column:2;grid-row:2;justify-self:end}@media screen and (max-width:767px) and (orientation:landscape){nav{height:300px;padding:25px 40px}nav ul{margin:0}}}@media (max-width:1024px){fluent-select::part(control){width:150px}.content{display:grid;grid-template-columns:auto}aside{grid-area:1/1/2/2;padding:1.5em .75em 1em}article{grid-area:2/1/2/2;padding-top:0}}@media (horizontal-viewport-segments:2){header{align-items:center;background-color:#d6d6d6;background-color:var(--neutral-layer-4);display:grid;grid-area:header;grid-template-columns:150px calc(env(viewport-segment-width 0 0) - 160px) 1fr;grid-template-rows:1fr;justify-content:flex-start;padding:12px 0}header a{color:#2b2b2b;color:var(--neutral-foreground-rest);padding:0 15px}header .logo{grid-column:1;height:23px;padding:0 30px;width:108px}header .switches{-webkit-margin-start:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));grid-column:3;justify-self:end;margin-inline-start:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));padding-left:20px}header .colorgroup{grid-column:2;justify-self:end;z-index:10}main{display:grid;grid-template-columns:env(viewport-segment-width 0 0) 1fr;grid-template-rows:repeat(0,1fr)}nav{grid-column:1;width:env(viewport-segment-width 0 0)px}.content{display:grid;grid-template-columns:auto}aside{grid-area:1/2/2/3;padding:1.5em .75em 1em}article,aside{-webkit-margin-start:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));-webkit-margin-end:calc(100% - env(viewport-segment-left 1 0));margin-inline-end:calc(100% - env(viewport-segment-left 1 0));margin-inline-start:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0))}article{grid-area:2/2/3/3;padding-top:0}}:root{--accent-color:#da1a5f;--accent-fill-active:#df3c77;--accent-fill-focus:#4e64bf;--accent-fill-hover:#da1a5f;--accent-fill-rest:#4e64bf;--accent-foreground-active:#4e64bf;--accent-foreground-focus:#da1a5f;--accent-foreground-hover:#b3154e;--accent-foreground-rest:#da1a5f;--ambient-shadow-alpha:calc((2 - var(--background-luminance, 1))*0.11);--ambient-shadow-color:rgba(0,0,0,var(--ambient-shadow-alpha));--ambient-shadow:0 0 calc(var(--elevation)*0.225px + 2px) var(--ambient-shadow-color);--base-height-multiplier:10;--base-horizontal-spacing-multiplier:3;--base-layer-luminance:1;--body-font:Arial,Helvetica,sans-serif;--clear-button-active:#ededed;--clear-button-hover:#f2f2f2;--control-corner-radius:4;--density:0;--design-unit:4;--direction:ltr;--directional-shadow:0 calc(var(--elevation)*0.4px) (var(--elevation)*0.9px) var(--directional-shadow-color);--directional-shadow-alpha:calc((2 - var(--background-luminance, 1))*0.13);--directional-shadow-color:rgba(0,0,0,var(--directional-shadow-alpha));--disabled-opacity:0.3;--elevation:14;--elevation-shadow:var(--ambient-shadow),var(--directional-shadow);--height-number:(var(--base-height-multiplier) + var(--density)) * var(--design-unit);--fill-color:#fff;--focus-stroke-inner:#fff;--focus-stroke-outer:#888;--focus-stroke-width:2;--foreground-on-accent-active-large:#000;--foreground-on-accent-active:#000;--foreground-on-accent-focus-large:#000;--foreground-on-accent-focus:#fff;--foreground-on-accent-hover-large:#000;--foreground-on-accent-hover:#fff;--foreground-on-accent-rest-large:#000;--foreground-on-accent-rest:#fff;--neutral-color:grey;--neutral-fill-active:#f2f2f2;--neutral-fill-focus:#fff;--neutral-fill-hover:#e5e5e5;--neutral-fill-input-active:#fff;--neutral-fill-input-focus:#fff;--neutral-fill-input-hover:#fff;--neutral-fill-input-rest:#fff;--neutral-fill-layer-rest:#f7f7f7;--neutral-fill-rest:#ededed;--neutral-fill-stealth-active:#f7f7f7;--neutral-fill-stealth-focus:#fff;--neutral-fill-stealth-hover:#f2f2f2;--neutral-fill-stealth-rest:#fff;--neutral-fill-strong-active:#838383;--neutral-fill-strong-focus:#767676;--neutral-fill-strong-hover:#616161;--neutral-fill-strong-rest:#767676;--neutral-foreground-hint:#767676;--neutral-foreground-rest:#2b2b2b;--neutral-layer-1:#fff;--neutral-layer-2:#e5e5e5;--neutral-layer-3:#ddd;--neutral-layer-4:#d6d6d6;--neutral-layer-card-container:#f7f7f7;--neutral-layer-floating:#fff;--neutral-stroke-active:#d6d6d6;--neutral-stroke-divider-rest:#eaeaea;--neutral-stroke-focus:#bebebe;--neutral-stroke-hover:#979797;--neutral-stroke-rest:#bebebe;--stroke-width:1;--tree-item-expand-collapse-hover:#e5e5e5;--tree-item-expand-collapse-selected-hover:#e0e0e0;--type-ramp-base-font-size:14px;--type-ramp-base-line-height:20px;--type-ramp-minus-1-font-size:12px;--type-ramp-minus-1-line-height:16px;--type-ramp-minus-2-font-size:10px;--type-ramp-minus-2-line-height:16px;--type-ramp-plus-1-font-size:16px;--type-ramp-plus-1-line-height:24px;--type-ramp-plus-2-font-size:20px;--type-ramp-plus-2-line-height:28px;--type-ramp-plus-3-font-size:28px;--type-ramp-plus-3-line-height:36px;--type-ramp-plus-4-font-size:34px;--type-ramp-plus-4-line-height:44px;--type-ramp-plus-5-font-size:46px;--type-ramp-plus-5-line-height:56px;--type-ramp-plus-6-font-size:60px;--type-ramp-plus-6-line-height:72px}.docs-story,html{background-color:#fff;background-color:var(--fill-color);color:#2b2b2b;color:var(--neutral-foreground-rest);min-height:100%}.docs-story [class^=css-]{-webkit-transform:none!important;transform:none!important}#root,body,html{height:100%;width:100%}
/*# sourceMappingURL=main.b90e63b0.css.map*/