:root{--control-focus-color: #b2d1e6}._component-example_kk53l_6{--component-example-min-height: 380px;--component-example-max-height: none;--component-example-background-color: #1a1a1a;position:relative;display:flex;flex-direction:column;gap:2px;overflow:hidden;background:var(--color-light-grey)}@media (min-width: 768px){._component-example_kk53l_6{--component-example-max-height: clamp( 480px, 100vh - var(--ifm-navbar-height) * 2, 960px );display:grid;grid-template-columns:75fr 25fr;grid-column-gap:2px;grid-row-gap:0;border:0}}._component-example--no-props_kk53l_35{grid-template-columns:100fr}._component-example__full_kk53l_39{grid-area:2 / 1 / 3 / 3;background-color:var(--component-example-background-color)}._component-demo_kk53l_45{background-color:#fff;padding:24px;display:flex;justify-content:center;align-items:center;min-height:var(--component-example-min-height)}._component-demo__content-wrapper_kk53l_54,._component-demo__content_kk53l_54{flex-basis:100%}._component-props_kk53l_63{background-color:#fff;padding:24px;overflow:auto;min-height:var(--component-example-min-height);max-height:var(--component-example-max-height)}._component-props__list_kk53l_71{list-style:none;padding:0;margin:0}._component-prop__label_kk53l_77{text-transform:uppercase;line-height:1.4;font-size:14px;color:var(--color-grey)}._component-prop_kk53l_63{display:block;margin-bottom:24px}._component-code_kk53l_90{padding:16px;line-height:1.25;position:relative;font-family:monospace}._component-code__copy-button_kk53l_97{position:absolute;right:0;top:0;z-index:2;margin:24px;color:var(--color-white)}