.browser-mock:where(.astro-4hcoswxp){background:var(--v-color-background-primary);border:1px solid var(--v-color-ornament-primary);border-radius:var(--v-space-8);overflow:hidden}.browser-mock-bar:where(.astro-4hcoswxp){gap:var(--v-space-12);padding:var(--v-space-8) var(--v-space-12);background:var(--v-color-background-secondary);border-bottom:1px solid var(--v-color-ornament-primary);align-items:center;display:flex}.browser-mock-dots:where(.astro-4hcoswxp){flex-shrink:0;gap:6px;display:flex;& span{background:var(--v-color-ornament-primary);border-radius:50%;width:10px;height:10px;display:block}}.browser-mock-address:where(.astro-4hcoswxp){gap:var(--v-space-4);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);flex:1;align-items:center;display:flex}.browser-mock-lock:where(.astro-4hcoswxp){color:var(--v-color-foreground-tertiary);flex-shrink:0}.browser-mock-url:where(.astro-4hcoswxp){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-mock-viewport-label:where(.astro-4hcoswxp){color:var(--v-color-foreground-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto}.iframe-preview:where(.astro-eqledyxq){margin-block:var(--v-space-24)}.iframe-preview-toolbar:where(.astro-eqledyxq){gap:var(--v-space-4);padding-bottom:var(--v-space-16);align-items:center;display:flex}.iframe-preview-dimension:where(.astro-eqledyxq){font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight);color:var(--v-color-foreground-tertiary)}.iframe-preview-link{margin-inline-start:auto}.iframe-preview-frame:where(.astro-eqledyxq){overflow:hidden}.iframe-preview-iframe:where(.astro-eqledyxq){border:none;width:100%;min-height:120px;transition:height .15s;display:block}.code-example:where(.astro-hajt5kps){margin-block:var(--v-space-24)}.code-example-preview:where(.astro-hajt5kps){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);position:relative}.code-example-fullscreen{z-index:1;top:var(--v-space-8);border-radius:var(--v-shape-default);width:32px;height:32px;color:var(--v-color-foreground-secondary);opacity:0;justify-content:center;align-items:center;transition:color .15s,opacity .15s;display:flex;position:absolute;inset-inline-end:var(--v-space-8);&:hover{color:var(--v-color-foreground-primary)}}.code-example-preview:where(.astro-hajt5kps):hover .code-example-fullscreen,.code-example-fullscreen:focus-visible{opacity:1}.code-example-preview:where(.astro-hajt5kps)+.code-example-details:where(.astro-hajt5kps){border-start-start-radius:0;border-start-end-radius:0;margin-top:0}.code-example:where(.astro-hajt5kps)>.iframe-preview{margin-bottom:0}.code-example:where(.astro-hajt5kps)>.iframe-preview .browser-mock{border-end-end-radius:0;border-end-start-radius:0}.code-example:where(.astro-hajt5kps)>.iframe-preview~.code-example-details:where(.astro-hajt5kps){border-top-width:0;border-start-start-radius:0;border-start-end-radius:0;margin-top:0}.code-example-details:where(.astro-hajt5kps){margin-block:var(--v-space-24);background-color:var(--v-color-background-secondary);border:1px solid var(--v-color-ornament-primary);border-radius:var(--v-shape-default);overflow:clip}.code-example-summary:where(.astro-hajt5kps){cursor:pointer;width:100%;list-style:none;display:flex}.code-example-summary:where(.astro-hajt5kps)::-webkit-details-marker{display:none}.code-example-details:where(.astro-hajt5kps)[open] .code-example-summary:where(.astro-hajt5kps){--_arrow-rotation:-90deg;border-bottom:1px solid var(--v-color-ornament-primary)}.code-example-details:where(.astro-hajt5kps):not([open]) .hide-code-text:where(.astro-hajt5kps),.code-example-details:where(.astro-hajt5kps)[open] .show-code-text:where(.astro-hajt5kps){display:none}.code-example-details-content:where(.astro-hajt5kps) .expressive-code{border-width:0;border-radius:0;margin:0}.code-example-preview:where(.astro-hajt5kps)>[id]{scroll-margin:0}