:root{--control-focus-color: #b2d1e6}._component-example_1ivnh_6{--component-example-min-height: 380px;--component-example-max-height: none;position:relative;display:flex;flex-direction:column;gap:2px;overflow:hidden;background-color:var(--semantic-background-base-adaptive-default-fill);color:var(--semantic-foreground-base-adaptive-default-fill)}@media (min-width: 768px){._component-example_1ivnh_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_1ivnh_35{grid-template-columns:100fr}._component-example__code_1ivnh_39{grid-area:2 / 1 / 3 / 3;background-color:#1a1a1a}._component-demo_1ivnh_45{padding:24px;display:flex;justify-content:center;align-items:center;min-height:var(--component-example-min-height)}._component-demo__content-wrapper_1ivnh_53,._component-demo__content_1ivnh_53{flex-basis:100%}._component-props_1ivnh_62{background-color:#fff;padding:24px;overflow:auto;min-height:var(--component-example-min-height);max-height:var(--component-example-max-height)}._component-props__list_1ivnh_70{list-style:none;padding:0;margin:0}._component-prop__label_1ivnh_76{text-transform:uppercase;line-height:1.4;font-size:14px;color:var(--color-grey)}._component-prop_1ivnh_62{display:block;margin-bottom:24px}._component-code_1ivnh_89{padding:16px;line-height:1.25;position:relative;font-family:monospace}._component-code__copy-button_1ivnh_96{position:absolute;right:0;top:0;z-index:2;margin:24px;color:var(--color-white)}