[data-demo=data-api]{--top-bar-height:60px;--bg:color-mix(in srgb, var(--action-brand) 3%, var(--surface-background-primary));--text-secondary:color-mix(in srgb, var(--text-primary) 64%, transparent);--control-object-default:var(--text-secondary);--type-code-ref-xs-size:var(--text-xs);background:var(--bg);color:var(--text-primary);font:400 var(--type-docs-body-size) / var(--type-docs-body-line) var(--font-sans);-webkit-font-smoothing:antialiased;--font-mono:var(--text-family-code);--font-sans:var(--text-family-data);--type-body-xs-size:var(--text-sm);--type-body-xs-line:1.4;--type-body-xs-accent-weight:500;--type-button-md-size:var(--text-2xs);--type-button-md-line:1;--type-button-md-weight:500;--type-category-label-lg-weight:700;--type-category-label-md-size:var(--text-sm);--type-category-label-md-weight:500;--type-chip-size:var(--text-xs);--type-chip-line:1;--type-chip-weight:400;--type-code-size:var(--text-2xs);--type-code-xs-size:var(--text-xs);--type-code-xs-line:1;--type-code-xs-weight:400;--type-code-ref-h4-xs-size:var(--typography-code-ref-h4-xs);--type-docs-body-size:var(--text-2xs);--type-docs-body-line:1.4;--type-docs-body-accent-size:var(--text-2xs);--type-docs-body-accent-weight:500;--type-h3-xs-size:var(--text-lg);--type-h3-xs-weight:500;--type-h4-lg-size:var(--text-xl);--type-h4-lg-line:1;--type-h4-lg-weight:500;--type-h4-md-size:var(--text-lg);--type-h4-md-line:1;--type-h4-md-weight:500;--type-h4-xs-size:var(--text-sm);--type-h4-xs-weight:500;--type-input-field-xs-size:var(--text-2xs);--type-input-field-xs-line:1;--type-input-field-xs-weight:400;--type-input-label-md-size:var(--text-2xs);--type-input-label-md-line:1;--type-input-label-md-weight:400;--type-input-label-xs-size:var(--text-xs);--type-navigation-xs-size:var(--text-2xs);--type-navigation-xs-line:1;--type-navigation-xs-weight:500;--type-notes-size:var(--typography-notes);--type-notes-line:1.4;--type-notes-weight:400;--type-notes-accent-size:var(--typography-notes);--type-notes-accent-weight:500;--text-tertiary:var(--control-object-default);--accent:var(--grape-700);--corners-sm:var(--spacing-1);--tt-grape-50:var(--grape-50);--tt-grape-200:var(--grape-200);--tt-grape-400:var(--grape-400);--tt-grape-600:var(--grape-600);--tt-grape-700:var(--grape-700);--map-group-food-drink:var(--berry-400);--map-group-shopping:var(--map-location-3);--map-group-health:var(--map-location-2);--map-group-sports:var(--status-warning);--map-group-education:var(--grape-700);--map-group-business:var(--map-location-4);--map-group-culture:var(--grape-200);--map-group-else:var(--grey-500);--status-success:var(--status-good);--map-location-c:var(--map-location-3);--colour-grey-grey-900:var(--grey-900);--primary-drop-shadow:var(--drop-shadow-primary);--secondary-drop-shadow:var(--drop-shadow-secondary);--shadow-md:var(--drop-shadow-primary);--hairline-top:inset 0 1px 0 var(--surface-divider-primary);--hairline-bottom:inset 0 -1px 0 var(--surface-divider-primary);--hairline-left:inset 1px 0 0 var(--surface-divider-primary);--hairline-right:inset -1px 0 0 var(--surface-divider-primary);--underline-none:inset 0 -2px 0 transparent;--underline-brand:inset 0 -2px 0 var(--action-brand);--ring-text:inset 0 0 0 var(--spacing-0_5) var(--text-primary);--ring-current:inset 0 0 0 var(--spacing-0_5) currentColor;--ring-line:inset 0 0 0 1px var(--surface-line-stroke-primary);--card-shadow:var(--secondary-drop-shadow), inset 0 0 0 1px transparent;--pin-halo:0 0 0 1.5px var(--surface-background-primary), 0 0 0 2.5px var(--surface-object-stroke-hover);--duration-fast:.12s;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (min-width:1024px){[data-demo=data-api]{--top-bar-height:70px}}.dark [data-demo=data-api]{--text-tertiary:var(--grey-500);--accent:var(--grape-100);--map-group-education:var(--grape-400);--map-group-culture:var(--grape-50);--text-secondary-overlay:color-mix(in srgb, var(--text-primary-overlay-accent) 64%, transparent);--state-hover:color-mix(in srgb, var(--text-primary) 8%, transparent);--state-pressed:color-mix(in srgb, var(--text-primary) 12%, transparent)}:where([data-demo=data-api]) *,:where([data-demo=data-api]) :before,:where([data-demo=data-api]) :after{box-sizing:border-box}:where([data-demo=data-api]) a{color:inherit}:where([data-demo=data-api]) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:where([data-demo=data-api]) :is(input,select,textarea){font:inherit}:where([data-demo=data-api]) :focus-visible{outline:1px solid var(--state-stroke-focused);outline-offset:2px;border-radius:var(--surface-corners-md)}@media (prefers-reduced-motion:reduce){:where([data-demo=data-api]) *{transition:none!important}}