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