.code-snippet{border:1px solid var(--goa-color-greyscale-200, #dcdcdc);border-radius:var(--goa-border-radius-m, 4px);overflow:hidden;background:var(--goa-color-greyscale-100, #f1f1f1);font-size:var(--goa-font-size-2)}.framework-switcher goa-tab>.code-snippet:first-child{margin-top:calc(-2rem + 12px)}.framework-switcher goa-tab>.code-snippet+.code-snippet{margin-top:var(--goa-space-s, .5rem)}.code-snippet-wrapper>.code-snippet+.code-snippet,.code-snippet-wrapper>.angular-variant+.angular-variant{margin-top:var(--goa-space-s, .5rem)}.framework-switcher .angular-variant{margin-top:var(--goa-space-l, 1.5rem)}.framework-switcher .angular-variant:first-child{margin-top:var(--goa-space-s, .5rem)}.framework-switcher .angular-variant .code-snippet{margin-top:var(--goa-space-xs, .25rem)}.code-blocks{display:flex;flex-direction:column;gap:1px;background:var(--goa-color-greyscale-200, #dcdcdc)}.angular-variant{display:block}.angular-variant+.angular-variant{margin-top:var(--goa-space-l, 1.5rem)}.angular-variant-title{font:var(--goa-typography-heading-xs, 600 16px/24px sans-serif);margin:0 0 var(--goa-space-s, .5rem)}.angular-variant .code-snippet+.code-snippet{margin-top:var(--goa-space-s, .5rem)}.code-block{background:var(--goa-color-greyscale-100, #f1f1f1);position:relative}.code-block-header{position:absolute;top:var(--goa-space-xs, .25rem);right:var(--goa-space-s, .5rem);z-index:1}.code-block-title{font-size:.75rem;font-weight:var(--goa-font-weight-semi-bold);color:var(--goa-color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.copy-button{background:var(--goa-color-greyscale-white);border:1px solid var(--goa-color-greyscale-200, #dcdcdc);color:var(--goa-color-interactive-default, #0070c4);width:28px;height:28px;border-radius:var(--goa-border-radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.copy-button:hover{background:var(--goa-color-greyscale-100, #f1f1f1);border-color:var(--goa-color-interactive-default, #0070c4)}.copy-button.copied{background:var(--goa-color-status-success, #2e7d32);border-color:var(--goa-color-status-success, #2e7d32);color:var(--goa-color-greyscale-white)}.copy-icon{width:16px;height:16px}.code-container{overflow:hidden;transition:max-height .3s ease}.code-container.expanded{overflow:auto}.code-block.has-gradient .code-container{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%)}pre{margin:0;padding:var(--goa-space-m, 1rem);overflow-x:auto}code{font-family:SF Mono,Monaco,Courier New,monospace;line-height:1.6;background:transparent!important;padding:0!important}.expand-wrapper{display:flex;justify-content:center;padding:var(--goa-space-s, .5rem) 0;position:relative;margin-top:-2rem}.expand-button-bg{background:var(--goa-color-greyscale-100, #f1f1f1)}.no-code{padding:var(--goa-space-m, 1rem);color:var(--goa-color-text-secondary, #666);font-style:italic}.hljs{color:var(--goa-color-text-default, #333);background:transparent}.hljs-keyword{color:#0550ae}.hljs-string{color:#4b7c41}.hljs-number{color:#0550ae}.hljs-comment{color:#6e7781}.hljs-tag,.hljs-attr{color:#0550ae}.hljs-name{color:#2b7c5f}.hljs-built_in,.hljs-title{color:#6639ba}.hljs-params{color:#953800}.example-display[data-astro-cid-kws6ko6c]{margin-bottom:var(--goa-space-2xl, 2.5rem);padding-bottom:var(--goa-space-xl, 2rem);border-bottom:1px solid var(--goa-color-greyscale-200, #dcdcdc)}.example-display[data-astro-cid-kws6ko6c]:last-child{border-bottom:none;margin-bottom:0}.example-meta[data-astro-cid-kws6ko6c]{margin-top:var(--goa-space-xs, .25rem)}.example-meta[data-astro-cid-kws6ko6c] p[data-astro-cid-kws6ko6c]{margin:0;color:var(--goa-color-text-secondary);line-height:1.5}.example-card-header[data-astro-cid-kws6ko6c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--goa-space-m, 1rem)}.example-card-header[data-astro-cid-kws6ko6c] .example-title[data-astro-cid-kws6ko6c]{font:var(--goa-typography-heading-s);margin:0}.example-card-image[data-astro-cid-kws6ko6c]{display:block;margin-bottom:var(--goa-space-m, 1rem)}.example-card-image[data-astro-cid-kws6ko6c] img[data-astro-cid-kws6ko6c]{width:100%;border-radius:var(--goa-border-radius-m);border:1px solid var(--goa-color-greyscale-200, #dcdcdc)}.example-card-description[data-astro-cid-kws6ko6c]{color:var(--goa-color-text-secondary, #666);font:var(--goa-typography-body-m);margin:0 0 var(--goa-space-m, 1rem);line-height:1.5}