header[data-v-0c3c1574]{width:100%;height:3.5rem;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-bottom:1px solid #ddd;padding:0 3rem;z-index:30}@media(max-width:40rem){header[data-v-0c3c1574]{padding:0 1.5rem}}.app.dark header[data-v-0c3c1574]{background:#000;border-color:#0e0e10}h1[data-v-0c3c1574]{font-weight:500;font-size:16px;text-align:center;margin:0}.context-button svg[data-v-0c3c1574]{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.context-button svg.expanded[data-v-0c3c1574]{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.app.dark .menu-button svg path[data-v-0c3c1574]{fill:#fff}.sidebar[data-v-710f1270]{height:100%;width:20rem;background:#fff;position:fixed;top:0;right:0;z-index:50;padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app.dark .sidebar[data-v-710f1270]{background:#000}@media screen and (max-width:40rem){.sidebar[data-v-710f1270]{width:75vw;padding:1rem}}header[data-v-710f1270]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}nav[data-v-710f1270]{margin-top:1.5rem}.close-button[data-v-710f1270]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.75rem;border-radius:100%;-webkit-transition:all .25s;transition:all .25s}.close-button[data-v-710f1270]:hover{background:#f8f8f8}.close-button[data-v-710f1270]:active{background:#f0f0f0;-webkit-transform:scale(.9);transform:scale(.9)}.app.dark .close-button svg path[data-v-710f1270]{fill:#fff}.ui-button[data-v-710f1270]{width:.875rem;height:.875rem;border:1px solid #000;border-radius:.5rem;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow .25s,-webkit-transform .25s;transition:-webkit-box-shadow .25s,-webkit-transform .25s;transition:box-shadow .25s,transform .25s;transition:box-shadow .25s,transform .25s,-webkit-box-shadow .25s,-webkit-transform .25s}.ui-button.ui-button--light[data-v-710f1270]{background:#fff;margin-right:.5rem}.ui-button.ui-button--dark[data-v-710f1270]{background:#000}.app.dark .ui-button[data-v-710f1270]{border-color:#fff}.ui-button[data-v-710f1270]:hover{-webkit-box-shadow:0 0 0 .375rem rgba(0,0,0,.05);box-shadow:0 0 0 .375rem rgba(0,0,0,.05)}.app.dark .ui-button[data-v-710f1270]:hover{-webkit-box-shadow:0 0 0 .375rem hsla(0,0%,100%,.1);box-shadow:0 0 0 .375rem hsla(0,0%,100%,.1)}.ui-button[data-v-710f1270]:active{-webkit-box-shadow:0 0 0 .375rem rgba(0,0,0,.1);box-shadow:0 0 0 .375rem rgba(0,0,0,.1);-webkit-transform:scale(.9);transform:scale(.9)}.app.dark .ui-button[data-v-710f1270]:active{-webkit-box-shadow:0 0 0 .375rem hsla(0,0%,100%,.2);box-shadow:0 0 0 .375rem hsla(0,0%,100%,.2)}.link[data-v-710f1270]{display:block;font-size:.875rem;border-radius:.5rem;width:100%;padding:1rem;margin:.5rem 0;color:#8c8c8c}.app.dark .link[data-v-710f1270]{color:#646464}.link.router-link-exact-active[data-v-710f1270],.link.router-link-exact-active[data-v-710f1270]:hover{background:#f0f0f0;color:#000}.app.dark .link.router-link-exact-active[data-v-710f1270]{color:#fff;background:#0f0f0f}.link[data-v-710f1270]:hover{background:#f8f8f8}.app.dark .link[data-v-710f1270]:hover{background:#070707}footer[data-v-710f1270]{padding:1rem;font-size:.75rem;color:#8c8c8c}.app{height:100%;background:#fff;color:#000}.app.dark{background:#000;color:#fff}.overlay{width:100vw;height:100vh;position:fixed;z-index:40;background:rgba(0,0,0,.25)}.overlay.overlay--context{z-index:10}.app.dark .overlay{background:hsla(0,0%,58.8%,.05)}.sidebar-enter-active,.sidebar-leave-active{-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);transition:all .5s cubic-bezier(.645,.045,.355,1)}.sidebar-enter,.sidebar-leave-to{-webkit-transform:translateX(20rem);transform:translateX(20rem)}@media screen and (max-width:40rem){.sidebar-enter,.sidebar-leave-to{-webkit-transform:translateX(75vw);transform:translateX(75vw)}}.fade-enter-active,.fade-leave-active{-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);transition:all .5s cubic-bezier(.645,.045,.355,1)}.fade-enter,.fade-leave-to{opacity:0}.context-slot[data-v-de89497e]{position:fixed;top:3.5rem;left:0;padding:1rem 3rem;z-index:20}@media(max-width:40rem){.context-slot[data-v-de89497e]{padding:1.5rem;width:100%;background:#fff}.app.dark .context-slot[data-v-de89497e]{background:#000}}label[data-v-8985198c]{font-size:.875rem;opacity:.45;cursor:pointer;-webkit-transition:opacity .25s;transition:opacity .25s}.app.dark label[data-v-8985198c]{color:#fff}input[data-v-8985198c]{display:none}input:checked+label[data-v-8985198c]{opacity:1}.option[data-v-8985198c]{margin-bottom:.25rem}.weight[data-v-8985198c]{margin-top:1rem}.font-preview{font-size:6.875vw;white-space:nowrap;overflow:hidden;background:inherit;outline:none;border:none;padding:0;-webkit-appearance:none;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}@media(max-width:40rem){.font-preview{font-size:10.5vw}}.app.dark .font-preview{color:#fff}.font-preview::-webkit-input-placeholder{color:#e0e0e0;font-family:neue-haas-grotesk-text}.font-preview::-moz-placeholder{color:#e0e0e0;font-family:neue-haas-grotesk-text}.font-preview:-ms-input-placeholder{color:#e0e0e0;font-family:neue-haas-grotesk-text}.font-preview::-ms-input-placeholder{color:#e0e0e0;font-family:neue-haas-grotesk-text}.font-preview::placeholder{color:#e0e0e0;font-family:neue-haas-grotesk-text}.app.dark .font-preview::-webkit-input-placeholder{color:#1c1c1e}.app.dark .font-preview::-moz-placeholder{color:#1c1c1e}.app.dark .font-preview:-ms-input-placeholder{color:#1c1c1e}.app.dark .font-preview::-ms-input-placeholder{color:#1c1c1e}.app.dark .font-preview::placeholder{color:#1c1c1e}.font-preview.empty{width:55vw;text-align:left}@media(max-width:40rem){.font-preview.empty{width:84.25vw}}.font-preview.has-input{width:100%;text-align:center;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}.font-controls[data-v-df67a43a]{position:absolute;bottom:5vh;width:24rem;max-width:80%}.card[data-v-df67a43a]{width:100%;padding:1.5rem 1.25rem 1.5rem 2rem;border-radius:.5rem;-webkit-box-shadow:0 .25rem 1rem rgba(0,0,0,.1);box-shadow:0 .25rem 1rem rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app.dark .card[data-v-df67a43a]{-webkit-box-shadow:none;box-shadow:none;background:#0e0e10}span[data-v-df67a43a]{display:block}.font-family[data-v-df67a43a]{font-weight:500}.font-weight[data-v-df67a43a]{color:#8c8c8c;font-size:.875rem;text-transform:capitalize}.get-font[data-v-df67a43a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.75rem;border-radius:100%;-webkit-transition:all .25s;transition:all .25s}.get-font[data-v-df67a43a]:hover{background:#f8f8f8}.get-font[data-v-df67a43a]:active{background:#f0f0f0;-webkit-transform:scale(.9);transform:scale(.9)}.new-font[data-v-df67a43a]{width:100%;background:#f0f0f0;color:rgba(0,0,0,.6);border-radius:.5rem;padding:.75rem 0;margin-top:1.5rem;font-size:.875rem;-webkit-transition:all .25s;transition:all .25s}.new-font[data-v-df67a43a]:hover{background:#f4f4f4}.new-font[data-v-df67a43a]:active{background:#ececec;-webkit-transform:scale(.975);transform:scale(.975)}.app.dark .new-font[data-v-df67a43a]{background:#1c1c1e;color:#fff}.discover[data-v-0d348ca2]{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.context-enter-active[data-v-0d348ca2],.context-leave-active[data-v-0d348ca2]{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.context-enter[data-v-0d348ca2],.context-leave-to[data-v-0d348ca2]{-webkit-transform:translateY(-16rem);transform:translateY(-16rem)}.controls-enter-active[data-v-0d348ca2],.controls-leave-active[data-v-0d348ca2]{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.controls-enter[data-v-0d348ca2],.controls-leave-to[data-v-0d348ca2]{-webkit-transform:translateY(calc(10rem + 5vh));transform:translateY(calc(10rem + 5vh));opacity:0}li[data-v-3e24bda1]{margin-bottom:.5rem}div[data-v-3e24bda1]{height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ddd;-webkit-transition:all .25s;transition:all .25s}a:hover div[data-v-3e24bda1]{border-bottom-color:#000}.family[data-v-3e24bda1]{font-size:.875rem}.foundry[data-v-3e24bda1]{font-size:.75rem;color:#8c8c8c;-webkit-transition:all .25s;transition:all .25s}a:hover .foundry[data-v-3e24bda1]{color:#000}section[data-v-624e3599]{max-width:45rem;padding:0 1.5rem;margin:0 auto 4rem auto;background:#fff}h3[data-v-624e3599]{font-size:1.25rem;font-weight:500;margin-top:0;margin-bottom:1.5rem}ul[data-v-624e3599]{list-style:none;padding:0;margin:0}.directory[data-v-8609a370]{position:relative;top:3.5rem;padding:6rem 0}.section-link[data-v-8609a370]{display:block;font-size:.875rem;margin-bottom:.5rem;color:#8c8c8c}.section-link.active[data-v-8609a370]{color:#000}.context-enter-active[data-v-8609a370],.context-leave-active[data-v-8609a370]{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.context-enter[data-v-8609a370],.context-leave-to[data-v-8609a370]{-webkit-transform:translateY(-16rem);transform:translateY(-16rem)}html{font-size:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{margin:0;font-family:neue-haas-grotesk-text,sans-serif;height:100%}a{text-decoration:none}a,button{color:inherit;cursor:pointer}button{background-color:transparent;border:none;outline:none;padding:0}