.page[data-astro-cid-dj3meopb]{padding:40px 40px 80px;max-width:1240px;margin:0 auto}.head[data-astro-cid-dj3meopb]{margin-bottom:28px}.crumb[data-astro-cid-dj3meopb]{color:color-mix(in oklab,var(--color-base-content) 55%,white);margin:0 0 10px}.crumb[data-astro-cid-dj3meopb] a[data-astro-cid-dj3meopb]{color:var(--color-accent);text-decoration:none}.desc[data-astro-cid-dj3meopb]{max-width:64ch;margin:12px 0 0;color:color-mix(in oklab,var(--color-base-content) 80%,white)}.figma-link[data-astro-cid-dj3meopb]{display:inline-block;margin-top:12px;font-family:var(--font-body);font-size:13px;color:var(--chrome-accent)}.plum-link[data-astro-cid-dj3meopb]{margin-left:16px;color:var(--color-accent)}.preview-wrap[data-astro-cid-dj3meopb]{border:1px solid var(--color-base-300);border-radius:12px;overflow:hidden;background:var(--color-base-100)}.preview-wrap[data-astro-cid-dj3meopb]+.preview-wrap[data-astro-cid-dj3meopb]{margin-top:24px}.preview-wrap[data-astro-cid-dj3meopb].is-wide{width:min(1500px,calc(100vw - 32px));max-width:none;position:relative;left:50%;transform:translate(-50%);transition:width .25s ease}.preview-bar[data-astro-cid-dj3meopb]{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--color-base-300);background:var(--color-base-200)}.dot[data-astro-cid-dj3meopb]{width:10px;height:10px;border-radius:50%;background:var(--color-base-300)}.preview-label[data-astro-cid-dj3meopb]{margin-left:10px;font-family:var(--font-body);font-size:12px;color:color-mix(in oklab,var(--color-base-content) 55%,white)}.bar-actions[data-astro-cid-dj3meopb]{margin-left:auto;display:flex;align-items:center;gap:8px}.view-toggle[data-astro-cid-dj3meopb]{display:flex;border:1px solid var(--color-base-300);border-radius:6px;overflow:hidden}.vt[data-astro-cid-dj3meopb]{font-family:var(--font-body);font-size:12px;letter-spacing:.02em;padding:4px 12px;border:0;background:var(--color-base-100);color:color-mix(in oklab,var(--color-base-content) 70%,white);cursor:pointer}.vt[data-astro-cid-dj3meopb].active{background:var(--color-primary);color:var(--color-primary-content)}.copy-btn[data-astro-cid-dj3meopb]{font-family:var(--font-body);font-size:12px;letter-spacing:.02em;padding:4px 12px;border:1px solid var(--color-base-300);border-radius:6px;background:var(--color-base-100);color:color-mix(in oklab,var(--color-base-content) 75%,white);cursor:pointer}.example[data-astro-cid-dj3meopb] .copy-btn[data-astro-cid-dj3meopb]{display:none}.example[data-astro-cid-dj3meopb].show-code .copy-btn[data-astro-cid-dj3meopb]{display:inline-block}.copy-btn[data-astro-cid-dj3meopb]:hover{border-color:var(--chrome-accent);color:var(--chrome-accent)}.preview[data-astro-cid-dj3meopb]{display:flex;justify-content:center;overflow-x:auto}.preview-frame[data-astro-cid-dj3meopb]{display:block;border:0;width:100%;height:200px;background:var(--color-base-100);transition:width .25s ease}.preview[data-astro-cid-dj3meopb].constrained{background:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in oklab,var(--color-base-content) 4%,transparent) 6px 7px),var(--color-base-200)}.preview[data-astro-cid-dj3meopb].constrained .preview-frame[data-astro-cid-dj3meopb]{max-width:100%;border-inline:1px solid var(--color-base-300)}.preview[data-astro-cid-dj3meopb].wide{justify-content:flex-start;background:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in oklab,var(--color-base-content) 4%,transparent) 6px 7px),var(--color-base-200)}.preview[data-astro-cid-dj3meopb].wide .preview-frame[data-astro-cid-dj3meopb]{max-width:none;flex:0 0 auto;border-inline:1px solid var(--color-base-300)}.vp-toggle[data-astro-cid-dj3meopb]{display:flex;border:1px solid var(--color-base-300);border-radius:6px;overflow:hidden}.vp[data-astro-cid-dj3meopb]{display:inline-grid;place-items:center;padding:4px 9px;border:0;background:var(--color-base-100);color:color-mix(in oklab,var(--color-base-content) 70%,white);cursor:pointer}.vp[data-astro-cid-dj3meopb].active{background:var(--color-primary);color:var(--color-primary-content)}.example[data-astro-cid-dj3meopb].show-code .vp-toggle[data-astro-cid-dj3meopb]{display:none}.tone-select[data-astro-cid-dj3meopb]{font-family:var(--font-body);font-size:12px;padding:4px 8px;border:1px solid var(--color-base-300);border-radius:6px;background:var(--color-base-100);color:color-mix(in oklab,var(--color-base-content) 70%,white);cursor:pointer}.tone-select[data-astro-cid-dj3meopb]:hover{border-color:var(--chrome-accent);color:var(--chrome-accent)}.tone-select[data-astro-cid-dj3meopb] option[data-astro-cid-dj3meopb]{background:var(--color-base-100);color:var(--color-base-content)}.example[data-astro-cid-dj3meopb].show-code .tone-select[data-astro-cid-dj3meopb],.example[data-astro-cid-dj3meopb] .code-wrap[data-astro-cid-dj3meopb],.example[data-astro-cid-dj3meopb].show-code .preview[data-astro-cid-dj3meopb]{display:none}.example[data-astro-cid-dj3meopb].show-code .code-wrap[data-astro-cid-dj3meopb]{display:block}.code-wrap[data-astro-cid-dj3meopb] pre.astro-code{margin:0;padding:20px 24px;font-size:13px;line-height:1.6;overflow-x:auto}.props-example[data-astro-cid-dj3meopb]{margin-top:28px}.pe-head[data-astro-cid-dj3meopb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pe-head[data-astro-cid-dj3meopb] .props-title[data-astro-cid-dj3meopb]{margin:0}.code-standalone[data-astro-cid-dj3meopb]{border:1px solid var(--color-base-300);border-radius:12px;overflow:hidden}.missing[data-astro-cid-dj3meopb]{padding:40px;font-family:var(--font-body);color:var(--color-error)}.props[data-astro-cid-dj3meopb]{margin-top:40px}.props-title[data-astro-cid-dj3meopb]{text-transform:uppercase;color:color-mix(in oklab,var(--color-base-content) 65%,white);margin:0 0 14px}table[data-astro-cid-dj3meopb]{width:100%;border-collapse:collapse;background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:12px;overflow:hidden;font-family:var(--font-body);font-size:14px}th[data-astro-cid-dj3meopb],td[data-astro-cid-dj3meopb]{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-base-200);vertical-align:top}th[data-astro-cid-dj3meopb]{background:var(--color-base-200);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in oklab,var(--color-base-content) 65%,white)}tr[data-astro-cid-dj3meopb]:last-child td[data-astro-cid-dj3meopb]{border-bottom:none}code[data-astro-cid-dj3meopb]{font-size:13px}code[data-astro-cid-dj3meopb].t{color:var(--chrome-accent)}