@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-space-y-reverse:0;--tw-leading:initial}}}.preview-example[data-astro-cid-kj5krzxo]{max-width:var(--container-5xl,64rem);margin-inline:auto}.preview-example__grid[data-astro-cid-kj5krzxo]{margin-top:calc(var(--spacing,.25rem) * 12);gap:calc(var(--spacing,.25rem) * 4);display:grid}@media(min-width:64rem){.preview-example__grid[data-astro-cid-kj5krzxo]{grid-template-columns:1.25fr .75fr;align-items:stretch}}.preview-browser[data-astro-cid-kj5krzxo]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);overflow:hidden;box-shadow:0 24px 80px #0000001a}.preview-browser__chrome[data-astro-cid-kj5krzxo]{gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 4);background:var(--muted);display:flex}.preview-browser__chrome[data-astro-cid-kj5krzxo] span[data-astro-cid-kj5krzxo]{height:calc(var(--spacing,.25rem) * 2.5);width:calc(var(--spacing,.25rem) * 2.5);background:var(--muted-foreground);opacity:.35;border-radius:3.40282e38px}.preview-browser__panels[data-astro-cid-kj5krzxo]{background-color:var(--border);gap:1px;display:grid}@media(min-width:48rem){.preview-browser__panels[data-astro-cid-kj5krzxo]{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-browser__panel[data-astro-cid-kj5krzxo]{background-color:var(--card);padding:calc(var(--spacing,.25rem) * 6)}.preview-browser__panel--strong[data-astro-cid-kj5krzxo]{color:#fff;background:#121215}.preview-browser__label[data-astro-cid-kj5krzxo]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:.18em;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}.preview-browser__panel--strong[data-astro-cid-kj5krzxo] .preview-browser__label[data-astro-cid-kj5krzxo]{color:#ffffff9e}.preview-browser[data-astro-cid-kj5krzxo] h3[data-astro-cid-kj5krzxo]{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.preview-browser__panel--strong[data-astro-cid-kj5krzxo] h3[data-astro-cid-kj5krzxo]{color:#fff}.preview-browser[data-astro-cid-kj5krzxo] ul[data-astro-cid-kj5krzxo]{margin-top:calc(var(--spacing,.25rem) * 6)}:where(.preview-browser[data-astro-cid-kj5krzxo] ul[data-astro-cid-kj5krzxo]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)))}.preview-browser[data-astro-cid-kj5krzxo] li[data-astro-cid-kj5krzxo]{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--muted-foreground);display:flex}.preview-browser__panel--strong[data-astro-cid-kj5krzxo] li[data-astro-cid-kj5krzxo]{color:#ffffffb8}.preview-browser[data-astro-cid-kj5krzxo] li[data-astro-cid-kj5krzxo] svg{margin-top:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.preview-browser__panel[data-astro-cid-kj5krzxo]:not(.preview-browser__panel--strong) li[data-astro-cid-kj5krzxo] svg{color:var(--muted-foreground)}.preview-browser__panel--strong[data-astro-cid-kj5krzxo] li[data-astro-cid-kj5krzxo] svg{color:#2effb5}.preview-notes[data-astro-cid-kj5krzxo]{gap:calc(var(--spacing,.25rem) * 4);display:grid}.preview-note[data-astro-cid-kj5krzxo]{gap:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);padding:calc(var(--spacing,.25rem) * 5);display:flex}.preview-note__number[data-astro-cid-kj5krzxo]{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-family:var(--font-serif);color:var(--muted-foreground);opacity:.45;flex-shrink:0}.preview-note[data-astro-cid-kj5krzxo] h3[data-astro-cid-kj5krzxo]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--foreground)}.preview-note[data-astro-cid-kj5krzxo] p[data-astro-cid-kj5krzxo]{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--muted-foreground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}