.b-code-example__source{padding:var(--a-space-4);background:var(--a-color-canvas);color:var(--a-color-ink);font-size:var(--a-type-small-size);line-height:var(--a-type-small-line);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%;min-width:0;margin:0}.b-code-example__token--keyword{color:var(--a-color-blue-600);font-weight:var(--a-type-h6-weight)}.b-code-example__token--string{color:var(--a-color-teal-800)}.b-code-example__token--tag{color:var(--a-color-red-800)}.b-code-example__token--number{color:var(--a-color-secondary)}.b-code-example__token--comment{color:var(--a-color-secondary);font-style:italic}.b-code-example__header-controls{justify-content:flex-end;align-items:center;gap:var(--a-space-4);flex-wrap:nowrap;width:auto;display:flex}.b-code-example__header-controls .c-segmented-scroll{padding-inline:0}.b-code-example__view-tabs{max-width:100%}.b-code-example__file{justify-content:space-between;align-items:center;gap:var(--a-space-3);min-height:var(--a-size-small);display:flex}.b-code-example__copy:not(:disabled):hover{box-shadow:none;background:var(--a-color-canvas);border-color:#0000;transform:none}.b-code-example__content{min-width:0;padding:0}.b-code-example__preview{min-width:0;min-height:22rem;padding:var(--a-space-8);background-color:var(--a-color-surface);place-items:center;margin:0;display:grid}:where(.b-code-example__preview)>*{min-width:0;max-width:100%}.b-code-example__preview>.atomic-root{background:0 0}.b-code-example .c-panel__header>.a-stack{align-items:center;gap:var(--a-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.b-code-example .b-code-example__header-controls{grid-area:1/2}@media (width<=700px){.b-code-example .c-panel__header>.a-stack{grid-template-columns:minmax(0,1fr)}.b-code-example .b-code-example__header-controls{flex-wrap:wrap;grid-area:2/1;justify-self:start}}