.docs-code-surface{overflow-x:auto;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}.docs-code-surface__heading{display:flex;align-items:center;justify-content:space-between;gap:16rem;padding:10rem 12rem 10rem 20rem;border-bottom:1rem solid color-mix(in srgb,currentcolor 18%,transparent)}.docs-code-surface__label{display:flex;gap:8rem}.docs-code-surface__copy,.docs-code-surface__label{align-items:center;font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight)}.docs-code-surface__copy{display:inline-flex;gap:6rem;padding:6rem 12rem;border:0;border-radius:var(--sys-shape-corner-full);background:color-mix(in srgb,currentcolor 12%,transparent);color:inherit;cursor:pointer;transition:background-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.docs-code-surface__copy .ui-icon{font-size:18rem}.docs-code-surface__copy:hover{background:color-mix(in srgb,currentcolor 20%,transparent)}.docs-code-surface__copy:focus-visible{outline:2rem solid currentcolor;outline-offset:2rem}.docs-code-surface pre{margin:0;padding:24rem}.docs-code-surface code{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight)}