.DcI7ha_frame{--bw-code-fill:var(--color-syntax-background);isolation:isolate;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-element);background-color:var(--bw-code-fill);min-inline-size:0;color:var(--color-text-primary);margin:0;position:relative;overflow:clip}.DcI7ha_frame[data-variant=showcase]{--bw-code-fill:var(--color-background-surface);border-radius:var(--radius-container)}.DcI7ha_header{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding-block:var(--spacing-2) 0;padding-inline:var(--spacing-4);background-color:var(--bw-code-fill);flex-wrap:wrap;display:flex}.DcI7ha_header:has([role=tablist]){min-block-size:var(--size-element-lg);border-block-end:var(--border-width) solid var(--color-border);padding-block:0;padding-inline-start:var(--spacing-2)}.DcI7ha_frame[data-variant=showcase] .DcI7ha_header:has([role=tablist]){min-block-size:0;padding:var(--spacing-2);border-block-end:0;flex-wrap:nowrap}.DcI7ha_frame[data-variant=showcase] .DcI7ha_header>:first-child:not(.DcI7ha_label){padding:var(--spacing-0-5);border-radius:var(--radius-element);background-color:var(--lightningcss-light,color-mix(in oklab, var(--color-text-primary) 8%, transparent))var(--lightningcss-dark,color-mix(in oklab, var(--color-text-primary) 10%, transparent));flex:0 auto}.DcI7ha_frame[data-variant=showcase] [role=tab]{--radius-element:var(--radius-inner)}.DcI7ha_frame[data-variant=showcase] [role=tab][aria-selected=true]{background-color:var(--bw-segment-thumb,var(--color-background-popover));box-shadow:var(--bw-shadow-thumb,var(--shadow-low))}.DcI7ha_frame[data-variant=showcase] .astryx-tab-indicator{display:none}@media (prefers-reduced-motion:no-preference){.DcI7ha_frame[data-variant=showcase] [role=tab]{transition-property:color,background-color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-standard)}}.DcI7ha_label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-family:var(--font-family-code);font-size:var(--text-supporting-size);font-weight:var(--font-weight-medium);line-height:var(--text-supporting-leading);color:var(--color-syntax-comment);margin:0;display:block;overflow:clip}.DcI7ha_header>:first-child:not(.DcI7ha_label){flex:auto;min-inline-size:0}.DcI7ha_copyCluster{align-items:center;gap:var(--spacing-1);flex-shrink:0;margin-inline-start:auto;display:flex}.DcI7ha_glyph,.DcI7ha_hint{color:var(--color-syntax-comment);display:inline-flex}@media (pointer:coarse){.DcI7ha_header :is(.DcI7ha_copy,[role=tab]){min-block-size:2.75rem}.DcI7ha_header .DcI7ha_copy{min-inline-size:2.75rem}}.DcI7ha_viewport{--bw-start:left;--bw-end:right;--bw-scroll-shadow:color-mix(in oklab, var(--color-text-primary) 18%, transparent);background-color:var(--bw-code-fill);background-image:linear-gradient(to var(--bw-end), var(--bw-code-fill), var(--bw-code-fill) 50%, transparent), linear-gradient(to var(--bw-start), var(--bw-code-fill), var(--bw-code-fill) 50%, transparent), linear-gradient(to var(--bw-end), var(--bw-scroll-shadow), transparent), linear-gradient(to var(--bw-start), var(--bw-scroll-shadow), transparent);background-position:var(--bw-start) center, var(--bw-end) center, var(--bw-start) center, var(--bw-end) center;background-size:var(--spacing-8) 100%, var(--spacing-8) 100%, var(--spacing-4) 100%, var(--spacing-4) 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;min-inline-size:0;overflow:auto clip}.DcI7ha_viewport:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--bw-start:right;--bw-end:left}.DcI7ha_viewport:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:calc(-1 * var(--focus-outline-width))}.DcI7ha_pre{inline-size:max-content;min-inline-size:100%;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);background:0 0;margin:0}.DcI7ha_frame[data-variant=showcase] .DcI7ha_viewport{background-image:none}.DcI7ha_frame[data-variant=showcase] .DcI7ha_pre{padding-block:var(--spacing-1) var(--spacing-5);padding-inline:calc(var(--spacing-2) + var(--spacing-0-5) + var(--spacing-3)) var(--spacing-4)}.DcI7ha_code{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading);color:var(--color-syntax-variable);tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;display:block}.DcI7ha_frame .astryx-token-keyword{color:var(--color-syntax-keyword)}.DcI7ha_frame .astryx-token-string{color:var(--color-syntax-string)}.DcI7ha_frame .astryx-token-comment{color:var(--color-syntax-comment)}.DcI7ha_frame .astryx-token-number{color:var(--color-syntax-number)}.DcI7ha_frame .astryx-token-function{color:var(--color-syntax-function)}.DcI7ha_frame .astryx-token-type{color:var(--color-syntax-type)}.DcI7ha_frame .astryx-token-tag{color:var(--color-syntax-tag)}.DcI7ha_frame .astryx-token-attribute{color:var(--color-syntax-attribute)}.DcI7ha_frame .astryx-token-property{color:var(--color-syntax-property)}.DcI7ha_frame .astryx-token-operator{color:var(--color-syntax-operator)}.DcI7ha_frame .astryx-token-constant{color:var(--color-syntax-constant)}.DcI7ha_frame .astryx-token-punctuation{color:var(--color-syntax-punctuation)}.DcI7ha_frame .astryx-token-variable{color:var(--color-syntax-variable)}