.code-container:where(.astro-4g3kud3p){border-radius:var(--shape-corner-md,8px);background:var(--palette-grey-10,#f8f9fa);border:1px solid var(--theme-outline,#dadce0);width:100%;min-height:52px;margin:var(--space-md) 0 var(--space-lg);box-sizing:border-box;contain:layout style;flex-direction:column;justify-content:center;padding:14px 48px 14px 16px;display:flex;position:relative;overflow:hidden}.code-container:where(.astro-4g3kud3p).no-header{padding-top:14px;padding-bottom:14px;min-height:52px;padding-inline-end:48px}.code-container:where(.astro-4g3kud3p).no-header .copy-button:where(.astro-4g3kud3p){top:50%;transform:translateY(-50%)}.code-container:where(.astro-4g3kud3p) .header:where(.astro-4g3kud3p){padding:0 0 var(--space-xs);margin-bottom:var(--space-xs);border-bottom:1px solid var(--theme-outline,#dadce0);justify-content:space-between;align-items:center;padding-inline-end:calc(var(--space-xs) + 38px);display:flex}.code-container:where(.astro-4g3kud3p) .header:where(.astro-4g3kud3p) .title:where(.astro-4g3kud3p){color:var(--palette-grey-800,#5f6368);font-family:Google Sans Code,monospace;font-size:var(--xs-size,.75rem);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p){top:10px;cursor:pointer;width:32px;height:32px;color:var(--palette-grey-800,#5f6368);z-index:1;contain:layout style paint;background:0 0;border:none;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:0;font-family:Google Symbols;font-size:20px;line-height:1;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;inset-inline-end:12px}.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p):hover{color:#202124;background-color:#0000000f}.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p) .copy-icon-default:where(.astro-4g3kud3p),.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p) .copy-icon-check:where(.astro-4g3kud3p){justify-content:center;align-items:center;display:inline-flex}.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p) .copy-icon-check:where(.astro-4g3kud3p),.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p).copied .copy-icon-default:where(.astro-4g3kud3p){display:none}.code-container:where(.astro-4g3kud3p) .copy-button:where(.astro-4g3kud3p).copied .copy-icon-check:where(.astro-4g3kud3p){display:inline-flex}.code-container:where(.astro-4g3kud3p) .snippet-area:where(.astro-4g3kud3p){width:100%;margin:0;padding:0}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p){background-color:#0000;margin:0;display:flex}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p){color:#37474f;text-wrap:wrap;font-family:Google Sans Code,sans-serif;font-size:var(--sm-size);line-height:var(--sm-line-height);letter-spacing:var(--sm-letter-spacing);background:0 0;border:none;border-radius:0;padding:0;font-weight:370}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-keyword,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-tag{color:#1967d2}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-function,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-title,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-name{color:#80cbc4}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-string,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-number,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-literal{color:#188038}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-comment{color:#b80672}.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-punctuation,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-operator,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-symbol,.code-container:where(.astro-4g3kud3p) pre:where(.astro-4g3kud3p) code:where(.astro-4g3kud3p) .hljs-attr{color:#5f6368}