.fontpreview-container{--fp-bg: var(--color-krn-white);--fp-fg: var(--color-krn-black);background-color:var(--fp-bg);border-radius:.25rem;margin:1rem 0}.fontpreview-container.in-view{opacity:1}.fontpreview-container:not(.in-view){opacity:.6}.fontpreview-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-krn-grey-light)}.fontpreview-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.fontpreview-controls-top{display:flex;gap:1rem;flex-wrap:wrap;width:100%}.fontpreview-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--color-krn-black)}.fontpreview-size-row,.fontpreview-lineheight-row{flex:1 1 auto;min-width:150px}.fontpreview-size-slider,.fontpreview-lineheight-slider{width:100%;flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.fontpreview-size-slider::-webkit-slider-runnable-track,.fontpreview-lineheight-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--color-krn-black);border-radius:1px}.fontpreview-size-slider::-moz-range-track,.fontpreview-lineheight-slider::-moz-range-track{width:100%;height:1px;background:var(--color-krn-black);border-radius:1px}.fontpreview-size-slider::-webkit-slider-thumb,.fontpreview-lineheight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-krn-black);border-radius:50%;margin-top:-10px;border:none}.fontpreview-size-slider::-moz-range-thumb,.fontpreview-lineheight-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-krn-black);border-radius:50%;border:none}@media(max-width:639px){.fontpreview-size-slider::-webkit-slider-thumb,.fontpreview-lineheight-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px}.fontpreview-size-slider::-moz-range-thumb,.fontpreview-lineheight-slider::-moz-range-thumb{width:20px;height:20px}.fontpreview-size-slider::-webkit-slider-runnable-track,.fontpreview-lineheight-slider::-webkit-slider-runnable-track{height:1px}.fontpreview-size-slider::-moz-range-track,.fontpreview-lineheight-slider::-moz-range-track{height:3px}}.fontpreview-size-value,.fontpreview-lineheight-value{min-width:40px;font-variant-numeric:tabular-nums}.fontpreview-instance-row{flex:0 0 auto}.fontpreview-instance-select{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--color-krn-grey-light);border-radius:.25rem;background:var(--color-krn-white);cursor:pointer;width:100%}.fontpreview-instance-select:focus{outline:none;border-color:var(--color-tortilla-red)}.fontpreview-axes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.fontpreview-axes.single-axis{grid-template-columns:1fr}@media(max-width:639px){.fontpreview-axes{grid-template-columns:1fr}}.fontpreview-features{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;width:100%}.fontpreview-axis-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;background:var(--color-krn-off-white);padding:.5rem;border-radius:.25rem;min-height:32px}.fontpreview-axis-play-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--color-krn-grey-dark);flex-shrink:0;padding:0;line-height:1}.fontpreview-axis-label .fontpreview-axis-slider,.fontpreview-axis-label .fontpreview-axis-slider::-webkit-slider-thumb,.fontpreview-axis-label .fontpreview-axis-slider::-moz-range-thumb{pointer-events:auto}.fontpreview-axis-play-btn:hover{color:var(--color-krn-black)}.fontpreview-axis-label.playing{background:var(--color-krn-green)}.fontpreview-axis-label .fontpreview-axis-value{font-weight:400;min-width:30px}@media(max-width:639px){.fontpreview-axis-label{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:.5rem;min-height:52px;gap:.25rem}.fontpreview-axis-play-btn{grid-column:1;grid-row:1;width:22px;height:22px;font-size:1rem;margin-bottom:12px}.fontpreview-axis-label>span:not(.fontpreview-axis-value):not(.fontpreview-axis-play-btn){grid-column:2;grid-row:1;font-size:1rem;min-width:24px;align-self:start;margin-bottom:12px}.fontpreview-axis-value{grid-column:3;grid-row:1;font-size:1rem;min-width:28px;align-self:start;text-align:right}.fontpreview-axis-slider{grid-column:1 / -1;grid-row:2;width:100%}}.fontpreview-axis-slider{width:100%;flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.fontpreview-axis-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--color-krn-black);border-radius:1px}.fontpreview-axis-slider::-moz-range-track{width:100%;height:2px;background:var(--color-krn-black);border-radius:1px}.fontpreview-axis-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-krn-black);border-radius:50%;margin-top:-10px;border:none}.fontpreview-axis-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-krn-black);border-radius:50%;border:none}@media(max-width:639px){.fontpreview-axis-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px}.fontpreview-axis-slider::-moz-range-thumb{width:20px;height:20px}.fontpreview-axis-slider::-webkit-slider-runnable-track{height:1px}.fontpreview-axis-slider::-moz-range-track{height:1px}.fontpreview-axis-label{padding-bottom:1em}}.fontpreview-axis-value{min-width:30px;font-variant-numeric:tabular-nums;text-align:right}.fontpreview-feature-label{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:1rem;background:#fa7676;padding:.2rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;color:#fff;font-weight:600;border:none;min-height:32px}.fontpreview-feature-label:hover{opacity:.9}.fontpreview-feature-checkbox{display:none}.fontpreview-feature-label input:checked+span,.fontpreview-feature-checkbox:checked~span{visibility:visible}.fontpreview-feature-label:has(.fontpreview-feature-checkbox:checked){background:#16a34a}.fontpreview-textarea-wrapper{width:100%}.fontpreview-text{width:100%;font-size:var(--fp-size, 2.5rem);font-family:var(--fp-font-family, sans-serif);font-variation-settings:var(--fp-variation-settings, normal);font-feature-settings:var(--fp-feature-settings, normal);background:transparent;color:var(--fp-fg);border:none;resize:none;outline:none;line-height:var(--fp-line-height, 1.3);field-sizing:content;min-height:1.3em;padding-left:.05em}@media(min-width:640px){.fontpreview-text{font-size:var(--fp-size, 3.5rem)}}@media(min-width:1024px){.fontpreview-text{font-size:var(--fp-size, 4.5rem)}}.fontpreview-text:focus{outline:none}.fontpreview-text::placeholder{color:var(--fp-fg);opacity:.4}.fontpreview-single-line .fontpreview-text{white-space:nowrap;overflow:visible;width:100%}.fontpreview-single-line .fontpreview-size-row,.fontpreview-single-line .fontpreview-lineheight-row{display:none}@media(max-width:639px){.fontpreview-single-line .fontpreview-text{font-size:clamp(1.5rem,12vw,var(--fp-size, 2.5rem))}}@media(min-width:640px)and (max-width:1023px){.fontpreview-single-line .fontpreview-text{font-size:clamp(2rem,10vw,var(--fp-size, 3.5rem))}}.fontgrid-container{--fp-cols: 8;--fp-mobile-cols: 4;--fp-glyph-size: 28px;--fp-cell-size: 40px;--fp-bg: var(--color-krn-white);--fp-fg: var(--color-krn-black);--fp-variation-settings: normal;background-color:var(--fp-bg);border-radius:.25rem;margin:1rem 0}.fontgrid-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-krn-grey-light);flex-wrap:wrap}.fontgrid-filters{display:flex;gap:.5rem;flex-wrap:wrap}.fontgrid-filters select{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--color-krn-grey-light);border-radius:.25rem;background:var(--color-krn-white);cursor:pointer;text-transform:capitalize}.fontgrid-filters select:focus{outline:none;border-color:var(--color-tortilla-red)}.fontgrid-axes-container{flex:1;min-width:200px}.fontgrid-axes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.fontgrid-axes.single-axis{grid-template-columns:1fr}.fontgrid-axis-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;background:var(--color-krn-off-white);padding:.5rem;border-radius:.25rem;min-height:32px;cursor:default;pointer-events:none}.fontgrid-axis-play-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-krn-grey-dark);flex-shrink:0;padding:0;line-height:1;pointer-events:auto}.fontgrid-axis-play-btn:hover{color:var(--color-krn-black)}.fontgrid-axis-label.playing{background:var(--color-krn-green)}.fontgrid-axis-value{min-width:30px;font-variant-numeric:tabular-nums;text-align:right}.fontgrid-axis-slider{width:100%;flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;pointer-events:auto}.fontgrid-axis-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--color-krn-black);border-radius:1px}.fontgrid-axis-slider::-moz-range-track{width:100%;height:2px;background:var(--color-krn-black);border-radius:1px}.fontgrid-axis-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-krn-black);border-radius:50%;margin-top:-8px;border:none}.fontgrid-axis-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-krn-black);border-radius:50%;border:none}.fontgrid-metrics-label,.fontgrid-metrics-label input[type=checkbox]{display:none}.fontgrid-wrapper{display:grid;grid-template-columns:180px 1fr;gap:1rem}.fontgrid-preview-panel{position:sticky;top:1rem;align-self:start;height:fit-content;max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;background:var(--color-krn-off-white);border-radius:.25rem;z-index:10}.fontgrid-preview-glyph{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--fp-bg);font-size:90px;font-family:var(--fp-font-family, sans-serif);font-variation-settings:var(--fp-variation-settings);align-self:center}.fontgrid-preview-char{position:relative;z-index:1}.fontgrid-preview-details{display:flex;flex-direction:column;gap:.15rem;text-align:center}.fontgrid-preview-unicode{font-size:.75rem;color:var(--color-krn-grey-dark);font-family:monospace}.fontgrid-preview-name{font-weight:600;font-size:.9rem}.fontgrid-preview-metrics-viz,.fontgrid-metrics-svg{display:none!important}.fontgrid-grid-panel{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding-bottom:2rem}.fontgrid{display:grid;grid-template-columns:repeat(var(--fp-cols),1fr);gap:0}.fontgrid-category-header{grid-column:1 / -1;background:var(--color-krn-off-white);padding:.5rem .75rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-krn-black);border-bottom:1px solid var(--color-krn-grey-light)}.fontgrid-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--fp-bg);cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease;font-size:var(--fp-glyph-size);font-family:var(--fp-font-family, sans-serif);font-variation-settings:var(--fp-variation-settings);position:relative;min-height:40px;border:1px solid var(--color-krn-grey-light);box-sizing:border-box}.fontgrid-cell:hover{background:var(--color-tortilla-red);color:var(--color-krn-white);transform:scale(1.1);z-index:1;box-shadow:0 2px 8px #0003}.fontgrid-cell.selected{background:var(--color-tortilla-red);color:var(--color-krn-white);transform:scale(1.05);box-shadow:0 2px 6px #00000040}.fontgrid-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--color-krn-grey-dark);padding-top:.5rem;border-top:1px solid var(--color-krn-grey-light)}.fontgrid-category-label{font-weight:500}@media(max-width:639px){.fontgrid-wrapper{display:flex;flex-direction:column}.fontgrid-preview-panel{position:sticky;top:var(--nav-offset, 48px);max-height:none;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:.75rem;border-radius:0;border-left:none;border-right:none;border-top:none;width:100%}.fontgrid-preview-panel:before{content:"";position:absolute;inset:0;z-index:-1}.fontgrid-preview-glyph{width:120px;height:120px;font-size:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--fp-bg)}.fontgrid-preview-details{text-align:left;flex:1;min-width:80px}.fontgrid-preview-metrics-viz{width:60px;height:60px;flex-shrink:0}.fontgrid-metrics-svg{width:100%;height:100%}.fontgrid-controls{flex-direction:column;align-items:stretch}.fontgrid-filters{justify-content:flex-start}.fontgrid-metrics-label{margin-left:0}.fontgrid{grid-template-columns:repeat(var(--fp-mobile-cols),1fr)}.fontgrid-category-header{font-size:.95rem;padding:.5rem .75rem}.fontgrid-cell{min-height:32px;font-size:calc(var(--fp-glyph-size) * .75)}.fontgrid-footer{font-size:.65rem}}.fontDescription[data-astro-cid-ndofkxic]{font-size:1.25rem;margin-bottom:2rem;line-height:1.6}.fontCTA[data-astro-cid-ndofkxic]{margin:2rem 0;padding:1rem;background-color:#f2f0f0}.specimenCredits[data-astro-cid-ndofkxic]{margin-top:3rem;padding-top:1rem;border-top:1px solid #d0d1d0}.specimenCredits[data-astro-cid-ndofkxic] h3[data-astro-cid-ndofkxic]{margin-bottom:.5rem}.specimenCredits[data-astro-cid-ndofkxic] p[data-astro-cid-ndofkxic]{margin:.25rem 0}