._preview_1sk4f_1{--_br: var(--ds-border-radius-lg);border-radius:var(--_br);border:1px solid var(--ds-color-neutral-border-subtle);display:grid;grid-template-columns:auto auto 1fr auto}._preview_1sk4f_1 ._live-preview_1sk4f_8{border-top-left-radius:var(--_br);border-top-right-radius:var(--_br);background-color:var(--ds-color-neutral-background-tinted);grid-column:1 / -1;padding:var(--ds-size-8);border-bottom:1px solid var(--ds-color-neutral-border-subtle);display:flex;gap:var(--ds-size-2);flex-wrap:wrap}[data-layout=block] :is(._preview_1sk4f_1 ._live-preview_1sk4f_8){display:block}[data-layout=centered] :is(._preview_1sk4f_1 ._live-preview_1sk4f_8){justify-content:center;align-items:center}[data-layout=row] :is(._preview_1sk4f_1 ._live-preview_1sk4f_8){justify-content:flex-start}[data-layout=column] :is(._preview_1sk4f_1 ._live-preview_1sk4f_8){flex-direction:column;align-items:flex-start}._preview_1sk4f_1 ._live-preview-error_1sk4f_34{grid-column:1 / -1;margin:var(--ds-size-4)}._preview_1sk4f_1 ._codeButton_1sk4f_39{font-size:var(--ds-font-size-3);color:var(--ds-color-neutral-text-subtle);font-weight:var(--ds-font-weight-regular);border-radius:0;border-bottom-right-radius:var(--_br);grid-column:4 / 5}._preview_1sk4f_1 ._codeButton_1sk4f_39[aria-expanded=true]>svg{rotate:180deg}._preview_1sk4f_1 ._themeToggle_1sk4f_52{font-size:var(--ds-font-size-3);border-radius:0;border-bottom-left-radius:var(--_br)}._editorOuterWrapper_1sk4f_58{--_br: var(--ds-border-radius-lg);border-radius:var(--_br);border:1px solid var(--ds-color-neutral-border-subtle);background-color:var(--ds-color-neutral-background-tinted);display:grid;grid-template-columns:1fr auto auto auto}._editorOuterWrapper_1sk4f_58[hidden]{display:none}._editorOuterWrapper_1sk4f_58 .ds-toggle-group{--dsc-togglegroup-button-size: var(--ds-size-8);--dsc-togglegroup-background: transparent;margin-block:var(--ds-size-2);margin-inline-end:var(--ds-size-4);font-size:var(--ds-font-size-3);height:fit-content}._editorWrapper_1sk4f_78{position:relative;grid-column:1 / -1}._activate-editor_1sk4f_82{position:absolute;top:16px;left:50%;pointer-events:none;transform:translate(-50%);font-size:var(--ds-font-size-2);padding:var(--ds-size-2) var(--ds-size-3);border-radius:var(--ds-border-radius-md);background-color:var(--ds-color-neutral-surface-default);opacity:0}._activate-editor_1sk4f_82:focus-visible{opacity:1}._activate-editor_1sk4f_82 kbd{font-family:ui-monospace,Menlo,Monaco,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Droid Sans Mono,Courier New,monospace;background-color:var(--ds-color-neutral-surface-tinted);padding:var(--ds-size-1);border-radius:inherit;border:solid 1px var(--ds-color-neutral-border-subtle);position:relative;bottom:2px;box-shadow:.5px 1px 0 0 var(--ds-color-neutral-border-strong)}._live-editor_1sk4f_108:hover{outline:2px solid var(--ds-color-neutral-border-subtle)}._editor_1sk4f_58{background-color:var(--ds-color-neutral-background-default);border-top:1px solid var(--ds-color-neutral-border-subtle);font-family:monospace;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--_br);border-bottom-left-radius:var(--_br);outline-offset:-1px}._editor_1sk4f_58:focus-within{outline:2px solid var(--ds-color-neutral-border-default)}._editor_1sk4f_58>pre{background-color:transparent!important;font-size:min(.8em,14px);padding:var(--ds-size-5)!important;white-space:pre-wrap;border-bottom-left-radius:var(--_br);border-bottom-right-radius:var(--_br)}._editor_1sk4f_58>pre.language-html [class~=plain]{color:var(--ds-color-neutral-text-default)}._editor_1sk4f_58 [class~=plain-text]{color:var(--ds-color-neutral-text-default)}._action_1sk4f_141{align-self:stretch;height:unset;border-radius:0;font-size:var(--ds-font-size-3);font-weight:var(--ds-font-weight-regular);z-index:1;--dsc-button-padding: var(--ds-size-2)}._copy_1sk4f_150{border-top-right-radius:var(--_br);padding-inline-end:var(--ds-size-4)}._language_1sk4f_131{margin:0;margin-left:var(--ds-size-4);align-self:center}@media screen and (max-width:480px){._language_1sk4f_131{display:none}}._stack_1sk4f_162{display:grid}._stack_1sk4f_162>*{grid-area:1 / 1;pointer-events:none}._stack_1sk4f_162 :nth-child(2){display:none}._stack_1sk4f_162._copied_1sk4f_171>:nth-child(1){opacity:0}._stack_1sk4f_162._copied_1sk4f_171>:nth-child(2){display:block;transition:.3s ease all}@starting-style{._stack_1sk4f_162._copied_1sk4f_171>:nth-child(2){opacity:.5;transform:scale(3)}}._hidden_1sk4f_186{display:none}