.kdsdoc-live-code-block,.kdsdoc-live-code-block-iframe{font-family:var(--kds-typography-body-font-family);font-size:var(--kds-typography-body-font-size);white-space:normal;flex-direction:column;margin-bottom:4rem;display:flex}.kdsdoc-live-code-block pre,.kdsdoc-live-code-block-iframe pre{font-size:var(--kds-typography-font-size-sm)!important;padding:1.5rem!important;overflow:auto!important}.kdsdoc-live-code-block--full-screen,.kdsdoc-live-code-block-iframe--full-screen{background:var(--kds-color-bg);width:100%;height:100dvh;z-index:var(--kds-layer-infinite);margin:0;position:fixed;inset:0;overflow-y:auto}.kdsdoc-live-code-block--full-screen .kdsdoc-live-code-block__editor,.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block__editor{flex:none}.kdsdoc-live-code-block--full-screen .kdsdoc-live-code-block__editor>div,.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block__editor>div{border:none;margin:0}.kdsdoc-live-code-block--static{position:relative}.kdsdoc-live-code-block__preview{border-radius:.5rem .5rem 0 0;min-width:100%;height:100%}.kdsdoc-live-code-block__preview--rounded{border-radius:.5rem}.kdsdoc-live-code-block__error{background-color:var(--kds-color-danger-bg);border:2px solid var(--kds-color-invalid-border);color:var(--kds-color-invalid-text);margin-bottom:0;padding:1rem;overflow:auto!important}.kdsdoc-live-code-block--full-screen .kdsdoc-live-code-block__preview{border-radius:0;flex:1 0 auto;min-width:0;height:auto;min-height:auto}.kdsdoc-live-code-block__preview--checkered{--kds-docs-live-code-block-checker-color:#f5f5f5;background-color:var(--kds-color-bg);background-position:0 0,10px 0,10px -10px,0 10px;background-size:20px 20px;background-image:linear-gradient(45deg, var(--kds-docs-live-code-block-checker-color) 25%, transparent 25%), linear-gradient(135deg, var(--kds-docs-live-code-block-checker-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--kds-docs-live-code-block-checker-color) 75%), linear-gradient(135deg, transparent 75%, var(--kds-docs-live-code-block-checker-color) 75%)}.kds-dark .kdsdoc-live-code-block__preview--checkered{--kds-docs-live-code-block-checker-color:#292929}.kdsdoc-live-code-block-iframe iframe{border:0;margin:0;padding:0}.kdsdoc-live-code-block-iframe__viewport,.kdsdoc-live-code-block-iframe__resize{min-width:0;max-width:100%}.kdsdoc-live-code-block-iframe__resize{flex-flow:row;align-items:stretch;width:100%;display:flex}.kdsdoc-live-code-block-iframe__preview{border-radius:.5rem 0 0;flex:1 1 0;width:0;min-width:0;height:100%}.kdsdoc-live-code-block-iframe__resize-handle{background:var(--kds-color-light-bg);border:1px solid var(--kds-color-border);touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;border-left:0;border-top-right-radius:.5rem;flex:none;justify-content:center;align-self:stretch;align-items:center;height:auto;min-height:3rem;margin:0;padding:0 .25rem;display:flex}.kdsdoc-live-code-block-iframe__resize-handle>svg{flex:none;display:block;transform:rotate(90deg)}.kdsdoc-live-code-block-iframe__resize-handle:hover{background:var(--kds-color-light-bg-hover);cursor:e-resize}.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block-iframe__resize-handle{border-radius:0}.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block-iframe__viewport{flex-direction:column;flex:none;height:100%;min-height:0;display:flex}.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block-iframe__resize{flex:1 1 0;height:auto;min-height:0}.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block-iframe__preview{flex:1 0 auto;align-self:stretch;height:auto;min-height:auto;position:relative}.kdsdoc-live-code-block-iframe--full-screen .kdsdoc-live-code-block-iframe__preview iframe{width:100%;height:100%;display:block;position:absolute;inset:0}.kdsdoc-live-code-block__editor>div{border:1px solid var(--kds-color-border);border-top:none;font-family:monospace}.kdsdoc-live-code-block__toolbar{background-color:var(--kds-color-bg);border:1px solid var(--kds-color-border);flex-wrap:wrap;align-items:center;gap:1rem;max-width:100%;padding:.5rem 1rem;display:flex}.kdsdoc-live-code-block__divider{all:unset;border-left:1px solid var(--kds-color-border);margin:.5rem 0}