.action-description{margin:var(--iui-size-s) var(--iui-size-l)}.progress-radial-dark{margin-right:var(--iui-size-xs)}.prism-code-block[data-iui-theme=dark] pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.prism-code-block[data-iui-theme=dark] pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.prism-code-block[data-iui-theme=dark] .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none}.prism-code-block[data-iui-theme=dark] .line-numbers-rows>span{display:block;counter-increment:linenumber}.prism-code-block[data-iui-theme=dark] .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.prism-code-block[data-iui-theme=dark] code[class*=language-],.prism-code-block[data-iui-theme=dark] pre[class*=language-]{color:#ccc;background:#0000;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}.prism-code-block[data-iui-theme=dark] pre[class*=language-]{padding:1em;overflow:auto}.prism-code-block[data-iui-theme=dark] :not(pre)>code[class*=language-],.prism-code-block[data-iui-theme=dark] pre[class*=language-]{background:#0000}.prism-code-block[data-iui-theme=dark] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.prism-code-block[data-iui-theme=dark] .token.block-comment,.prism-code-block[data-iui-theme=dark] .token.cdata,.prism-code-block[data-iui-theme=dark] .token.comment,.prism-code-block[data-iui-theme=dark] .token.doctype,.prism-code-block[data-iui-theme=dark] .token.prolog{color:#999}.prism-code-block[data-iui-theme=dark] .token.punctuation{color:#ccc}.prism-code-block[data-iui-theme=dark] .token.attr-name,.prism-code-block[data-iui-theme=dark] .token.deleted,.prism-code-block[data-iui-theme=dark] .token.namespace,.prism-code-block[data-iui-theme=dark] .token.tag{color:#e2777a}.prism-code-block[data-iui-theme=dark] .token.function-name{color:#6196cc}.prism-code-block[data-iui-theme=dark] .token.boolean,.prism-code-block[data-iui-theme=dark] .token.function,.prism-code-block[data-iui-theme=dark] .token.number{color:#f08d49}.prism-code-block[data-iui-theme=dark] .token.class-name,.prism-code-block[data-iui-theme=dark] .token.constant,.prism-code-block[data-iui-theme=dark] .token.property,.prism-code-block[data-iui-theme=dark] .token.symbol{color:#f8c555}.prism-code-block[data-iui-theme=dark] .token.atrule,.prism-code-block[data-iui-theme=dark] .token.builtin,.prism-code-block[data-iui-theme=dark] .token.important,.prism-code-block[data-iui-theme=dark] .token.keyword,.prism-code-block[data-iui-theme=dark] .token.selector{color:#cc99cd}.prism-code-block[data-iui-theme=dark] .token.attr-value,.prism-code-block[data-iui-theme=dark] .token.char,.prism-code-block[data-iui-theme=dark] .token.regex,.prism-code-block[data-iui-theme=dark] .token.string,.prism-code-block[data-iui-theme=dark] .token.variable{color:#7ec699}.prism-code-block[data-iui-theme=dark] .token.entity,.prism-code-block[data-iui-theme=dark] .token.operator,.prism-code-block[data-iui-theme=dark] .token.url{color:#67cdcc}.prism-code-block[data-iui-theme=dark] .token.bold,.prism-code-block[data-iui-theme=dark] .token.important{font-weight:700}.prism-code-block[data-iui-theme=dark] .token.italic{font-style:italic}.prism-code-block[data-iui-theme=dark] .token.entity{cursor:help}.prism-code-block[data-iui-theme=dark] .token.inserted{color:green}.prism-code-block[data-iui-theme=light] pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.prism-code-block[data-iui-theme=light] pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.prism-code-block[data-iui-theme=light] .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none}.prism-code-block[data-iui-theme=light] .line-numbers-rows>span{display:block;counter-increment:linenumber}.prism-code-block[data-iui-theme=light] .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.prism-code-block[data-iui-theme=light] code[class*=language-],.prism-code-block[data-iui-theme=light] pre[class*=language-]{color:#000;background:#0000;text-shadow:0 1px #fff;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}.prism-code-block[data-iui-theme=light] code[class*=language-] ::selection,.prism-code-block[data-iui-theme=light] code[class*=language-]::selection,.prism-code-block[data-iui-theme=light] pre[class*=language-] ::selection,.prism-code-block[data-iui-theme=light] pre[class*=language-]::selection{text-shadow:none;background:#0000}@media print{.prism-code-block[data-iui-theme=light] code[class*=language-],.prism-code-block[data-iui-theme=light] pre[class*=language-]{text-shadow:none}}.prism-code-block[data-iui-theme=light] pre[class*=language-]{padding:1em;overflow:auto}.prism-code-block[data-iui-theme=light] :not(pre)>code[class*=language-],.prism-code-block[data-iui-theme=light] pre[class*=language-]{background:#0000}.prism-code-block[data-iui-theme=light] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.prism-code-block[data-iui-theme=light] .token.cdata,.prism-code-block[data-iui-theme=light] .token.comment,.prism-code-block[data-iui-theme=light] .token.doctype,.prism-code-block[data-iui-theme=light] .token.prolog{color:#708090}.prism-code-block[data-iui-theme=light] .token.punctuation{color:#999}.prism-code-block[data-iui-theme=light] .token.namespace{opacity:.7}.prism-code-block[data-iui-theme=light] .token.boolean,.prism-code-block[data-iui-theme=light] .token.constant,.prism-code-block[data-iui-theme=light] .token.deleted,.prism-code-block[data-iui-theme=light] .token.number,.prism-code-block[data-iui-theme=light] .token.property,.prism-code-block[data-iui-theme=light] .token.symbol,.prism-code-block[data-iui-theme=light] .token.tag{color:#905}.prism-code-block[data-iui-theme=light] .token.attr-name,.prism-code-block[data-iui-theme=light] .token.builtin,.prism-code-block[data-iui-theme=light] .token.char,.prism-code-block[data-iui-theme=light] .token.inserted,.prism-code-block[data-iui-theme=light] .token.selector,.prism-code-block[data-iui-theme=light] .token.string{color:#690}.prism-code-block[data-iui-theme=light] .language-css .token.string,.prism-code-block[data-iui-theme=light] .style .token.string,.prism-code-block[data-iui-theme=light] .token.entity,.prism-code-block[data-iui-theme=light] .token.operator,.prism-code-block[data-iui-theme=light] .token.url{color:#9a6e3a;background:#0000}.prism-code-block[data-iui-theme=light] .token.atrule,.prism-code-block[data-iui-theme=light] .token.attr-value,.prism-code-block[data-iui-theme=light] .token.keyword{color:#07a}.prism-code-block[data-iui-theme=light] .token.class-name,.prism-code-block[data-iui-theme=light] .token.function{color:#dd4a68}.prism-code-block[data-iui-theme=light] .token.important,.prism-code-block[data-iui-theme=light] .token.regex,.prism-code-block[data-iui-theme=light] .token.variable{color:#e90}.prism-code-block[data-iui-theme=light] .token.bold,.prism-code-block[data-iui-theme=light] .token.important{font-weight:700}.prism-code-block[data-iui-theme=light] .token.italic{font-style:italic}.prism-code-block[data-iui-theme=light] .token.entity{cursor:help}.prism-code-block .highlighted-code{font-family:var(--iui-font-mono)}.copy-code-block-container{--code-block-background-color:var(--iui-color-background);margin-bottom:var(--iui-size-l);width:100%;padding:0 var(--iui-size-l)}.copy-code-block-container[data-iui-theme=dark]{--code-block-background-color:var(--iui-color-background-backdrop-hover)}.copy-code-block-container .code-block{background-color:var(--code-block-background-color)}.copy-code-block-container .code-block-content{width:auto}.copy-code-block-container .code-block-header-content{flex-grow:1}.copy-code-block-container .code-block-title{text-transform:uppercase}.tutorial-content-section{display:flex;flex-direction:row}.tutorial-content-section-description{display:flex;flex-direction:column;padding:0 var(--padding-l);width:-webkit-fill-available;width:-moz-available}.tutorial-content-section-actions{display:flex;flex-direction:column;width:60%;min-width:270px}.tutorial-content-section-actions.inherit{padding:0 var(--padding-l)}.tutorial-content-section-actions.dark{--action-pane-bg-color:var(--iui-color-background-hover);--action-bg-color:var(--iui-color-background);--action-pane-divider:1px solid var(--iui-color-border-subtle);background-color:var(--action-pane-bg-color)}.tutorial-content-section-actions:last-child{padding-bottom:var(--iui-size-l)}.tutorial-content-section-actions .sticky-element{display:flex;flex-direction:column;align-items:center;width:-webkit-fill-available;width:-moz-available}.tutorial-content-section-actions .sticky-element:empty{display:none;margin:0}.tutorial-title-placeholder{height:calc(1.5*var(--iui-font-size-3));border-bottom:var(--action-pane-divider);margin-bottom:var(--iui-size-l)}.tutorial-subheading-placeholder{height:calc(1.5*var(--iui-font-size-2));border-bottom:var(--action-pane-divider);margin-bottom:var(--iui-font-size-2)}.sticky-container .sticky-element{position:sticky;top:92px}@media print,screen and (max-width:85rem){.tutorial-content-section{flex-direction:column}.tutorial-content-section-description{margin:var(--iui-size-l) 0}.tutorial-content-section-description .sticky-element{flex-direction:column;flex-wrap:wrap}.tutorial-content-section-description .sticky-element:empty{display:none}.tutorial-content-section-description .sticky-element>:last-child{margin-bottom:0}.tutorial-content-section-actions{display:flex;flex-direction:column;padding:initial;width:-webkit-fill-available;width:-moz-available}.tutorial-content-section-actions:empty{display:none;margin:0}.tutorial-content-section-actions:last-child{padding-bottom:0}.tutorial-content-section-actions .tutorial-subheading-placeholder,.tutorial-content-section-actions .tutorial-title-placeholder{display:none}.tutorial-content-section-actions .sticky-element{flex-direction:column;flex-wrap:wrap;padding:var(--padding-m) 0}.tutorial-content-section-actions .sticky-element:empty{display:none}.sticky-container .sticky-element{position:static;top:auto}}@media print,screen and (max-width:50rem){.sticky-container .sticky-element{position:static;top:auto}}#tutorial-summary-image{align-self:center;margin-bottom:var(--iui-size-l)}#tutorial-summary-image img{max-width:100%}.tutorial-summary-prop{display:flex;flex-direction:row;gap:var(--iui-size-xs)}.tutorial-summary-prop .tutorial-summary-prop-value{font-weight:var(--iui-font-weight-bold)}@media print,screen and (max-width:85rem){#tutorial-summary-image{margin-bottom:0}}.tutorial-action{display:flex;flex-direction:column;align-items:center;width:-webkit-fill-available;width:-moz-available;margin-bottom:var(--iui-size-l)}.tutorial-action:has(.action-title),.tutorial-action:last-child{margin-bottom:0}.action-title{width:100%;padding:0 var(--iui-size-l)}.action-title .action-title-text{font-weight:var(--iui-font-weight-semibold)}