.guide-code[data-v-3b923e42]{flex-direction:column;min-inline-size:0;margin:0;display:flex}.guide-code-bar[data-v-3b923e42]{gap:var(--dnm-space-s);padding:var(--dnm-space-2xs) var(--dnm-space-xs) var(--dnm-space-2xs) var(--dnm-space-s);background:var(--dnm-color-face);font-family:var(--dnm-font-ui);font-size:var(--dnm-font-size-ui);flex-wrap:wrap;align-items:center;display:flex}.guide-code-name[data-v-3b923e42]{gap:var(--dnm-space-xs);align-items:center;font-weight:700;display:flex}.guide-code-feedback[data-v-3b923e42]{text-align:end;flex:1;min-inline-size:0}.guide-code-source[data-v-3b923e42]{padding:var(--dnm-space-s) var(--dnm-space-m);background:var(--dnm-color-window);color:var(--dnm-color-text);font-family:var(--dnm-font-code);font-size:var(--dnm-font-size-ui);line-height:var(--dnm-line-height-document);tab-size:2;box-shadow:inset -1px -1px var(--dnm-color-highlight),inset 1px 1px var(--dnm-color-shadow),inset -2px -2px var(--dnm-color-light),inset 2px 2px var(--dnm-color-dark);margin:0;overflow-x:auto}@media (forced-colors:active){.guide-code-source[data-v-3b923e42]{border:1px solid canvastext}}.guide-code-scrollable[data-v-3b923e42]{max-block-size:28rem;overflow-y:auto}.guide-demo[data-v-910375eb]{gap:var(--dnm-space-s);flex-direction:column;min-inline-size:0;display:flex}.guide-demo-hint[data-v-910375eb]{padding-inline:var(--dnm-space-s);color:var(--dnm-color-text-muted)}.guide-demo-screen[data-v-910375eb]{padding:var(--dnm-frame-padding);background:var(--dnm-color-dark);box-shadow:inset -1px -1px var(--dnm-color-highlight),inset 1px 1px var(--dnm-color-shadow),inset -2px -2px var(--dnm-color-light),inset 2px 2px var(--dnm-color-dark);display:flex}@media (forced-colors:active){.guide-demo-screen[data-v-910375eb]{border:1px solid canvastext}}.guide-demo-frame[data-v-910375eb]{aspect-ratio:1.77778;background:var(--dnm-color-dark);border:0;inline-size:100%;display:block}.guide-inline-code[data-v-58b0c58f]{font-family:var(--dnm-font-code)}.guide-article[data-v-321b5493]{gap:var(--dnm-space-m);max-inline-size:var(--dnm-document-measure);color:var(--dnm-color-text);font-family:var(--dnm-font-document);font-size:var(--dnm-font-size-document);line-height:var(--dnm-line-height-document);flex-direction:column;display:flex}.guide-article a[data-v-321b5493]{color:var(--dnm-color-link)}.guide-article a[data-v-321b5493]:visited{color:var(--dnm-color-link-visited)}.guide-heading[data-v-321b5493]{font-family:var(--dnm-font-ui);line-height:var(--dnm-line-height-heading);margin-block-start:1.5em}.guide-heading[data-heading-level="2"][data-v-321b5493]{border-block-end:1px solid var(--dnm-color-shadow);font-size:var(--dnm-font-size-title);padding-block-end:var(--dnm-space-2xs)}.guide-heading[data-heading-level="3"][data-v-321b5493]{font-size:var(--dnm-font-size-large)}.guide-paragraph[data-v-321b5493]{overflow-wrap:anywhere;margin:0}.guide-note[data-v-321b5493]{gap:var(--dnm-space-s);padding:var(--dnm-space-s) var(--dnm-space-m);background:var(--dnm-color-tooltip);font-family:var(--dnm-font-ui);font-size:var(--dnm-font-size-ui);line-height:var(--dnm-line-height-ui);box-shadow:inset -1px -1px var(--dnm-color-highlight),inset 1px 1px var(--dnm-color-shadow);align-items:flex-start;margin:0;display:flex}@media (forced-colors:active){.guide-note[data-v-321b5493]{border:1px solid canvastext}}.guide-list[data-v-321b5493]{gap:var(--dnm-space-xs);flex-direction:column;margin:0;padding-inline-start:var(--dnm-space-xl);display:flex}.guide-view[data-v-a761b7c6]{gap:var(--dnm-space-l);min-inline-size:0;padding:var(--dnm-space-l);background:var(--dnm-color-window);color:var(--dnm-color-text);box-shadow:inset -1px -1px var(--dnm-color-highlight),inset 1px 1px var(--dnm-color-shadow),inset -2px -2px var(--dnm-color-light),inset 2px 2px var(--dnm-color-dark);flex-direction:column;display:flex}@media (forced-colors:active){.guide-view[data-v-a761b7c6]{border:1px solid canvastext}}.guide-summary[data-v-a761b7c6]{max-inline-size:var(--dnm-document-measure);font-family:var(--dnm-font-document);font-size:var(--dnm-font-size-document);font-style:italic;line-height:var(--dnm-line-height-document);margin:0}