@font-face{font-family:arealSpecimen;src:url(../media/areal-s.p.3o3jkrk0wa0ic.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:arealSpecimen Fallback;src:local(Arial);ascent-override:87.13%;descent-override:20.84%;line-gap-override:0.0%;size-adjust:100.76%}.arealspecimen_71879148-module__O-aoZa__className{font-family:arealSpecimen,arealSpecimen Fallback}.arealspecimen_71879148-module__O-aoZa__variable{--font-areal-specimen:"arealSpecimen", "arealSpecimen Fallback"}
.font-page{line-height:1.45}.font-credit-link{align-items:center;gap:.5rem;min-height:48px;display:inline-flex}.font-samples{border-block:1px solid var(--border)}.font-sample{grid-template-columns:6rem minmax(0,1fr);align-items:baseline;gap:1.5rem;padding-block:1.5rem;display:grid}.font-sample+.font-sample{border-top:1px solid var(--border)}.font-sample-label{justify-content:space-between;gap:.5rem;display:flex}.font-sample-weight{font-variant-numeric:tabular-nums}.font-character-grid{border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.font-character-grid>span{border-block-end:1px solid var(--border);border-inline-end:1px solid var(--border);place-items:center;min-height:56px;transition:background-color .25s;display:grid}.font-character-grid>span:hover{background:var(--accent);font-weight:700}.font-playground{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.font-playground-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.font-stage{border-block:1px solid var(--border)}.font-editor{border-radius:var(--radius-md);width:100%;height:240px;color:var(--foreground);caret-color:var(--foreground);font-family:var(--font-areal-specimen), sans-serif;font-size:var(--specimen-size);letter-spacing:-.025em;text-align:center;resize:vertical;overflow-wrap:anywhere;background:0 0;border:0;padding:3rem .5rem;line-height:1.2;display:block}.font-editor::placeholder{color:var(--muted-foreground);opacity:1}.font-reset{border-radius:var(--radius-md);cursor:pointer;min-height:48px;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:14px;display:inline-flex}.font-editor:focus-visible,.font-reset:focus-visible{outline:1px solid var(--ring);outline-offset:2px}.font-editor:focus-visible{outline-offset:-2px}.font-credits>div{border-top:1px solid var(--border);grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1.5rem;padding-block:1rem;display:grid}@media (max-width:30rem){.font-sample{grid-template-columns:1fr;gap:.5rem}.font-sample-label{justify-content:flex-start}.font-character-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.font-credits>div{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){.font-character-grid>span{transition:none}}.font-pad-control{margin-block:1.5rem}.font-pad{min-width:0;height:208px;color:var(--foreground);border:1px solid var(--border);background:var(--background);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;padding:0;position:relative}.font-pad-guide{background:var(--border);pointer-events:none;position:absolute}.font-pad-guide-x{height:1px;top:50%;left:24px;right:24px}.font-pad-guide-y{width:1px;top:24px;bottom:24px;left:50%}.font-pad-origin{background:var(--muted-foreground);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.font-pad-label{color:var(--muted-foreground);background:var(--background);pointer-events:none;padding:.5rem;font-size:14px;transition:color .25s;position:absolute}.font-pad-label[data-active]{color:var(--foreground);font-weight:700}.font-pad-label-left{top:calc(50% - 56px);left:16px}.font-pad-label-right{top:calc(50% - 56px);right:16px}.font-pad-label-top{max-width:calc(50% - 40px);top:16px;left:calc(50% + 32px)}.font-pad-label-bottom{max-width:calc(50% - 40px);bottom:16px;left:calc(50% + 32px)}.font-pad-handle{left:calc(50% + var(--pad-x) * (50% - 24px));top:calc(50% + var(--pad-y) * (50% - 24px));border:1px solid var(--muted-foreground);background:var(--background);touch-action:none;cursor:grab;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;transform:translate(-50%,-50%)}.font-pad[data-dragging] .font-pad-handle{cursor:grabbing}.font-pad-handle-dot{background:var(--foreground);width:8px;height:8px;transition:transform .25s var(--expo-out);border-radius:50%}.font-pad-handle:hover .font-pad-handle-dot,.font-pad[data-dragging] .font-pad-handle-dot{transform:scale(1.25)}.font-pad-handle:focus-visible{outline:1px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.font-pad-label,.font-pad-handle-dot{transition:none}}.font-pad-sparks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.font-pad-value{font-variant-numeric:tabular-nums;font-weight:400}