@import "./../CDN/a3160f7108a852dee7f46992c67a20143cdfc2dfc29ee3dfa8e5295c3fb5fb98.css";.material-symbols-outlined{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] .material-symbols-outlined{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}button.icon,button .icon,a .icon,.icon-inline,button[data-command]{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] button.icon,:root[data-theme=dark] button .icon,:root[data-theme=dark] a .icon,:root[data-theme=dark] .icon-inline,:root[data-theme=dark] button[data-command]{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.icon-inline{font-size:inherit;vertical-align:text-bottom;line-height:unset;display:inline}button.icon-only{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;color:inherit;direction:ltr;background-color:#0000;border:none;border-radius:99px;padding:8px;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] button.icon-only{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}button.icon-only:hover{background-color:#0000000f}button.icon-only:active{background-color:#0000001f}.button-icon-only{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;color:inherit;direction:ltr;background-color:#0000;border:none;border-radius:99px;padding:8px;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] .button-icon-only{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.button-icon-only:hover{background-color:#0000000f}.button-icon-only:active{background-color:#0000001f}button.plain{color:inherit;background-color:#0000;border:none;border-radius:99px;padding:8px}button.plain:hover{background-color:#0000000f}button.plain:active{background-color:#0000001f}.button-plain{color:inherit;background-color:#0000;border:none;border-radius:99px;padding:8px}.button-plain:hover{background-color:#0000000f}.button-plain:active{background-color:#0000001f}.loading-indicator-message{color:var(--loading-indicator-message-color);font-size:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}select:disabled,button:disabled,label:disabled,input:disabled{opacity:.5;pointer-events:none;background-color:#0000}.demo-dnd-panel__item{border-radius:var(--border-radius);touch-action:none;justify-content:center;align-self:center;display:flex}.demo-dnd-panel__item:hover{background-color:var(--interaction-button-hover);cursor:grab}.demo-dnd-panel__item:hover svg,.demo-dnd-panel__item:hover img{transform:scale(1.03)}.hidden{display:none!important}.center-toggle{align-items:center;gap:10px;display:inline-flex}.inline-icon{vertical-align:middle;display:inline-block}.text-content{font-size:var(--body-font-size)}.text-content>:first-child{margin-top:0!important}.text-content>:last-child{margin-bottom:0!important}.text-content h1{margin:1.2rem 0;font-size:xx-large}.text-content h2{font-size:x-large}.text-content h3{font-size:large}.text-content h2,.text-content h3,.text-content h4{margin:1.5rem 0 1rem}.text-content .text-medium{font-size:130%}.text-content ul,.text-content ol{padding-left:1.3em}.text-content p,.text-content dl,.text-content ul,.text-content ul.paragraph-style li{margin:1rem 0}.text-content li{margin:.5rem 0}.text-content .tutorial-about{font-size:130%;line-height:140%}.text-content code,.text-content pre,.text-content kbd,.text-content a.api{background:var(--inline-code-background);color:var(--inline-code-color);border-radius:4px;padding:2px 4px;font-family:Consolas,monospace}.text-content pre{max-width:100%;padding:8px;overflow-x:auto}.text-content kbd{white-space:nowrap;vertical-align:middle;border:1px solid #c1c1c1;padding:.2em .5em .1em;font-size:80%;box-shadow:0 1px #c1c1c1,inset 0 0 0 .1em #fafafa}.text-content a.unknown{color:#b22222}.text-content a.unknown:before{content:"⊗";padding-right:2px}.text-content p a,.text-content dl a,.text-content ul a,.text-content .note a,.text-content p a:visited,.text-content dl a:visited,.text-content ul a:visited,.text-content .note a:visited{color:inherit;border-bottom:.5px solid;text-decoration:none}.text-content p a:hover,.text-content dl a:hover,.text-content ul a:hover,.text-content .note a:hover{border-bottom:2px solid}.text-content dt{color:var(--color-text);margin-top:4px;font-weight:700}.text-content dd{margin-left:10px}.text-content fieldset{background:unset;border:0;margin:0;padding:0 0 1.5ex}.text-content fieldset legend{padding:0 0 .5ex;font-weight:700}.demo-properties__settings>h1,h2,h3,h4,h5,h6{grid-column:1/-1}.panel-bar button{animation:1.5s ease-out panel-bar-button-animation}.panel-bar button:hover{background-color:var(--toolbar-bg-hover);cursor:pointer}@keyframes panel-bar-button-animation{50%{background-color:var(--panel-bar-button-blink)}}.interaction-panel select,.demo-popup select{border-radius:var(--border-radius);color:var(--toolbar-button-text);background-color:var(--toolbar-button);cursor:pointer;background-size:1.5rem;border:none;width:100%;padding-inline:10px}@supports (appearance:base-select){.interaction-panel select,.demo-popup select{appearance:base-select;border-radius:var(--border-radius);border:none;align-items:center;padding:6px 14px}.interaction-panel select::picker(select){appearance:base-select;border:1px solid var(--toolbar-select-border);border-radius:var(--border-radius)}.demo-popup select::picker(select){appearance:base-select;border:1px solid var(--toolbar-select-border);border-radius:var(--border-radius)}.interaction-panel select::picker-icon{content:"expand_more";font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem}.demo-popup select::picker-icon{content:"expand_more";font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem}.interaction-panel select:open::picker-icon{rotate:180deg}.demo-popup select:open::picker-icon{rotate:180deg}}@supports not (appearance:base-select){.interaction-panel select,.demo-popup select{appearance:none;text-overflow:ellipsis;background-image:var(--toolbar-select-arrow);background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:6px 36px 6px 14px;overflow:hidden}}.interaction-panel select:hover,.demo-popup select:hover{color:var(--color-text);background-color:var(--interaction-button-hover)}.interaction-panel select:focus-visible,.demo-popup select:focus-visible{box-shadow:0 0 0 2px var(--interaction-button-hover);outline:none}.interaction-panel select optgroup,.demo-popup select optgroup{text-transform:uppercase;color:var(--color-text);background:var(--toolbar-bg);padding:5px;font-size:.75rem;font-style:normal;font-weight:100}.interaction-panel select option,.demo-popup select option{text-transform:none;cursor:pointer;font-size:1rem;font-family:var(--font-family), sans-serif;color:var(--color-text);background-color:var(--toolbar-bg);padding:10px;line-height:1.4}.interaction-panel select option:checked,.demo-popup select option:checked{font-weight:700}.interaction-panel select option:hover,.demo-popup select option:hover{background-color:var(--interaction-button-hover)}.interaction-panel .navigate-select,.demo-popup .navigate-select{align-items:center;gap:8px;margin-bottom:20px;padding:0;display:flex}.interaction-panel .navigation-button,.demo-popup .navigation-button{border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.interaction-panel .navigation-button:hover,.demo-popup .navigation-button:hover{background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}.interaction-panel .navigation-button.labeled,.demo-popup .navigation-button.labeled{background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}.interaction-panel .navigation-button.labeled:hover,.demo-popup .navigation-button.labeled:hover{color:var(--color-text);background-color:var(--toolbar-bg-hover)}.interaction-panel .navigation-button:hover,.demo-popup .navigation-button:hover{background-color:var(--interaction-button-hover);color:var(--color-text)}.description-panel .highlight-description{border-radius:var(--border-radius);animation-name:highlight-animation;animation-duration:3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes highlight-animation{0%{background-color:var(--description-bg)}20%{background-color:#ff9800}to{background-color:var(--interaction-bg)}}.description-panel img{display:inline}.toolbar{font-family:var(--font-family), sans-serif;color:var(--color-text);white-space:nowrap;background:var(--toolbar-bg);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));box-shadow:var(--shadow-crispy-gray);-webkit-user-select:none;user-select:none;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px 6px;font-size:.9rem;display:inline-flex}.toolbar button{border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.toolbar button:hover{background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}.toolbar button.labeled{background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}.toolbar button.labeled:hover{color:var(--color-text);background-color:var(--toolbar-bg-hover)}.toolbar select{border-radius:var(--border-radius);color:var(--toolbar-button-text);background-color:var(--toolbar-button);cursor:pointer;background-size:1.5rem;border:none;padding-inline:10px}@supports (appearance:base-select){.toolbar select{appearance:base-select;border-radius:var(--border-radius);border:none;align-items:center;padding:6px 14px}.toolbar select::picker(select){appearance:base-select;border:1px solid var(--toolbar-select-border);border-radius:var(--border-radius)}.toolbar select::picker-icon{content:"expand_more";font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem}.toolbar select:open::picker-icon{rotate:180deg}}@supports not (appearance:base-select){.toolbar select{appearance:none;text-overflow:ellipsis;background-image:var(--toolbar-select-arrow);background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:6px 36px 6px 14px;overflow:hidden}}.toolbar select:hover{color:var(--color-text);background-color:var(--interaction-button-hover)}.toolbar select:focus-visible{box-shadow:0 0 0 2px var(--interaction-button-hover);outline:none}.toolbar select optgroup{text-transform:uppercase;color:var(--color-text);background:var(--toolbar-bg);padding:5px;font-size:.75rem;font-style:normal;font-weight:100}.toolbar select option{text-transform:none;cursor:pointer;font-size:1rem;font-family:var(--font-family), sans-serif;color:var(--color-text);background-color:var(--toolbar-bg);padding:10px;line-height:1.4}.toolbar select option:checked{font-weight:700}.toolbar select option:hover{background-color:var(--interaction-button-hover)}:is(.toolbar label:has(>select),.toolbar label:has(>input),.toolbar label:has(>button),.toolbar div:has(>label):has(>input),.toolbar div:has(>label):has(>select),.toolbar div:has(>label):has(>button)){border-radius:var(--border-radius);align-items:center;gap:8px;padding:6px;display:inline-flex}:is(.toolbar div:has(>label):has(>input):hover,.toolbar div:has(>label):has(>select):hover){background-color:var(--toolbar-bg-hover);color:var(--color-text)}.toolbar label:has(>select){background-color:var(--toolbar-button);color:var(--toolbar-button-text);cursor:pointer;padding:6px 2.25rem 6px 14px;position:relative}.toolbar label:has(>select)>select{opacity:0;width:100%;height:100%;position:absolute;inset:0}.toolbar label:has(>select):after{content:"keyboard_arrow_down";pointer-events:none;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;position:absolute;right:10px}.toolbar label:has(>select):hover{color:var(--color-text);background-color:var(--toolbar-bg-hover);cursor:pointer}.toolbar input[type=range]{-webkit-appearance:none;background-color:#0000;width:100px;min-width:7rem}.toolbar input[type=range] :before{content:"";display:inline-flex}.toolbar input[type=range]::-webkit-slider-runnable-track{background:var(--interaction-alt);border-radius:1000px;height:6px}.toolbar input[type=range]::-moz-range-track{background:var(--interaction-alt);border-radius:1000px;height:6px}.toolbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interaction-alt);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px}.toolbar input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:var(--interaction-alt);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px}.toolbar input[type=range]:hover{cursor:pointer}:is(.toolbar label:has(>input[type=checkbox]),.toolbar div:has(>label):has(>input[type=checkbox])){background-color:var(--toolbar-bg);color:var(--color-text);font-family:var(--font-family), sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px}:is(.toolbar label:has(>input[type=checkbox]):hover,.toolbar div:has(>label):has(>input[type=checkbox]):hover){background-color:var(--toolbar-bg-hover)}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar label:has(>input[type=checkbox])+input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar label:has(>input[type=checkbox])+input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar label:has(>input[type=checkbox])+input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon),.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)){background-color:#0000;padding:0}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon):hover,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon):hover){background-color:#0000}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox],.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]){display:none}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]:checked+label.yIcon,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]:checked+label.yIcon){background-color:var(--toolbar-bg-hover);font-variation-settings:"FILL" 1}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon){border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon:hover,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon:hover){background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled){background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}:is(.toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled:hover,.toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled:hover){color:var(--color-text);background-color:var(--toolbar-bg-hover)}.toolbar label:has(>input[type=checkbox]){gap:8px}.toolbar label:has(>input[type=checkbox]){background-color:var(--toolbar-bg);color:var(--color-text);font-family:var(--font-family), sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px}.toolbar label:has(>input[type=checkbox]):hover{background-color:var(--toolbar-bg-hover)}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.toolbar label:has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.toolbar input[type=number]{border:2px solid var(--color-text);background-color:#0000;border-top:none;border-left:none;border-right:none;width:40px}.toolbar input[type=number]:focus{box-shadow:none;outline:none}.toolbar #searchBox{border:2px solid var(--color-text);background-color:#0000;border-top:none;border-left:none;border-right:none;margin-right:10px}.toolbar #searchBox:focus{box-shadow:none;outline:none}.toolbar .separator{width:1px;height:1.75rem;color:var(--color-text);background:0 0;margin-inline:4px;display:inline-block}.toolbar .navigate-select{align-items:center;gap:8px;margin-bottom:0;padding:0;display:flex}.toolbar .separator{vertical-align:middle;background:currentColor;width:1px;height:1.5rem;margin:0 4px;display:inline-block}.toolbar .toolbar-overflow-button{order:999;margin-left:12px;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-weight:270;position:relative}.toolbar .toolbar-overflow-button:before{content:"";pointer-events:none;background-color:currentColor;width:.5px;height:24px;display:inline-block;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.toolbar:has(>:nth-child(2)):not(:has(>:nth-child(3))) .toolbar-overflow-button{margin-left:0}.toolbar:has(>:nth-child(2)):not(:has(>:nth-child(3))) .toolbar-overflow-button:before{display:none}.toolbar .toolbar-overflow-container{border-radius:var(--border-radius);background-color:var(--toolbar-bg);max-width:max(100vw - 70px,100%);box-shadow:var(--shadow-crispy-gray);z-index:2;box-sizing:border-box;white-space:normal;border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}@supports not selector(::-webkit-scrollbar){.toolbar .toolbar-overflow-container{scrollbar-width:thin}}.toolbar .toolbar-overflow-container::-webkit-scrollbar{width:6px;height:6px;margin:3px;padding:3px}.toolbar .toolbar-overflow-container::-webkit-scrollbar-track{background-color:#0000;border-radius:4px}.toolbar .toolbar-overflow-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);opacity:.8;border-radius:4px}@media (min-width:40rem){.toolbar .toolbar-overflow-container{max-width:100%;left:unset;right:0}}.toolbar .toolbar-overflow-container[data-open]{display:inline-flex}.toolbar .toolbar-overflow-container .separator{display:none}.toolbar .toolbar-overflow-container>button:not(.toolbar-overflow-button):not(.labeled){width:-moz-fit-content;width:fit-content;color:var(--color-text);font-family:var(--font-family), sans-serif;align-items:center;gap:4px;font-size:0;display:inline-flex}.toolbar .toolbar-overflow-container>button:not(.toolbar-overflow-button):not(.labeled):hover{background-color:var(--toolbar-bg-hover)}.toolbar .toolbar-overflow-container>button:not(.toolbar-overflow-button):not(.labeled):not(.yIcon):before{font-family:Material Symbols Outlined,sans-serif}.toolbar .toolbar-overflow-container>button:not(.toolbar-overflow-button):not(.labeled):before{content:attr(data-icon);font-size:1.5rem;line-height:1}.toolbar .toolbar-overflow-container>button:not(.toolbar-overflow-button):not(.labeled):after{content:attr(title);font-family:var(--font-family), sans-serif;white-space:nowrap;font-size:.9rem;line-height:1.4}.toolbar .toolbar-overflow-container label:has(>input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end}.toolbar .toolbar-radio-group{background-color:var(--toolbar-group);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:6px;display:inline-flex}.toolbar .toolbar-radio-group label:has(>input[type=radio]){cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 5px}.toolbar .toolbar-radio-group label:has(>input[type=radio]):hover{background-color:var(--toolbar-bg-hover)}.toolbar .toolbar-radio-group label:has(>input[type=radio]):checked{background-color:var(--toolbar-button)}.toolbar .toolbar-radio-group label:has(>input[type=radio])>input[type=radio]{appearance:none;border-radius:var(--border-radius);background-color:var(--toolbar-tab-color);width:2rem;height:2rem;color:var(--toolbar-button-text);cursor:pointer;place-content:center;display:inline-grid;position:relative}.toolbar .toolbar-radio-group label:has(>input[type=radio])>input[type=radio]:after{content:attr(data-icon);color:var(--toolbar-button-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:1.25rem;display:inline-grid}.toolbar .toolbar-radio-group label:has(input[type=radio]:checked){background-color:var(--toolbar-button)}.toolbar>.separator:last-child{display:none}.toolbar:has(.toolbar-overflow-container[data-open]) .toolbar-overflow-button{background-color:var(--toolbar-button)}.toolbar:has(.toolbar-overflow-container[data-open]) .toolbar-overflow-button:hover{background-color:var(--toolbar-button)}:root[data-theme=light]{--hljs-background:#fff;--hljs-text:#000;--hljs-comment:gray;--hljs-keyword:#2332c0;--hljs-string:green;--hljs-subst:#000;--hljs-regexp:#00f;--hljs-title:#000;--hljs-section:#2332c0;--hljs-tag:#2332c0;--hljs-tag-background:#efefef;--hljs-name:#2332c0;--hljs-symbol:#000;--hljs-bullet:#000;--hljs-number:#00f;--hljs-params:#000;--hljs-variable:#660e7a;--hljs-template-variable:#660e7a;--hljs-attribute:#00f;--hljs-attr:#8200b3;--hljs-meta:olive;--hljs-formula:#000;--hljs-formula-background:#d0eded;--hljs-addition:#000;--hljs-addition-background:#baeeba;--hljs-deletion:#000;--hljs-deletion-background:#ffc8bd;--hljs-selector-class:#2332c0;--hljs-selector-id:#2332c0;--hljs-literal:#2332c0;--hljs-doctag:#000;--hljs-type:#2332c0;--hljs-link:#00f}:root[data-theme=dark]{--hljs-background:#000;--hljs-text:#f8f8f8;--hljs-comment:#aeaeae;--hljs-keyword:#e28964;--hljs-string:#65b042;--hljs-subst:#daefa3;--hljs-regexp:#e9c062;--hljs-title:#89bdff;--hljs-section:#89bdff;--hljs-tag:#89bdff;--hljs-tag-background:transparent;--hljs-name:#89bdff;--hljs-symbol:#3387cc;--hljs-bullet:#3387cc;--hljs-number:#3387cc;--hljs-params:#3e87e3;--hljs-variable:#3e87e3;--hljs-template-variable:#3e87e3;--hljs-attribute:#cda869;--hljs-attr:#cda869;--hljs-meta:#8996a8;--hljs-formula:#f8f8f8;--hljs-formula-background:#0e2231;--hljs-addition:#f8f8f8;--hljs-addition-background:#253b22;--hljs-deletion:#f8f8f8;--hljs-deletion-background:#420e09;--hljs-selector-class:#9b703f;--hljs-selector-id:#8b98ab;--hljs-literal:#e28964;--hljs-doctag:#89bdff;--hljs-type:#e28964;--hljs-link:#e9c062}.hljs{background:var(--hljs-background);color:var(--hljs-text);padding:.5em;display:block;overflow-x:auto}.hljs-comment,.hljs-quote{color:var(--hljs-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type,.hljs-literal,.hljs-section{color:var(--hljs-keyword)}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-type,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-section{font-weight:700}.hljs-string{color:var(--hljs-string)}[data-theme=light] .hljs-string{font-weight:700}.hljs-subst{color:var(--hljs-subst)}[data-theme=light] .hljs-subst{font-weight:400}.hljs-regexp,.hljs-link{color:var(--hljs-regexp)}[data-theme=light] .hljs-regexp,[data-theme=light] .hljs-link{font-weight:400}.hljs-title,.hljs-name{color:var(--hljs-title)}[data-theme=light] .hljs-title,[data-theme=light] .hljs-name{font-weight:400}.hljs-tag{color:var(--hljs-tag);background:var(--hljs-tag-background)}.hljs-symbol,.hljs-bullet{color:var(--hljs-symbol)}.hljs-number{color:var(--hljs-number)}.hljs-params,.hljs-variable,.hljs-template-variable{color:var(--hljs-variable)}.hljs-attribute{color:var(--hljs-attribute)}[data-theme=light] .hljs-attribute{font-weight:700}.hljs-attr{color:var(--hljs-attr)}.hljs-meta{color:var(--hljs-meta)}.hljs-formula{background-color:var(--hljs-formula-background);color:var(--hljs-formula);font-style:italic}.hljs-addition{background-color:var(--hljs-addition-background);color:var(--hljs-addition)}.hljs-deletion{background-color:var(--hljs-deletion-background);color:var(--hljs-deletion)}.hljs-selector-class{color:var(--hljs-selector-class)}[data-theme=light] .hljs-selector-class{font-weight:700}.hljs-selector-id{color:var(--hljs-selector-id)}[data-theme=light] .hljs-selector-id{font-weight:700}.hljs-doctag{text-decoration:underline}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}body.demo-tutorial{--description-width:40vw;--description-min-width:25rem;--description-max-width:min(100ch, 80vw);--description-max-content-width:115ch;--description-color:none;grid-template-columns:clamp(var(--description-min-width), var(--description-width), var(--description-max-width)) minmax(18.75rem, 1fr);grid-template-rows:3.75rem auto 1fr;grid-template-areas:"header header""toolbar toolbar""description content";display:grid;overflow:hidden}@media screen and (max-width:60rem){body.demo-tutorial{grid-template-columns:1fr;grid-template-rows:3.75rem auto 1fr var(--description-drag-height,1fr);grid-template-areas:"header""toolbar""content""description"}body.demo-tutorial.small-header{grid-template-rows:1.875rem auto 1fr var(--description-drag-height,1fr)}}@media screen and (max-width:40rem){body.demo-tutorial{grid-template-rows:0 auto 1fr var(--description-drag-height,1fr)}}.demo-tutorial .header{padding-inline-start:.25rem}.demo-tutorial .header .burger-menu-button{display:none}@media screen and (max-width:60rem){.demo-tutorial .header .demo-overview{display:none}}.tutorial-toolbar{font-family:var(--font-family), sans-serif;color:var(--toolbar-color);white-space:nowrap;background:var(--toolbar-bg);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));-webkit-user-select:none;user-select:none;background-color:var(--toolbar-bg);width:100%;height:auto;min-height:2.5rem;border-left:none;flex-wrap:nowrap;flex:1;grid-area:toolbar;align-items:center;gap:.25rem;padding:0 1rem;font-size:.9rem;display:flex;position:relative;overflow:visible}.tutorial-toolbar button{border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.tutorial-toolbar button:hover{background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}.tutorial-toolbar button.labeled{background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}.tutorial-toolbar button.labeled:hover{color:var(--color-text);background-color:var(--toolbar-bg-hover)}.tutorial-toolbar select{border-radius:var(--border-radius);color:var(--toolbar-button-text);background-color:var(--toolbar-button);cursor:pointer;background-size:1.5rem;border:none;padding-inline:10px}@supports (appearance:base-select){.tutorial-toolbar select{appearance:base-select;border-radius:var(--border-radius);border:none;align-items:center;padding:6px 14px}.tutorial-toolbar select::picker(select){appearance:base-select;border:1px solid var(--toolbar-select-border);border-radius:var(--border-radius)}.tutorial-toolbar select::picker-icon{content:"expand_more";font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem}.tutorial-toolbar select:open::picker-icon{rotate:180deg}}@supports not (appearance:base-select){.tutorial-toolbar select{appearance:none;text-overflow:ellipsis;background-image:var(--toolbar-select-arrow);background-position:right 10px center;background-repeat:no-repeat;align-items:center;padding:6px 36px 6px 14px;overflow:hidden}}.tutorial-toolbar select:hover{color:var(--color-text);background-color:var(--interaction-button-hover)}.tutorial-toolbar select:focus-visible{box-shadow:0 0 0 2px var(--interaction-button-hover);outline:none}.tutorial-toolbar select optgroup{text-transform:uppercase;color:var(--color-text);background:var(--toolbar-bg);padding:5px;font-size:.75rem;font-style:normal;font-weight:100}.tutorial-toolbar select option{text-transform:none;cursor:pointer;font-size:1rem;font-family:var(--font-family), sans-serif;color:var(--color-text);background-color:var(--toolbar-bg);padding:10px;line-height:1.4}.tutorial-toolbar select option:checked{font-weight:700}.tutorial-toolbar select option:hover{background-color:var(--interaction-button-hover)}:is(.tutorial-toolbar label:has(>select),.tutorial-toolbar label:has(>input),.tutorial-toolbar label:has(>button),.tutorial-toolbar div:has(>label):has(>input),.tutorial-toolbar div:has(>label):has(>select),.tutorial-toolbar div:has(>label):has(>button)){border-radius:var(--border-radius);align-items:center;gap:8px;padding:6px;display:inline-flex}:is(.tutorial-toolbar div:has(>label):has(>input):hover,.tutorial-toolbar div:has(>label):has(>select):hover){background-color:var(--toolbar-bg-hover);color:var(--color-text)}.tutorial-toolbar label:has(>select){background-color:var(--toolbar-button);color:var(--toolbar-button-text);cursor:pointer;padding:6px 2.25rem 6px 14px;position:relative}.tutorial-toolbar label:has(>select)>select{opacity:0;width:100%;height:100%;position:absolute;inset:0}.tutorial-toolbar label:has(>select):after{content:"keyboard_arrow_down";pointer-events:none;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;position:absolute;right:10px}.tutorial-toolbar label:has(>select):hover{color:var(--color-text);background-color:var(--toolbar-bg-hover);cursor:pointer}.tutorial-toolbar input[type=range]{-webkit-appearance:none;background-color:#0000;width:100px;min-width:7rem}.tutorial-toolbar input[type=range] :before{content:"";display:inline-flex}.tutorial-toolbar input[type=range]::-webkit-slider-runnable-track{background:var(--interaction-alt);border-radius:1000px;height:6px}.tutorial-toolbar input[type=range]::-moz-range-track{background:var(--interaction-alt);border-radius:1000px;height:6px}.tutorial-toolbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--interaction-alt);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px}.tutorial-toolbar input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:var(--interaction-alt);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px}.tutorial-toolbar input[type=range]:hover{cursor:pointer}:is(.tutorial-toolbar label:has(>input[type=checkbox]),.tutorial-toolbar div:has(>label):has(>input[type=checkbox])){background-color:var(--toolbar-bg);color:var(--color-text);font-family:var(--font-family), sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px}:is(.tutorial-toolbar label:has(>input[type=checkbox]):hover,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):hover){background-color:var(--toolbar-bg-hover)}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar label:has(>input[type=checkbox])+input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar label:has(>input[type=checkbox])+input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar label:has(>input[type=checkbox])+input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar div:has(>label):has(>input[type=checkbox])+input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar label:has(>input[type=checkbox]) label>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar div:has(>label):has(>input[type=checkbox]) label>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon),.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)){background-color:#0000;padding:0}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon):hover,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon):hover){background-color:#0000}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox],.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]){display:none}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]:checked+label.yIcon,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>input[type=checkbox]:checked+label.yIcon){background-color:var(--toolbar-bg-hover);font-variation-settings:"FILL" 1}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon){border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon:hover,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon:hover){background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled){background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}:is(.tutorial-toolbar label:has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled:hover,.tutorial-toolbar div:has(>label):has(>input[type=checkbox]):has(>input[type=checkbox]):has(>label.yIcon)>label.yIcon.labeled:hover){color:var(--color-text);background-color:var(--toolbar-bg-hover)}.tutorial-toolbar label:has(>input[type=checkbox]){gap:8px}.tutorial-toolbar label:has(>input[type=checkbox]){background-color:var(--toolbar-bg);color:var(--color-text);font-family:var(--font-family), sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px}.tutorial-toolbar label:has(>input[type=checkbox]):hover{background-color:var(--toolbar-bg-hover)}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-toolbar label:has(>input[type=checkbox])>input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-toolbar input[type=number]{border:2px solid var(--color-text);background-color:#0000;border-top:none;border-left:none;border-right:none;width:40px}.tutorial-toolbar input[type=number]:focus{box-shadow:none;outline:none}.tutorial-toolbar #searchBox{border:2px solid var(--color-text);background-color:#0000;border-top:none;border-left:none;border-right:none;margin-right:10px}.tutorial-toolbar #searchBox:focus{box-shadow:none;outline:none}.tutorial-toolbar:after{display:none}.tutorial-toolbar select{height:2rem;padding:0 .75rem}.tutorial-toolbar-left,.tutorial-toolbar-right{flex:1;align-items:center;gap:.5rem;display:flex}.tutorial-toolbar-right{justify-content:flex-end}.toolbar-button{border-radius:var(--border-radius);width:2.25rem;height:2.25rem;color:var(--color-text);background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.toolbar-button:hover{background-color:var(--toolbar-bg-hover);color:var(--color-text);cursor:pointer}.toolbar-button.labeled{background-color:var(--toolbar-button);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:var(--toolbar-button-text);border:none;padding:6px 10px}.toolbar-button.labeled:hover{color:var(--color-text);background-color:var(--toolbar-bg-hover)}@media screen and (max-width:40rem){.toolbar-button-back,.toolbar-button-forward{display:none}}.toolbar-button-back:before,.toolbar-button-forward:before,.toolbar-button-back:after,.toolbar-button-forward:after{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] .toolbar-button-back:before,:root[data-theme=dark] .toolbar-button-forward:before,:root[data-theme=dark] .toolbar-button-back:after,:root[data-theme=dark] .toolbar-button-forward:after{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.toolbar-button-back:before{content:"keyboard_arrow_left"}.toolbar-button-forward:after{content:"keyboard_arrow_right"}.demo-tutorial .main-container{grid-area:content;min-height:0;padding:0}.demo-tutorial .main-container #graphComponent{border-radius:0}.tutorial-description-panel{font-size:var(--body-font-size);padding:var(--dialog-padding);z-index:3;color:var(--description-text-color);z-index:4;background-color:var(--description-bg);flex-direction:column;grid-area:description;min-height:0;display:flex;position:relative;overflow:hidden}@supports not selector(::-webkit-scrollbar){.tutorial-description-panel{scrollbar-width:thin}}.tutorial-description-panel::-webkit-scrollbar{width:6px;height:6px;margin:3px;padding:3px}.tutorial-description-panel::-webkit-scrollbar-track{background-color:#0000;border-radius:4px}.tutorial-description-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);opacity:.8;border-radius:4px}.tutorial-description-panel>:first-child{margin-top:0!important}.tutorial-description-panel>:last-child{margin-bottom:0!important}.tutorial-description-panel h1{margin:1.2rem 0;font-size:xx-large}.tutorial-description-panel h2{font-size:x-large}.tutorial-description-panel h3{font-size:large}.tutorial-description-panel h2,.tutorial-description-panel h3,.tutorial-description-panel h4{margin:1.5rem 0 1rem}.tutorial-description-panel .text-medium{font-size:130%}.tutorial-description-panel ul,.tutorial-description-panel ol{padding-left:1.3em}.tutorial-description-panel p,.tutorial-description-panel dl,.tutorial-description-panel ul,.tutorial-description-panel ul.paragraph-style li{margin:1rem 0}.tutorial-description-panel li{margin:.5rem 0}.tutorial-description-panel .tutorial-about{font-size:130%;line-height:140%}.tutorial-description-panel code,.tutorial-description-panel pre,.tutorial-description-panel kbd,.tutorial-description-panel a.api{background:var(--inline-code-background);color:var(--inline-code-color);border-radius:4px;padding:2px 4px;font-family:Consolas,monospace}.tutorial-description-panel pre{max-width:100%;padding:8px;overflow-x:auto}.tutorial-description-panel kbd{white-space:nowrap;vertical-align:middle;border:1px solid #c1c1c1;padding:.2em .5em .1em;font-size:80%;box-shadow:0 1px #c1c1c1,inset 0 0 0 .1em #fafafa}.tutorial-description-panel a.unknown{color:#b22222}.tutorial-description-panel a.unknown:before{content:"⊗";padding-right:2px}.tutorial-description-panel p a,.tutorial-description-panel dl a,.tutorial-description-panel ul a,.tutorial-description-panel .note a,.tutorial-description-panel p a:visited,.tutorial-description-panel dl a:visited,.tutorial-description-panel ul a:visited,.tutorial-description-panel .note a:visited{color:inherit;border-bottom:.5px solid;text-decoration:none}.tutorial-description-panel p a:hover,.tutorial-description-panel dl a:hover,.tutorial-description-panel ul a:hover,.tutorial-description-panel .note a:hover{border-bottom:2px solid}.tutorial-description-panel dt{color:var(--color-text);margin-top:4px;font-weight:700}.tutorial-description-panel dd{margin-left:10px}.tutorial-description-panel fieldset{background:unset;border:0;margin:0;padding:0 0 1.5ex}.tutorial-description-panel fieldset legend{padding:0 0 .5ex;font-weight:700}.tutorial-description-panel button.collapse{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;color:inherit;direction:ltr;background-color:#0000;border:none;border-radius:99px;padding:8px;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] .tutorial-description-panel button.collapse{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.tutorial-description-panel button.collapse:hover{background-color:var(--collapse-button-hover)}.tutorial-description-panel button{background-color:var(--toolbar-button);color:var(--color-text);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.tutorial-description-panel button:hover{color:var(--color-text);background-color:var(--interaction-button-hover);background-color:var(--interaction-button-hover)}.tutorial-description-panel input[type=checkbox]{appearance:none;border-radius:var(--border-radius);place-content:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative}.tutorial-description-panel input[type=checkbox]:after{content:"toggle_off";color:var(--color-text);border:none;place-content:center;font-family:Material Symbols Outlined,sans-serif;font-size:2.75rem;font-weight:100;display:inline-grid}.tutorial-description-panel input[type=checkbox]:checked:after{content:"toggle_on";font-variation-settings:"FILL" 1}.tutorial-description-panel input[type=checkbox]:hover{background-color:var(--interaction-button-hover);cursor:pointer}.tutorial-description-panel h1{color:var(--description-heading1);margin-top:0}.tutorial-description-panel h2{color:var(--description-heading)}.tutorial-description-panel .collapse-description-panel{float:right;margin-top:-15px;margin-right:-15px;position:sticky;top:0;transform:translateY(-15px)}.tutorial-description-panel .collapse-description-panel:hover{cursor:pointer}.description-content{flex:1;overflow:hidden auto}@supports not selector(::-webkit-scrollbar){.description-content{scrollbar-width:thin}}.description-content::-webkit-scrollbar{width:6px;height:6px;margin:3px;padding:3px}.description-content::-webkit-scrollbar-track{background-color:#0000;border-radius:4px}.description-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);opacity:.8;border-radius:4px}.demo-description{border-radius:0}.demo-description__drag-area{z-index:1000000;background-color:var(--toolbar-bg);transition:background-color .3s;position:absolute}.demo-description__drag-area:hover,body.demo-resizing-vertical .demo-description__drag-area--vertical,body.demo-resizing-horizontal .demo-description__drag-area--horizontal{background-color:var(--interaction-button-hover)}.demo-description__drag-area:after{font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block;position:absolute}:root[data-theme=dark] .demo-description__drag-area:after{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.demo-description__drag-area--vertical{cursor:col-resize;width:.8125rem;top:0;bottom:0;right:0}.demo-description__drag-area--vertical:after{content:"drag_indicator";top:50%;left:-5px}@media screen and (max-width:60rem){.demo-description__drag-area--vertical{display:none}}.demo-description__drag-area--horizontal{cursor:row-resize;width:100%;height:.8125rem;display:none;top:0;left:0;right:0}.demo-description__drag-area--horizontal:after{content:"drag_indicator";transform-origin:50%;line-height:.8125rem;top:0;left:50%;transform:rotate(90deg)}@media screen and (max-width:60rem){.demo-description__drag-area--horizontal{display:block}}body.demo-resizing-vertical,body.demo-resizing-vertical *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.demo-resizing-horizontal,body.demo-resizing-horizontal *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.description-width-limit{margin:0 1rem;overflow:hidden}.description-button{background-color:var(--toolbar-button);color:var(--color-text);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.description-button:hover{color:var(--color-text);background-color:var(--interaction-button-hover)}.description-button-next{text-decoration:none}.description-button-next:after{content:"keyboard_arrow_right";font-variation-settings:"GRAD" clamp(30, calc(430 + (30 - 430) * ((100vw - 320px) / (880 * 1px))), 430);font-optical-sizing:auto;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.5rem;font-style:normal;font-weight:270;line-height:1;display:inline-block}:root[data-theme=dark] .description-button-next:after{font-variation-settings:"GRAD" clamp(0, calc(400 + (0 - 400) * ((100vw - 320px) / (880 * 1px))), 400)}.description-button-next:hover{background-color:var(--interaction-button-hover)}.next-tutorial-button{text-align:right;margin-top:1rem}.inline-graph-component{background-color:#fff;border-radius:6px;width:100%;max-width:100%;height:18.75rem;margin-left:auto;margin-right:auto}.note{background-color:var(--description-note);border-left:.5rem solid var(--color-gold-dark);border-radius:4px;margin:1rem 0;padding:.8rem 0 .8rem .8rem}.note .icon{display:none}@supports not selector(::-webkit-scrollbar){pre{scrollbar-width:thin}}pre::-webkit-scrollbar{width:6px;height:6px;margin:3px;padding:3px}pre::-webkit-scrollbar-track{background-color:#0000;border-radius:4px}pre::-webkit-scrollbar-thumb{background-color:var(--scrollbar-bg);opacity:.8;border-radius:4px}