.interactive-menu{min-width:0}.interactive-menu [hidden]{display:none!important}.interactive-menu__description{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.interactive-menu .menu-disclosure{min-width:0}.interactive-menu .menu-bar::-webkit-details-marker{display:none}.interactive-menu .menu-bar::marker{content:""}.interactive-menu .menu-bar{min-width:0;min-height:var(--mockup-menu-row-height);max-width:100%;padding-inline:var(--space-1);border-radius:var(--mockup-menu-bar-radius);background:var(--color-ink);box-shadow:var(--shadow-product);color:var(--color-dark-copy);font-family:var(--mockup-menu-font);font-size:var(--mockup-menu-size);white-space:nowrap;align-self:flex-end;align-items:center;display:flex;overflow-x:auto}.interactive-menu .menu-bar:focus-visible,.interactive-menu .config-disclosure>summary:focus-visible{outline:var(--mockup-menu-focus-width) solid var(--color-link);outline-offset:var(--mockup-menu-focus-offset)}.interactive-menu .menu-bar:hover,.interactive-menu .menu-disclosure[open] .menu-bar{background:var(--color-ink-soft)}.interactive-menu .menu-bar span{padding-inline:var(--mockup-menu-static-item-padding)}.interactive-menu .example-menu{width:min(var(--mockup-menu-interactive-panel-width), calc(100% - var(--space-8)));margin-top:var(--space-1);padding-block:var(--space-1);border:var(--mockup-menu-border-width) solid var(--color-rule);border-radius:var(--mockup-menu-panel-radius);background:var(--color-paper-field);box-shadow:var(--shadow-product);color:var(--color-ink);font-family:var(--mockup-menu-font);font-size:var(--mockup-menu-size);align-self:flex-end}.interactive-menu .example-menu__row-set{flex-direction:column;display:flex}.interactive-menu .example-menu__row{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-height:var(--mockup-menu-row-height);padding:var(--space-2) var(--mockup-menu-item-padding);line-height:var(--mockup-menu-row-line-height);display:flex}.interactive-menu .example-menu__kind{color:var(--color-meta-readable);font-family:var(--font-mono);font-size:var(--mockup-menu-small-size);white-space:nowrap}.interactive-menu .config-disclosure{min-width:0}.interactive-menu .config-disclosure>summary{min-height:var(--mockup-menu-row-height);align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--mockup-menu-config-padding) var(--space-3);border:var(--mockup-menu-border-width) solid var(--color-ink);border-radius:var(--radius-button);background:var(--color-paper-raised);color:var(--color-link-readable);cursor:pointer;font-family:var(--font-mono);font-size:var(--mockup-menu-mobile-size);user-select:none;font-weight:500;list-style:none;display:inline-flex}.interactive-menu .config-disclosure>summary::-webkit-details-marker,.interactive-menu .config-disclosure>summary::marker{content:"";display:none}.interactive-menu .config-disclosure>summary:hover{background:var(--color-paper-field);color:var(--color-link)}.interactive-menu .config-disclosure pre{width:min(var(--mockup-menu-config-width), 100%);max-height:min(60vh, var(--mockup-menu-config-height));margin:var(--space-3) 0 0;padding:var(--space-4);border:var(--mockup-menu-border-width) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-ink);color:var(--color-dark-copy);font-family:var(--font-mono);font-size:var(--mockup-menu-config-size);line-height:var(--mockup-menu-code-line-height);white-space:pre;overflow:auto}.interactive-menu .config-disclosure pre:focus-visible{outline:var(--mockup-menu-focus-width) solid var(--color-dark-prompt);outline-offset:var(--mockup-menu-focus-inset)}.interactive-menu .example-menu__action{width:100%;min-height:var(--mockup-menu-row-height);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--mockup-menu-item-padding);color:var(--color-ink);cursor:pointer;font:inherit;line-height:var(--mockup-menu-row-line-height);text-align:left;transition:background-color var(--mockup-menu-transition-duration) ease-out, color var(--mockup-menu-transition-duration) ease-out;background:0 0;border:0;text-decoration:none;display:flex}.interactive-menu .example-menu__action:hover{background:var(--color-paper-raised);color:var(--color-link-readable)}.interactive-menu .example-menu__action:focus-visible{background:var(--color-paper-raised);color:var(--color-link-readable);outline:var(--mockup-menu-focus-width) solid var(--color-link-readable);outline-offset:var(--mockup-menu-focus-offset)}.interactive-menu .menu-rule{height:var(--mockup-menu-rule-height);margin:var(--space-1) var(--mockup-menu-item-padding);background:var(--color-rule)}@media (width<=720px){.interactive-menu .menu-bar{font-size:var(--mockup-menu-mobile-size);justify-content:flex-start;align-self:stretch}.interactive-menu .menu-bar span{padding-inline:var(--mockup-menu-mobile-item-padding)}.interactive-menu .example-menu,.interactive-menu .config-disclosure pre{width:100%}}.product-figure[data-astro-cid-fv3owclb]{flex-direction:column;align-items:stretch;gap:0;min-width:0;margin:0;display:flex}.product-visual[data-astro-cid-fv3owclb]{min-width:0}figcaption[data-astro-cid-fv3owclb]{margin-top:var(--mockup-menu-caption-margin);color:var(--color-meta-readable);font-family:var(--font-mono);font-size:var(--mockup-menu-small-size);line-height:var(--mockup-menu-caption-line-height);text-align:right}