.browser-mock:where(.astro-25zxarhg){overflow:hidden;background:var(--v-color-background-primary);border:1px solid var(--v-color-ornament-primary);border-radius:var(--v-space-8)}.browser-mock-bar:where(.astro-25zxarhg){display:flex;gap:var(--v-space-12);align-items:center;padding:var(--v-space-8) var(--v-space-12);background:var(--v-color-background-secondary);border-bottom:1px solid var(--v-color-ornament-primary)}.browser-mock-dots:where(.astro-25zxarhg){display:flex;flex-shrink:0;gap:6px;& span:where(.astro-25zxarhg){display:block;width:10px;height:10px;background:var(--v-color-ornament-primary);border-radius:50%}}.browser-mock-address:where(.astro-25zxarhg){display:flex;flex:1;gap:var(--v-space-4);align-items:center;min-width:0;height:1.75rem;padding-inline:var(--v-space-8);font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight);color:var(--v-color-foreground-tertiary);background:var(--v-color-background-primary);border-radius:var(--v-shape-default)}.browser-mock-lock:where(.astro-25zxarhg){flex-shrink:0;color:var(--v-color-foreground-tertiary)}.browser-mock-url:where(.astro-25zxarhg){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-mock-viewport-label:where(.astro-25zxarhg){flex-shrink:0;margin-inline-start:auto;color:var(--v-color-foreground-secondary);font-variant-numeric:tabular-nums}.iframe-preview:where(.astro-j6javjfp){margin-block:var(--v-space-24)}.iframe-preview-toolbar:where(.astro-j6javjfp){display:flex;gap:var(--v-space-4);align-items:center;padding-bottom:var(--v-space-16)}.iframe-preview-dimension:where(.astro-j6javjfp){font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight);color:var(--v-color-foreground-tertiary)}.iframe-preview-link:where(.astro-j6javjfp){display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-inline-start:auto;color:var(--v-color-foreground-secondary);border-radius:var(--v-shape-default);transition:color .15s;&:hover{color:var(--v-color-foreground-primary)}}.iframe-preview-frame:where(.astro-j6javjfp){overflow:hidden}.iframe-preview-iframe:where(.astro-j6javjfp){display:block;width:100%;min-height:120px;border:none;transition:height .15s ease}.code-example:where(.astro-jkaoph6f){margin-block:var(--v-space-24)}.code-example-preview:where(.astro-jkaoph6f){position:relative;padding:var(--v-space-24);border:1px solid var(--v-color-ornament-primary);border-bottom:0;border-start-start-radius:var(--v-shape-default);border-start-end-radius:var(--v-shape-default)}.code-example-fullscreen:where(.astro-jkaoph6f){position:absolute;z-index:1;top:var(--v-space-8);inset-inline-end:var(--v-space-8);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--v-shape-default);color:var(--v-color-foreground-secondary);opacity:0;transition:color .15s,opacity .15s;&:hover{color:var(--v-color-foreground-primary)}}.code-example-preview:where(.astro-jkaoph6f):hover .code-example-fullscreen:where(.astro-jkaoph6f),.code-example-fullscreen:where(.astro-jkaoph6f):focus-visible{opacity:1}.code-example-preview:where(.astro-jkaoph6f)+.expressive-code,.code-example-preview:where(.astro-jkaoph6f)+.code-example-collapsible:where(.astro-jkaoph6f) .expressive-code{margin-top:0}.code-example-preview:where(.astro-jkaoph6f)>[id]{scroll-margin:0}.code-example-collapsible:where(.astro-jkaoph6f){--_code-line-height: 21px;position:relative}.code-example-collapsible:where(.astro-jkaoph6f) .expressive-code{padding-bottom:var(--v-space-48)}.code-example-collapsible:where(.astro-jkaoph6f):has(.code-example-toggle[aria-expanded=false]) .expressive-code{max-height:calc(var(--_line-count, 10) * var(--_code-line-height));overflow:hidden}.code-example-toggle:where(.astro-jkaoph6f){position:absolute;inset-inline:0;bottom:0;display:flex;justify-content:center;padding-block:var(--v-space-24);cursor:pointer;background-color:var(--v-color-background-secondary);border-bottom-width:1px;border-left-width:1px;border-right-width:1px}.code-example-toggle:where(.astro-jkaoph6f)[aria-expanded=true]{background:var(--v-color-background-secondary);&:after{rotate:-90deg}.expand-text{display:none}}.code-example-toggle:where(.astro-jkaoph6f)[aria-expanded=false]{&:before{content:"";background:linear-gradient(to top,var(--v-color-background-secondary) 50%,transparent);height:var(--v-space-32);width:100%;position:absolute;top:0}.collapse-text{display:none}}