.filedrop[data-v-f2f86603]{position:relative;z-index:10;height:100%;width:100%;display:flex;justify-content:center;align-items:center;transition:background .15s}.working .filedrop[data-v-f2f86603]{pointer-events:none}.background[data-v-f2f86603]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:contain;background-position:center;background-repeat:no-repeat;animation:weeee-f2f86603 20s linear infinite reverse}.working .background[data-v-f2f86603]{animation-duration:1s;animation-direction:normal}.upload[data-v-f2f86603]{position:relative;width:50vmin;height:50vmin;max-width:500px;max-height:500px;transition:transform .15s;cursor:pointer}.upload[data-v-f2f86603]:after{content:"";background:url(../img/logo.mehno3HR.svg);position:absolute;top:-16%;left:-16%;width:132%;height:132%;animation:weeee-f2f86603 var(--duration, 38s) linear infinite var(--direction, normal)}.working .upload[data-v-f2f86603]:after{--duration: 1s;--direction: reverse}.upload input[data-v-f2f86603]{position:absolute;width:0;height:0;opacity:0}.info[data-v-f2f86603]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:5rem;color:#000}.working .info[data-v-f2f86603]{opacity:.25}.info>strong[data-v-f2f86603]{font-size:1.5em}.info button[data-v-f2f86603]{margin-top:1.5rem;position:relative;z-index:1}.dragging .filedrop[data-v-f2f86603]{position:fixed;background:#000000bf;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px)}.dragging .upload[data-v-f2f86603]{transform:scale(1.1)}.errormessage[data-v-f2f86603]{pointer-events:none;margin-top:1.25rem;color:var(--red);opacity:0;text-align:center;position:relative;z-index:1}.errormessage strong[data-v-f2f86603]{display:block;margin-bottom:.25em}.errormessage.show[data-v-f2f86603]{pointer-events:auto;opacity:1}@keyframes weeee-f2f86603{to{transform:rotate(-1turn)}}.fondue[data-v-6c7bf963]{position:relative;height:100vh}.fondue picture[data-v-6c7bf963]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fondue picture img[data-v-6c7bf963]{width:100%;height:100%;object-fit:cover}.logo[data-v-6c7bf963]{position:absolute;left:1.5vw;top:1.5vw;width:12.5vw;max-width:10rem;z-index:10}.info[data-v-6c7bf963]{position:absolute;z-index:20;right:1.5vw;top:1.25vw;display:grid;place-items:center;width:3rem;height:3rem;border:0;outline:0;cursor:pointer;animation:woooo-6c7bf963 2s linear infinite alternate both}.info svg[data-v-6c7bf963]{width:2rem;height:2rem;fill:var(--red)}@keyframes woooo-6c7bf963{0%{rotate:-10deg}to{rotate:10deg}}.summary h1[data-v-fd212b08]{font-family:var(--font-stack);text-align:center;overflow:hidden;text-overflow:ellipsis;padding:2rem 0;margin:4rem 0 0;font-size:4rem}.oneliner[data-v-fd212b08]{text-align:center}.details[data-v-fd212b08]{display:grid;grid-template-columns:auto 1fr;gap:var(--small-margin)}.details dt[data-v-fd212b08]{font-weight:700}.features ul[data-v-fd212b08]{display:flex;flex-wrap:wrap}.features li[data-v-fd212b08]{margin-top:var(--small-margin)}.features a[data-v-fd212b08]{text-decoration:none}.example-font-shoutout[data-v-fd212b08]{font-size:1.25rem;margin-top:2rem;padding:2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 20'%3E%3Cpath fill='%23dfd6b3' d='M99.72 2.89c-.1-.86-.25-1.82-.9-2.34-.5-.41-1.18-.45-1.81-.47-4.2-.12-8.95.44-13.16.44C57.56.56 32.52.08 6.28.08 4.4.07 1.28-.29.42.62c-.45.48-.44 1.25-.4 1.92.27 4.33-.13 9.25.14 13.58.04.57.02 1.78.08 2.34.1.89.36 1.46 1.19 1.48 12.39.27 25.42-.32 37.81-.05 6.44.14 14.11-.34 20.86-.25 12.48.17 23.14.3 37.03.3.71 0 1.47-.22 1.93-.8.39-.49.45-1.17.49-1.81.31-5.15.74-9.32.17-14.44z'/%3E%3C/svg%3E");background-size:100% 100%;text-align:center}.example-font-shoutout a[data-v-fd212b08]{color:var(--red)}.copy-button[data-v-e374ed6c]{position:absolute;top:0;right:0}.copy-button button[data-v-e374ed6c]{padding:var(--small-margin);font-family:sans-serif;border:0;background:none;position:absolute;top:0;right:0;font-size:1.5rem}.copy-button textarea[data-v-e374ed6c]{pointer-events:none;width:10px;opacity:0}.success[data-v-e374ed6c]{pointer-events:none;position:absolute;top:0;right:0;font-size:1.5rem;padding:var(--small-margin);animation:thumbs-up-e374ed6c .7s ease-out forwards}@keyframes thumbs-up-e374ed6c{0%{transform:translateY(0) scale(.5)}0%,70%{opacity:1}to{opacity:0;transform:translateY(-3rem) scale(1.5)}}.variable-controls div+div[data-v-24c3fb3f]{margin-top:2rem}.axes-sliders[data-v-24c3fb3f]{display:grid;align-items:center;grid-template-columns:auto 2.5em 1fr 2.5em auto auto;gap:var(--small-margin) 1rem}.axis-slider-container[data-v-24c3fb3f]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center}.axis-slider-container label[data-v-24c3fb3f]{cursor:pointer}.opentype-label[data-v-24c3fb3f]{margin-left:var(--small-margin)}.disabled .axis-min[data-v-24c3fb3f],.disabled .axis-max[data-v-24c3fb3f],.disabled .axis-current[data-v-24c3fb3f],.disabled .axis-name[data-v-24c3fb3f]{color:var(--unlighterer-grey)}.disabled .opentype-label[data-v-24c3fb3f]{opacity:.5}.auto-opsz[data-v-24c3fb3f]{display:inline-block;margin-bottom:1rem}.axis-name[data-v-24c3fb3f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-min[data-v-24c3fb3f]{text-align:right}.axis-slider[data-v-24c3fb3f]{vertical-align:middle;padding:0 .5rem 0 .25rem}.axis-slider input[data-v-24c3fb3f]{width:100%}.axis-current[data-v-24c3fb3f]{font-size:inherit;border-width:1px;border-radius:.2em;background:none;font-weight:700;width:3em}.button.hide[data-v-24c3fb3f]{opacity:0;pointer-events:none}.named-instances>div[data-v-24c3fb3f]{display:flex;align-items:center}.named-instances .flip-state[data-v-24c3fb3f]{margin-left:auto}.instances-list ul[data-v-24c3fb3f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));grid-gap:var(--small-margin)}.instance-button[data-v-24c3fb3f]{padding:.25rem .5rem;border-radius:.2rem;margin:0;border:0;background:none;cursor:pointer;width:100%;height:100%;background:var(--yellow);color:#000;transition:background .4s}.instance-button.active[data-v-24c3fb3f]{background:var(--green);color:#fff;transition:background 0s}.instance-button .container[data-v-24c3fb3f]{display:flex;align-items:center;text-align:left}.instances-list .sample[data-v-24c3fb3f]{flex:none;font-family:var(--font-stack);font-size:2.5em;margin-right:.5rem;min-width:1.5em}.large-samples li+li[data-v-24c3fb3f]{margin-top:2rem}.large-sample[data-v-24c3fb3f]{font-family:var(--font-stack);font-size:var(--preview-font-size, 2rem);background:var(--light-grey);margin-top:var(--small-margin);padding:1rem}.instances-dropdown-label[data-v-24c3fb3f]{margin-right:.5em}.code[data-v-24c3fb3f]{position:relative}.feature-controls[data-v-6fb7b14c]{margin:2rem 0}.feature-controls.long ul[data-v-6fb7b14c]{columns:3}@media screen and (max-width: 920px){.feature-controls.long ul[data-v-6fb7b14c]{columns:2}}@media screen and (max-width: 620px){.feature-controls.long ul[data-v-6fb7b14c]{columns:1}}.feature-controls.long li[data-v-6fb7b14c]{list-style:initial;color:transparent}.feature-controls .label[data-v-6fb7b14c]{margin-bottom:var(--small-margin);display:grid;grid-template-columns:6rem 1fr;cursor:pointer;color:#000}.feature-description[data-v-6fb7b14c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;margin-left:var(--small-margin)}.feature-name[data-v-6fb7b14c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alternate-select[data-v-6fb7b14c]{min-width:3em;margin-left:var(--small-margin)}.text-controls[data-v-8b9297d7]{margin:2rem 0;display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between}.text-controls label[data-v-8b9297d7],.language-select[data-v-8b9297d7],.alignment-buttons[data-v-8b9297d7]{display:flex;align-items:center}.alignment-buttons .button[data-v-8b9297d7]{border-radius:0;min-width:0}.button.left[data-v-8b9297d7],.button.center[data-v-8b9297d7],.button.right[data-v-8b9297d7],.button.justify[data-v-8b9297d7]{display:grid;place-items:center;padding:.325rem;min-width:1.75rem}.alignment-buttons svg[data-v-8b9297d7]{width:.85rem;height:.85rem;fill:currentColor}.language-select span[data-v-8b9297d7],.alignment-buttons span[data-v-8b9297d7]{margin-right:.5em}.alignment-buttons .button[data-v-8b9297d7]:first-of-type{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.alignment-buttons .button[data-v-8b9297d7]:last-of-type{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.tester-container[data-v-aede8872]{position:relative}.tester[data-v-aede8872]{position:relative;font-family:var(--font-stack);font-size:calc(var(--font-multiplier) * var(--preview-font-size, 2rem));padding:1rem;background:var(--light-grey);color:#000}.palette[data-v-85c2eeaf]{display:flex;flex-wrap:wrap}.palette li[data-v-85c2eeaf]{min-width:7rem;padding:2.5rem 0 1rem;text-align:center}.label[data-v-85c2eeaf]{flex:none;font-size:.75rem;text-transform:uppercase;background:var(--unlighter-grey);color:#000;padding:0 .5em;border-radius:.2em}.variable-tester-container[data-v-91c799b7]{position:relative}.variable-tester[data-v-91c799b7]{position:relative;font-family:var(--font-stack);font-size:calc(var(--font-multiplier) * var(--preview-font-size, 2rem));padding:1rem;background:var(--light-grey);color:#000}.features p[data-v-5dd232c5]{margin:1rem 0}.features .content+.content[data-v-5dd232c5]{margin-top:4rem}.required-features li[data-v-5dd232c5]{margin-bottom:var(--small-margin)}.feature-demo+.feature-demo[data-v-5dd232c5]{margin-top:2rem}.state[data-v-5dd232c5]{margin-left:auto;margin-right:.5em;color:var(--yellow)}.state.on[data-v-5dd232c5]{color:var(--green)}.flip-state [disabled]+span[data-v-5dd232c5]{color:var(--unlighterer-grey)}.required-features li[data-v-5dd232c5],.feature-control[data-v-5dd232c5]{display:flex;align-items:center}.chars[data-v-5dd232c5]{display:block;position:relative;font-family:var(--font-stack);font-size:var(--preview-font-size, 2rem);background:var(--light-grey);padding:.5rem;margin-top:var(--small-margin)}.feature-message[data-v-5dd232c5]{font-feature-settings:normal!important;font-family:var(--system-font-stack);font-style:italic;color:var(--unlighterer-grey);background:var(--light-grey);padding:.5rem;margin-top:var(--small-margin);overflow:hidden}.code[data-v-5dd232c5]{position:relative}.char-bar[data-v-4837ab11]{background:var(--light-grey);padding:1em;margin-bottom:var(--small-margin);display:flex;align-items:center}.char-bar span[data-v-4837ab11]{margin-right:auto}.char-bar label[data-v-4837ab11]{margin-left:1rem}.grid[data-v-4837ab11]{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--preview-font-size, 2rem) * 2),1fr));grid-gap:var(--small-margin)}.code[data-v-4837ab11],.feature[data-v-4837ab11]{display:flex;flex-direction:column;align-items:center;padding:.75rem 0 .25rem}.code[data-v-4837ab11]{background:var(--light-grey)}.feature[data-v-4837ab11]{background:var(--unlight-grey);display:none}.show-features .feature[data-v-4837ab11]{display:flex}.char[data-v-4837ab11]{font-family:var(--font-stack);font-size:var(--preview-font-size, 2rem);flex:auto}.label[data-v-4837ab11]{flex:none;font-size:.75rem;margin-top:.5rem}.code .label[data-v-4837ab11]{text-transform:uppercase;color:var(--unlighterer-grey)}.feature .label[data-v-4837ab11]{background:var(--unlighter-grey);color:var(--light-grey);padding:0 .5em;border-radius:.2em}.char-sliders[data-v-4837ab11]{background:var(--light-grey);border-bottom:var(--small-margin) solid white;padding:1em;margin-bottom:var(--small-margin);position:sticky;top:var(--nav-height)}.css-output[data-v-0d2f0b12]{position:relative}.css-output p[data-v-0d2f0b12]{margin-bottom:1rem}.css-output a[data-v-0d2f0b12]{color:var(--red)}.css-button-container[data-v-0d2f0b12]{background:#fff;position:sticky;top:var(--nav-height);margin-top:2rem;margin-bottom:1rem;z-index:1}.css-button-container header[data-v-0d2f0b12]{grid-column:1 / -1;display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:1em}@media screen and (max-width: 900px){.css-button-container[data-v-0d2f0b12]{grid-template-columns:1fr}}.css-button-container h3[data-v-0d2f0b12]{margin:0}.css-button-container h3 button[data-v-0d2f0b12]{all:unset;cursor:pointer}.download-css[data-v-0d2f0b12]{justify-self:end;min-width:0;padding:.5em 1em;font-size:1.5rem}.css-options[data-v-0d2f0b12]{margin-top:1em;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.css-options[data-v-0d2f0b12]>*{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.4em}.css-namespace[data-v-0d2f0b12]{grid-template-columns:auto auto 1fr}.code[data-v-0d2f0b12]{position:relative}footer[data-v-96c9d910]{background:#000;color:#dfd6b3;display:flex;justify-content:center;align-items:center;flex-direction:column;height:16rem;margin-top:8rem}footer img[data-v-96c9d910]{width:16rem;margin-bottom:2rem}footer a[data-v-96c9d910]{text-decoration:none;color:inherit}.font-size-slider[data-v-4bcf37de]{display:flex;align-items:center;gap:var(--small-margin);font-size:1rem;background:var(--offwhite);padding:.75em 1em;height:100%}.font-size-slider input[data-v-4bcf37de]{width:180px}.font-size-value[data-v-4bcf37de]{min-width:5ch;text-align:right}.font-report-navigation-container[data-v-35b9b3b7]{position:sticky;top:0;z-index:1;background:var(--yellow)}.font-report-navigation[data-v-35b9b3b7]{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 auto;max-width:var(--max-content-width);padding:0 1em;min-height:var(--nav-height)}nav[data-v-35b9b3b7]{display:flex;flex-wrap:wrap;gap:0 1em}nav a[data-v-35b9b3b7]{text-decoration:none}.new[data-v-35b9b3b7]{color:var(--green)}.css[data-v-35b9b3b7]{color:var(--red)}body:not(:has(#color)) [href="#color"][data-v-35b9b3b7],body:not(:has(#variable)) [href="#variable"][data-v-35b9b3b7],body:not(:has(#features)) [href="#features"][data-v-35b9b3b7]{display:none}@media screen and (max-width: 820px){.font-report-navigation[data-v-35b9b3b7]{--nav-height: auto;padding:.25rem 0;grid-template-columns:1fr;gap:.25rem 0;place-items:center}nav[data-v-35b9b3b7]{justify-content:center}}.modal[data-v-a6cb6877]{background:var(--green);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;overflow:auto;z-index:30}.modal-content[data-v-a6cb6877]{max-width:36rem;margin:auto;padding:1rem;color:#fff}.modal-title[data-v-a6cb6877]{font-size:4rem;margin:0 0 .75rem;line-height:1;text-align:center}.modal-content p[data-v-a6cb6877]{margin-bottom:1.5rem;line-height:1.45}.modal-content a[data-v-a6cb6877]{color:inherit}.modal-content .version[data-v-a6cb6877]{opacity:.5;text-align:center}.modal-content hr[data-v-a6cb6877]{opacity:.25;border:1px dashed white;margin:1.5rem -1.5rem}.logo-link[data-v-a6cb6877]{margin:0 auto 3rem;display:block;width:12rem;height:5.5rem;background:#fff;-webkit-mask-image:url(../img/pixelambacht.COskbzXs.svg);mask-image:url(../img/pixelambacht.COskbzXs.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.info[data-v-a6cb6877]{position:fixed;z-index:100;right:1.5vw;top:1.25vw;display:grid;place-items:center;width:3rem;height:3rem;border:0;outline:0;cursor:pointer}.info svg[data-v-a6cb6877]{width:1.5rem;height:1.5rem;fill:var(--red)}.ps[data-v-a6cb6877]{font-size:.8em;text-wrap:balance;text-align:center}:root{--yellow: #d8b33d;--green: #5f8e5d;--red: #cd4e49;--offwhite: #dfd6b3;--dark-grey: #444;--medium-grey: #888;--unlighterer-grey: #aaa;--unlighter-grey: #bbb;--unlight-grey: #ddd;--light-grey: #eee;--small-margin: 4px;--font-stack: wakamai-fondue, notdef;--system-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;--max-content-width: 68rem;--nav-height: 4rem;--font-multiplier: 1.5}@font-face{font-family:notdef;src:url(../AND-Regular.woff2)}html{box-sizing:border-box;min-height:320px;min-width:320px;font-family:var(--system-font-stack);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem)}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}table{font-family:inherit;border-collapse:collapse;border-spacing:0}select,button{font-family:inherit;font-size:inherit}a{color:inherit}h2{font-size:2rem;padding:2.5rem 0;margin:8rem 0 4rem;background:var(--green);color:#fff;text-align:center}h3{color:var(--red);font-weight:700;font-size:1.25rem;margin:2rem 0 1rem}.content{margin-left:auto;margin-right:auto;max-width:var(--max-content-width);padding:0 1rem}.opentype-label{font-family:monospace;border-radius:99999px;display:inline-flex;align-items:center;height:1.5rem;padding:0 .75rem;margin-right:var(--small-margin);background:var(--offwhite)}.button{padding:.25rem 1rem;border-radius:.2rem;margin:0;font-size:.85rem;background:var(--unlight-grey);cursor:pointer;min-width:6em;-webkit-user-select:none;user-select:none;color:#000;border:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}.button:hover{box-shadow:inset 0 0 999px #00000026}.button[disabled]{background:var(--unlighterer-grey)}.button.active{background:var(--medium-grey);color:#fff}.button.active:hover{box-shadow:inset 0 0 999px #0006}.button.on{background:var(--green);color:#fff}.button.off{background:var(--red);color:#fff}.circle-background{background-color:transparent;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3e%3cpath fill='%23dfd6b3' d='M421.7 799.7c-91.3 0-180.8-26.1-257.2-76.2-32.9-21.6-63-46.7-87.3-77.8-22.9-29.4-40.9-62.6-53.9-97.5C10.2 512.9 2.1 475.6.3 438c-2-40.6 5.4-80.9 12.5-120.8 4-22.3 9.2-44.4 17.3-65.6 8.1-21.2 19-41.5 31.2-60.6 10.7-16.7 22.6-32.5 34.5-48.4 12.5-16.8 24.3-33.7 39.9-47.8 27.7-25.1 61.5-42.2 95.8-56.3 19.6-8 38.6-18 58.5-25.3 21.4-7.9 43.7-9.2 66.3-10.8C376.5 1 396.7.2 416.9.3c20.9.1 43.3-.9 63.7 3.8 43.4 10 87.1 21.1 126.4 42.7C676.6 85.2 728.4 150.4 759 223c16.4 38.9 27.1 80 33.4 121.6 6.6 43.4 9.9 88.3 5.3 132.1-7.9 75.3-47.3 145.8-97.8 201-13.8 15.1-28.6 29.2-44.2 42.3-15.5 13.1-31.6 26.5-49.8 35.6-18.6 9.3-38.6 15.5-58.5 21.5-21.9 6.6-43.6 14.6-66.3 18.3-19.5 3.4-39.5 4.3-59.4 4.3z'/%3e%3c/svg%3e")}@media screen and (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}