@layer all, base, theme, components, utilities;@layer components{.DemoKeyControl_Lab__S4oCC{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--space-28);align-items:start;padding:var(--space-24);color:var(--color-foreground);font-feature-settings:normal;@media (max-width:40rem){grid-template-columns:1fr}}.DemoKeyControl_Mini__XI_tV{box-sizing:border-box;min-height:calc(12.5rem + 2px);border:1px solid var(--gray-t2);border-radius:0;background-color:var(--color-popup);font-size:var(--font-size-14);line-height:1.25rem}.DemoKeyControl_Input__BxRNT{box-sizing:border-box;display:block;width:100%;min-height:2rem;padding:0 .625rem;border:0;border-bottom:1px solid var(--gray-c3);border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;line-height:1;font-size:var(--font-size-14);&::placeholder{color:var(--gray-t1)}&[data-highlighted]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}}.DemoKeyControl_Menu__1biml{margin:0;padding:var(--space-4) 0;list-style:none;&:empty,>li{padding:0}>li{margin:0}}.DemoKeyControl_Item__yE9b_{box-sizing:border-box;display:flex;width:100%;padding:var(--space-8) var(--space-32) var(--space-8) var(--space-16);border:0;border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;line-height:1rem;text-align:start;cursor:default;-webkit-user-select:none;user-select:none;&[data-highlighted]{z-index:0;position:relative;color:var(--color-content)}&[data-highlighted]:before{content:"";z-index:-1;position:absolute;inset-block:0;inset-inline:var(--space-4);background-color:var(--gray-t2)}}.DemoKeyControl_Empty__sviRX{padding:var(--space-12);color:var(--gray-t1)}.DemoKeyControl_Readout__W0gTB{min-width:0;font-family:var(--font-mono);font-size:var(--font-size-13);line-height:1.25rem}.DemoKeyControl_Values___WuTg{display:grid;grid-template-columns:auto 1fr;gap:.375rem .875rem;margin:0 0 .875rem;>dt{color:var(--gray-t1)}>dd{margin:0;overflow-wrap:anywhere}}.DemoKeyControl_Log__sfjPs{min-height:2.25rem}.DemoKeyControl_Hint__bJa6Z{display:grid;gap:var(--space-4);color:var(--gray-t1);font-family:var(--font-sans);font-size:var(--font-size-14);line-height:1.25rem}}
/*# sourceMappingURL=d52743c06f90b684.css.map*/