.demo[data-astro-cid-mhqbrnvk]{min-width:0}.pick[data-astro-cid-mhqbrnvk]{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.pick[data-astro-cid-mhqbrnvk]>.mono[data-astro-cid-mhqbrnvk]{margin-right:6px;font-size:10px}.chip[data-astro-cid-mhqbrnvk]{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-strong);color:inherit;cursor:pointer;background:0 0;padding:7px 10px;font-size:10px;transition:border-color .18s}.chip[data-astro-cid-mhqbrnvk]:hover{border-color:currentColor}.chip[data-astro-cid-mhqbrnvk][aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.duo[data-astro-cid-mhqbrnvk]{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width>=960px){.duo[data-astro-cid-mhqbrnvk]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}}.browser[data-astro-cid-mhqbrnvk]{background:#fff;border:1px solid #0003;min-width:0;box-shadow:8px 8px #0000001f}.chrome[data-astro-cid-mhqbrnvk]{color:#4a4740;background:#eeece8;border-bottom:1px solid #0000001f;align-items:center;gap:6px;padding:9px 12px;display:flex}.chrome[data-astro-cid-mhqbrnvk] i[data-astro-cid-mhqbrnvk]{background:#c9c5bd;border-radius:50%;width:9px;height:9px}.chrome[data-astro-cid-mhqbrnvk] .mono[data-astro-cid-mhqbrnvk]{letter-spacing:.08em;text-transform:none;margin-left:8px;font-size:10px}.site[data-astro-cid-mhqbrnvk]{color:#1e1b16;font-family:var(--font-sans);cursor:crosshair;background:#f6f1e7;padding:18px 20px 22px;font-weight:400;position:relative}.s-head[data-astro-cid-mhqbrnvk]{justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px;display:flex}.s-brand[data-astro-cid-mhqbrnvk]{letter-spacing:-.01em;font-size:15px;font-weight:600}.s-badge[data-astro-cid-mhqbrnvk]{font-family:var(--font-mono);letter-spacing:.04em;color:#a39a8c;white-space:nowrap;background:#ede5d6;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:400}.s-hero[data-astro-cid-mhqbrnvk]{flex-direction:column;align-items:flex-start;margin-bottom:24px;display:flex}.s-title[data-astro-cid-mhqbrnvk]{font-family:var(--font-serif);letter-spacing:-.01em;max-width:16ch;margin:0 0 12px;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.12;display:block}.s-lead[data-astro-cid-mhqbrnvk]{color:#6b6358;max-width:38ch;margin:0 0 20px;font-size:15px;font-weight:300;line-height:1.55;display:block}.s-btn[data-astro-cid-mhqbrnvk]{color:#fff;background:#b45309;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1;display:inline-block}.s-card[data-astro-cid-mhqbrnvk]{background:#fff;border:1px solid #e3d9c8;border-radius:12px;align-items:center;gap:14px;max-width:340px;padding:12px;display:flex;box-shadow:0 6px 18px #1e1b1614}.s-img[data-astro-cid-mhqbrnvk]{background:linear-gradient(135deg,#7c2d12,#b45309);border-radius:8px;flex:none;width:52px;height:52px}.s-txt[data-astro-cid-mhqbrnvk]{flex-direction:column;gap:4px;min-width:0;display:flex}.s-name[data-astro-cid-mhqbrnvk]{font-size:13px;font-weight:500}.s-price[data-astro-cid-mhqbrnvk]{font-family:var(--font-serif);color:#7c2d12;font-size:18px;font-style:italic;font-weight:400}.ov[data-astro-cid-mhqbrnvk]{pointer-events:none;position:absolute;inset:0}.ov[data-astro-cid-mhqbrnvk][hidden]{display:none}.ov[data-astro-cid-mhqbrnvk] i[data-astro-cid-mhqbrnvk]{box-sizing:border-box;display:block;position:absolute}.ov-m[data-astro-cid-mhqbrnvk]{border-style:solid;border-color:#dc262638}.ov-p[data-astro-cid-mhqbrnvk]{border-style:solid;border-color:#16a34a38}.ov-c[data-astro-cid-mhqbrnvk]{background:#2563eb14;outline:1.5px dashed #dc2626}[data-astro-cid-mhqbrnvk][data-demo=fonts] .ov-c[data-astro-cid-mhqbrnvk],[data-astro-cid-mhqbrnvk][data-demo=colors] .ov-c[data-astro-cid-mhqbrnvk]{background:0 0}.ov-dim[data-astro-cid-mhqbrnvk]{font-family:var(--font-mono);letter-spacing:.06em;color:#fff;white-space:nowrap;background:#dc2626;padding:2px 5px;font-size:9px;position:absolute}.ov-d[data-astro-cid-mhqbrnvk]{border-left:1.5px solid #dc2626;width:0}.ov-d[data-astro-cid-mhqbrnvk]:before,.ov-d[data-astro-cid-mhqbrnvk]:after{content:"";border-top:1.5px solid #dc2626;width:7px;position:absolute;left:-4px}.ov-d[data-astro-cid-mhqbrnvk]:before{top:0}.ov-d[data-astro-cid-mhqbrnvk]:after{bottom:0}.ov-d[data-astro-cid-mhqbrnvk] span[data-astro-cid-mhqbrnvk]{font-family:var(--font-mono);letter-spacing:.06em;color:#fff;white-space:nowrap;background:#dc2626;padding:1px 4px;font-size:9px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.xp[data-astro-cid-mhqbrnvk]{background:var(--dark);color:var(--dark-fg);border:1px solid #ffffff29;min-width:0}.xp-head[data-astro-cid-mhqbrnvk]{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.xp-head[data-astro-cid-mhqbrnvk] .mono[data-astro-cid-mhqbrnvk]{letter-spacing:.12em;font-size:10px}.xp-head[data-astro-cid-mhqbrnvk] .sel[data-astro-cid-mhqbrnvk]{color:#fca5a5;text-transform:none;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rows[data-astro-cid-mhqbrnvk]{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.rows[data-astro-cid-mhqbrnvk] div[data-astro-cid-mhqbrnvk]{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:38px;padding:9px 16px;display:flex}.rows[data-astro-cid-mhqbrnvk] div[data-astro-cid-mhqbrnvk]:nth-child(odd){border-right:1px solid #ffffff14}.rows[data-astro-cid-mhqbrnvk] dt[data-astro-cid-mhqbrnvk]{letter-spacing:.1em;color:#fafaf99e;flex:none;font-size:10px}.rows[data-astro-cid-mhqbrnvk] dd[data-astro-cid-mhqbrnvk]{white-space:nowrap;text-overflow:ellipsis;text-align:right;margin:0;font-size:13px;overflow:hidden}.xtra[data-astro-cid-mhqbrnvk]{padding:12px 16px 14px}.xk[data-astro-cid-mhqbrnvk]{letter-spacing:.1em;color:#fafaf99e;margin:0 0 8px;font-size:10px}.xv[data-astro-cid-mhqbrnvk]{min-height:52px;font-size:13px}.copy[data-astro-cid-mhqbrnvk]{align-items:center;gap:10px;margin:0;padding:0 16px 14px;display:flex}.cp[data-astro-cid-mhqbrnvk]{color:#86efac;cursor:pointer;background:0 0;padding:6px 9px}.cp[data-astro-cid-mhqbrnvk]:hover{opacity:1}.cap[data-astro-cid-mhqbrnvk]{margin:12px 0 0;font-size:9.5px}.demo[data-astro-cid-mhqbrnvk] .sw{vertical-align:-1px;border:1px solid #ffffff59;width:12px;height:12px;margin-right:6px;display:inline-block}.demo[data-astro-cid-mhqbrnvk] .ok{color:#86efac}.demo[data-astro-cid-mhqbrnvk] .ko{color:#fca5a5}.demo[data-astro-cid-mhqbrnvk] .pal{flex-wrap:wrap;gap:6px 14px;display:flex}.demo[data-astro-cid-mhqbrnvk] .pal span{font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-size:11px}.demo[data-astro-cid-mhqbrnvk] .fam{justify-content:space-between;gap:10px;padding:3px 0;display:flex}.demo[data-astro-cid-mhqbrnvk] .fam b{font-weight:500}.demo[data-astro-cid-mhqbrnvk] .fam span{color:#fafaf99e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=480px){.rows[data-astro-cid-mhqbrnvk]{grid-template-columns:minmax(0,1fr)}.rows[data-astro-cid-mhqbrnvk] div[data-astro-cid-mhqbrnvk]:nth-child(odd){border-right:0}.site[data-astro-cid-mhqbrnvk]{padding:14px 14px 18px}.s-head[data-astro-cid-mhqbrnvk]{margin-bottom:20px}}