.code-block-wrap,.vfds-code{margin:var(--gap-xl)0;border:var(--border-hairline);border-color:var(--written-border);border-radius:var(--card-radius);background:var(--written-tint);color:var(--written-ink);position:relative;overflow:hidden}.code-block-header,.vfds-code_header{align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);border-bottom:var(--border-hairline);border-color:var(--written-border);font-family:var(--font-sans);font-size:var(--vfc-font-size-field);display:flex}.code-block-filename,.vfds-code_title{text-overflow:ellipsis;min-width:0;overflow:hidden}.code-block-actions,.vfds-code_lang{margin-left:auto}.code-block-viewport,.vfds-code_scroll{padding:var(--gap-md);overflow-x:auto}.code-block pre.astro-code,.vfds-code_pre{font-family:var(--font-code);font-size:var(--vfc-font-size-default);line-height:var(--lh-body);white-space:pre;margin:0;padding:0;background:0 0!important}.code-block pre.astro-code{overflow:visible}.code-block pre.astro-code code{font:inherit;width:max-content;min-width:100%;padding-right:var(--gap-3xl);display:block}.code-block pre.astro-code,pre.astro-code.github-light-default span{color:light-dark(var(--shiki-light),var(--shiki-dark))}pre.astro-code span{color:light-dark(var(--shiki-light),var(--shiki-dark))!important}.code-block-wrap[data-wrap] pre.astro-code{white-space:pre-wrap;overflow-wrap:anywhere}.code-block-wrap[data-wrap] pre.astro-code code{width:auto}.code-block-floating{top:var(--gap-sm);right:var(--gap-md);z-index:2;position:absolute}.code-block-copy,.vfds-code_copy{background:var(--written-ground);color:var(--written-ink);border:var(--border-hairline);border-color:var(--written-border);border-radius:var(--radius-input);padding:var(--gap-xs) var(--gap-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.code-block-copy-icon,.code-block-footer-button svg{width:var(--gap-md);height:var(--gap-md)}.code-block-wrap[data-expandable] .code-block{max-height:calc(var(--gap-section)*3);overflow:hidden}.code-block-wrap[data-expandable][data-expanded=true] .code-block{max-height:none}.code-block-footer-button{font:inherit;gap:var(--gap-sm);cursor:pointer;color:var(--written-link);background:0 0;border:0;align-items:center;display:flex}.code-block-wrap:has(>.code-block-floating) .code-block-viewport{margin-right:var(--gap-3xl)}.code-block-footer{font-size:var(--vfc-font-size-field);line-height:var(--lh-copy);padding:var(--gap-xs) var(--gap-md)}.code-group{border-radius:var(--card-radius);border-color:var(--written-border);background:var(--written-tint)}