.EmbeddedSandboxLink_popout__9nu5h{display:flex;gap:.3rem;align-items:center;margin-top:.2rem}.EmbeddedSandboxLink_popoutIcon__hWjrM{width:.85rem;height:.85rem}.styles_sandboxContainer__IZtAW{display:flex;flex-direction:column;width:100%;align-items:flex-end;margin-bottom:1rem}.styles_sandboxContainerFull__aJcov{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-end}.styles_embeddedSandbox__Rgy9f{width:100%;height:500px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}.styles_embeddedSandboxFull__SNTFy{width:100%;height:100%;border:0}.embedded-media{width:100%;display:flex;justify-content:center;text-align:center;margin:10px auto;.image{width:90%!important}}.image{width:100%;max-width:450px;height:auto}.video{width:min(100%,800px);height:calc(min(100%, 800px) * 800 / 1280);margin:16px 0;box-sizing:border-box;min-height:150px}.YTvideo{max-width:100%}.embedded-custom-icon{width:1rem;height:1rem;padding:0;margin:0}.zoom-icon{:hover{cursor:pointer}}.iui-dialog-default{min-width:min(100%,380px)}.challenge-stepper-container{display:flex;flex-direction:column}.challenge-stepper-container .challenge-title{align-self:flex-start}.challenge-stepper-container .success-banner{align-self:center;padding:16px}.challenge-stepper-container .substep-success{color:#157e11}.challenge-stepper-container .instructions-container{width:100%;display:flex;flex-direction:column;align-items:center}.challenge-stepper-container .instructions-text{width:100%}.challenge-stepper-container .hidden-progress{visibility:hidden}.challenge-stepper-container .great-work{display:flex;gap:1rem;align-items:center;padding-top:16px}.challenge-stepper-container .list-content{display:flex}.challenge-stepper-container .flex-row{display:flex;flex-direction:row}.challenge-stepper-container .stepper{padding:16px;display:grid;grid-template-columns:min-content auto min-content;width:100%}.copy-code-block{margin:15px auto}.copy-code-block .iui-title-bar{border-radius:0;background-color:rgba(0,0,0,0);border:1px solid #c7ccd0}.copy-code-block .iui-title-bar .iui-title{font-weight:700;line-height:19.07px;font-size:14px;color:#010e24;font-family:Noto Sans;margin-left:16px;word-break:break-all}.copy-code-block .iui-codeblock-content{background-color:#f9fafb;padding:0!important;display:grid;border-radius:0;border:1px solid #c7ccd0;border-top:0}.copy-code-block .iui-codeblock-content pre{background-color:var(--iui-color-background-2)!important;padding:0!important;width:auto;overflow-y:hidden!important}.copy-code-block .iui-codeblock-content code,.copy-code-block .iui-codeblock-content pre{font-family:ui-monospace,Menlo,Segoe UI Mono,Consolas,Roboto Mono,Courier New,monospace}.copy-code-block .iui-codeblock-content code>span{display:block;width:100%;-webkit-hyphens:auto;hyphens:auto;background-color:var(--iui-color-background-3-rgb);font-family:Cutive Mono,ui-monospace,Menlo,Segoe UI Mono,Consolas,Roboto Mono,Courier New,monospace;font-weight:400;line-height:15.42px;font-size:14px}.copy-code-block .iui-codeblock-content code>span .linenumber{min-width:0!important;padding-right:16px!important}.copy-code-block .iui-codeblock-content code>span:before{text-align:right;display:inline-block;padding:0 8px;width:24px;background-color:#f8f9fb;color:rgba(0,0,0,.4);background-color:var(--iui-color-background-2);color:var(--iui-text-color-muted)}.copy-code-block.dark{--iui-color-background-1-rgb:90,105,115;--iui-color-background-1:rgb(var(--iui-color-background-1-rgb));--iui-color-background-2-rgb:79,93,101;--iui-color-background-2:rgb(var(--iui-color-background-2-rgb));--iui-color-background-3-rgb:68,80,88;--iui-color-background-3:rgb(var(--iui-color-background-3-rgb));--iui-color-foreground-body-rgb:255,255,255;--iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb));--iui-opacity-2:0.85;--iui-opacity-3:0.65;--iui-opacity-4:0.45;--iui-opacity-5:0.25;--iui-text-color:rgba(var(--iui-color-foreground-body-rgb),var(--iui-opacity-2));--iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb),var(--iui-opacity-4));--iui-icons-color:rgba(var(--iui-color-foreground-body-rgb),var(--iui-opacity-4));--iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb),var(--iui-opacity-2));--iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb),var(--iui-opacity-1));color:var(--iui-text-color)}.copy-code-block.dark code[class*=language-],.copy-code-block.dark pre[class*=language-]{color:#f8f8f2;background:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.copy-code-block.dark pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}.copy-code-block.dark :not(pre)>code[class*=language-],.copy-code-block.dark pre[class*=language-]{background:#2b2b2b}.copy-code-block.dark :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.copy-code-block.dark .token.cdata,.copy-code-block.dark .token.comment,.copy-code-block.dark .token.doctype,.copy-code-block.dark .token.prolog{color:#d4d0ab}.copy-code-block.dark .token.punctuation{color:#fefefe}.copy-code-block.dark .token.constant,.copy-code-block.dark .token.deleted,.copy-code-block.dark .token.property,.copy-code-block.dark .token.symbol,.copy-code-block.dark .token.tag{color:#ffa07a}.copy-code-block.dark .token.boolean,.copy-code-block.dark .token.number{color:#00e0e0}.copy-code-block.dark .token.attr-name,.copy-code-block.dark .token.builtin,.copy-code-block.dark .token.char,.copy-code-block.dark .token.inserted,.copy-code-block.dark .token.selector,.copy-code-block.dark .token.string{color:#abe338}.copy-code-block.dark .language-css .token.string,.copy-code-block.dark .style .token.string,.copy-code-block.dark .token.entity,.copy-code-block.dark .token.operator,.copy-code-block.dark .token.url,.copy-code-block.dark .token.variable{color:#00e0e0}.copy-code-block.dark .token.atrule,.copy-code-block.dark .token.attr-value,.copy-code-block.dark .token.class-name,.copy-code-block.dark .token.function{color:gold}.copy-code-block.dark .token.keyword{color:#00e0e0}.copy-code-block.dark .token.important,.copy-code-block.dark .token.regex{color:gold}.copy-code-block.dark .token.bold,.copy-code-block.dark .token.important{font-weight:700}.copy-code-block.dark .token.italic{font-style:italic}.copy-code-block.dark .token.entity{cursor:help}@media screen and (-ms-high-contrast:active){.copy-code-block.dark code[class*=language-],.copy-code-block.dark pre[class*=language-]{color:windowText;background:window}.copy-code-block.dark :not(pre)>code[class*=language-],.copy-code-block.dark pre[class*=language-]{background:window}.copy-code-block.dark .token.important{background:highlight;color:window;font-weight:400}.copy-code-block.dark .token.atrule,.copy-code-block.dark .token.attr-value,.copy-code-block.dark .token.class-name,.copy-code-block.dark .token.function,.copy-code-block.dark .token.keyword,.copy-code-block.dark .token.operator,.copy-code-block.dark .token.selector{font-weight:700}.copy-code-block.dark .token.attr-value,.copy-code-block.dark .token.class-name,.copy-code-block.dark .token.comment,.copy-code-block.dark .token.doctype,.copy-code-block.dark .token.function,.copy-code-block.dark .token.keyword,.copy-code-block.dark .token.operator,.copy-code-block.dark .token.property,.copy-code-block.dark .token.string{color:highlight}.copy-code-block.dark .token.attr-value,.copy-code-block.dark .token.url{font-weight:400}}.quiz-block{width:100%}.quiz-block,.quiz-block .answer-block{display:flex;gap:1rem;flex-direction:column}.quiz-block .answer-block{padding:0 .5rem}.quiz-block .answer-block .answer-button{width:100%;justify-content:space-between;height:-moz-min-content;height:min-content;padding:1rem;white-space:normal;display:grid;grid-template-columns:1fr min-content}.quiz-block .answer-block .answer-button.incorrect{border-color:var(--iui-color-background-negative);border-left:.25rem solid var(--iui-color-background-negative)}.quiz-block .answer-block .answer-button.correct{border-color:var(--iui-color-background-positive);border-left:.25rem solid var(--iui-color-background-positive)}.quiz-block .answer-block .answer-button:hover .comment{filter:brightness(.95)}.quiz-block .answer-block .answer-button .comment{width:100%;margin-top:1rem;padding:1rem;background:var(--iui-color-background-3);transition:.2s ease-out,background-color .2s ease-out,border-color .2s ease-out;border-radius:.25rem}.quiz-block .answer-block .answer-button .explanation-block{width:100%;text-align:left}.quiz-block .answer-block .quiz-icon{width:16px}.quiz-block .answer-block .quiz-icon.incorrect{color:var(--iui-color-background-negative)}.quiz-block .answer-block .quiz-icon.correct{color:var(--iui-color-background-positive)}.tab-item-block{max-height:30vh;overflow-y:auto}.tutorial-heading{margin:20px}.tutorial-heading a,.tutorial-heading a:hover{color:inherit}.tutorial-heading a~.permalink{height:14px;margin-left:7px;color:inherit;visibility:hidden}.tutorial-heading a:hover~.permalink{visibility:visible;transition:visibility .2s}.tutorial-heading>a:hover~.permalink{visibility:visible}.info-admonition{border:1px solid #008be1}.info-with-img-admonition{border:1px solid #008be1;.admonition-content{display:flex;justify-content:space-between}.embedded-media{width:-moz-max-content;width:max-content}.image{width:290px;height:280px}}.danger-admonition{border:1px solid #fa383e}.tip-admonition{border:1px solid #007300}.note-admonition{border:1px solid #a4a6a8}.caution-admonition{border:1px solid #b38200}.admonition-container{padding:16px;margin-bottom:16px}.admonition-title{font-size:18px;font-weight:700;margin-bottom:8px}.admonition-content{font-size:16px}@media screen and (max-width:550px){.info-with-img-admonition{.image{width:100px!important;height:150px!important}}}.block{border:1px solid #b3bcc1;border-radius:4px;width:100%}details>summary{cursor:pointer;list-style-type:none;padding-left:1rem;position:relative}details>summary:before{border:.38rem solid transparent;border-left-color:#363636;content:"";left:0;position:absolute;top:.35rem;transform:rotate(0);transform-origin:calc(.38rem / 2) 50%;transition:transform .2s ease}details[open]>summary:before{transform:rotate(90deg)}.title{font-weight:400;margin:16px 12px;font-size:16px}.content-area,.title{color:#242424;line-height:24px}.content-area{margin:12px;font-size:14px}.divider{border-top:1px solid #b3bcc1;margin:auto}.styles_successMessageToaster__Y232G{display:grid;grid-template-columns:auto min-content;gap:1em;align-items:center;width:100%}.styles_challengeContainer__2hPcL{min-height:650px;grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content;padding-top:1rem}.styles_challengeContainer__2hPcL,.styles_title__xhJf_{width:100%;height:100%;display:grid;padding-bottom:1rem}.styles_title__xhJf_{grid-template-columns:1fr 2fr;grid-template-rows:min-content;row-gap:.5rem;align-items:center;box-sizing:border-box;border-bottom:1px solid var(--navigation-pane-border-color)}.styles_resizableContainer__3Aklv{width:100%;height:100%;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:1fr}.styles_resizableHandle__G_yRq{background-color:var(--iui-color-background);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;width:12px;height:100%}.styles_hidden__DqHCu{display:none}.styles_visibilityHidden__kh1Vm{visibility:hidden}.styles_icon__7kbCj{width:12px;fill:#7d7d7d}.styles_challengeContent__xoQ9x{width:100%;height:100%;border-bottom:1px solid var(--navigation-pane-border-color);overflow:auto}.styles_challengeInstructions__Ajh8w{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content min-content;row-gap:.5rem;overflow:hidden}.styles_challengeInstructionsHeader__Wz_16{width:100%;display:grid;grid-template-columns:1fr min-content min-content;grid-template-rows:min-content;-moz-column-gap:.5rem;column-gap:.5rem;padding:.5rem .5rem .5rem 0}.styles_challengeInstructionsTitle__nqMRI{align-self:center}.styles_challengeInstructionsText__FEp3N{padding-right:.5rem;overflow-y:auto}.styles_loadingContainer__u20Dn{display:flex;align-content:center;-moz-column-gap:.5rem;column-gap:.5rem;justify-content:center}.styles_progressSpinner__s58Tw{align-self:center}.styles_errorMark___Qh1d{fill:var(--iui-color-background-negative)}.styles_passingMark___2H_F{fill:var(--iui-color-background-positive)}.styles_navigationButtons__Fo883{align-self:end;width:100%;display:grid;justify-content:center;grid-template-columns:min-content min-content;grid-template-rows:min-content;-moz-column-gap:.5rem;column-gap:.5rem;padding:.5rem}.styles_popout__fO6gb{justify-self:end}.styles_maintenanceMessage__AvOZ_{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;text-align:center;padding:2rem}.carousel-container{width:100%;display:flex;flex-direction:column;align-items:center}.carousel-container .carousel{max-width:100%;width:min(100%,800px)}.carousel-container .carousel .iui-carousel-slider{height:450px;overflow:hidden}.carousel-container .carousel .iui-carousel-slider .iui-carousel-slider-item{position:relative}.carousel-container .carousel-slide{width:auto;height:auto}.carousel-container .carousel-slide:hover{cursor:pointer}.carousel-container .carousel-slide-description{max-width:100%;width:min(100%,800px);align-items:flex-start}.carousel-container .gradient{background:linear-gradient(to bottom right,#32b1d1,#30f1cf)}@media screen and (max-width:450px){.iui-carousel-navigation{width:220px;margin:auto}}@media screen and (min-width:600px){.carousel-slide .embedded-media{height:100%}}.documentation-link-container{box-sizing:border-box;margin:15px auto;width:100%;min-height:120px;background:hsla(0,0%,100%,.1);border:1px solid #cbb3c9}.documentation-link-container .documentation-link-content{position:relative;width:98%;font-family:Noto Sans;font-style:normal;font-size:14px;line-height:19px;margin:0 auto;padding:10px}.documentation-link-container .documentation-link-content .documentation-link-header{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-between;position:relative}.documentation-link-container .documentation-link-content .documentation-link-header .title-with-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.documentation-link-container .documentation-link-content .documentation-link-header .title-with-tags .doc-content-title{font-weight:700;padding-right:10px}.documentation-link-container .documentation-link-content .documentation-link-header .title-with-tags .badge-style{background:#cbb3c9;margin:2px}.documentation-link-container .documentation-link-content .documentation-link-header .link-with-icon,.documentation-link-container .documentation-link-content .documentation-link-header .link-with-icon .doc-content-link{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.documentation-link-container .documentation-link-content .documentation-link-header .link-with-icon .doc-content-link svg{fill:#0071b8}.documentation-link-container .documentation-link-content .documentation-link-header .link-with-icon .doc-content-link .link-icon{padding-left:3px;size:16px}.documentation-link-container .documentation-link-content .documentation-content{margin-top:10px}.documentation-link-container .documentation-link-content .documentation-content .doc-description p{margin:0}.documentation-link-container .documentation-link-content .documentation-content .doc-code-block{margin-top:10px}.documentation-link-container .documentation-link-content .documentation-content .doc-code-block code>span{font-size:14px}.documentation-link-container .highlight{background-color:#ff0}.documentation-link-container .propTable{margin:10px 0}@media screen and (max-width:400px){.doc-code-block{max-width:200px!important}}@media screen and (max-width:1524px){.doc-code-block{max-width:650px}.doc-code-block code{white-space:normal!important}}html{height:100%;width:100%}*{box-sizing:border-box}.border-radius{border-radius:.4rem;border:0}.border-shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}.inline-icon{vertical-align:middle}.icon-positive{fill:var(--iui-color-background-positive)}.content-title{padding:40px 0 0!important;border-bottom:1px solid var(--navigation-pane-border-color)!important;font-weight:600!important;font-size:large}.content-leading,.content-subheading{font-weight:600!important;margin:1rem 0 .5rem!important}.content-heading a,.content-heading a:hover,.content-leading a,.content-leading a:hover,.content-subheading a,.content-subheading a:hover,.content-title a,.content-title a:hover{color:inherit}.content-heading a~.permalink,.content-leading a~.permalink,.content-subheading a~.permalink,.content-title a~.permalink{height:14px;margin-left:7px;color:inherit;visibility:hidden}.content-heading a:hover~.permalink,.content-leading a:hover~.permalink,.content-subheading a:hover~.permalink,.content-title a:hover~.permalink{visibility:visible;transition:visibility .2s}.content-leading>a:hover~.permalink,.content-subheading,.content-title{visibility:visible}a,a:hover:not([type=button]){text-decoration:none}li{word-break:break-word}.build-and-run-container{display:inline}.use-case{padding-left:7.5px}.use-case__item{position:relative;display:flex}.use-case__item:last-child .use-case__content:before{display:none}.use-case__item:last-child .use-case__content:after{content:"";position:absolute;left:-8px;width:15px;height:1px;background-color:#fff;z-index:1;border:2px solid #d3d3d3;border-radius:20%}.use-case__item:nth-last-child(2) .use-case__content{padding-bottom:0}.use-case__item:nth-last-child(2) .use-case__content ol{margin-bottom:0}.use-case__content{flex:1;position:relative;order:1;padding-left:1.5rem;padding-bottom:20px}.use-case__content:before{content:"";position:absolute;right:100%;top:0;margin-top:4px;height:100%;width:2px;background-color:#d3d3d3}.use-case__content:after{content:"";position:absolute;left:-8.5px;top:0;margin-top:4px;width:15px;height:15px;background-color:#fff;z-index:1;border:2px solid #d3d3d3;border-radius:50%}*,:after,:before{box-sizing:border-box}