:root{--padding:1rem;--gap:1rem;--gap:5px;--header-height:30px;--white:#fff;--black:#000;--bg:#000;--fg:#fff;--almost-black:#202020;--blend-mode:"multiply";--accent:#ecff72;--bg:#fff;--fg:#000;--grey:#f4f4f4;--accent-fade:color-mix(in srgb,var(--accent),transparent 80%);--border:1px solid #000;--radius:5px;--smooth-shadow:0 0.5px 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05),0 4px 8px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05),0 16px 32px rgba(0,0,0,.05)}@supports (color:color-mix(in oklch,#000,#fff)){:root{--accent-fade:color-mix(in srgb,var(--accent),var(--bg) 80%)}}@media only screen and (min-width:45rem){:root{--padding:1rem}}@media only screen and (min-width:85rem){:root{--padding:2rem}}@media(prefers-color-scheme:dark){:root{--white:#000;--black:#fff}}body,html{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Smuss UI,Helvetica,sans-serif;color:var(--fg);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:8rem;scroll-padding-top:calc(var(--header-height) + var(--padding)*2)}*{box-sizing:border-box}a{color:inherit}div,h2,h3,h4,li,p{font-weight:inherit;color:inherit}p{font-size:1rem;line-height:1.2em}@media only screen and (min-width:85rem){p{font-size:1rem}}h1{font-size:3rem;font-weight:inherit;margin-top:0}strong{font-weight:700}em{font-style:italic}a::selection,br::selection,div::selection,em::selection,footer::selection,h1::selection,h2::selection,h3::selection,h4::selection,img::selection,input::selection,label::selection,li::selection,p::selection,span::selection,sup::selection{background:var(--accent);color:#000;opacity:1}ul{margin:0;list-style-type:none;padding:0}.home-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;text-decoration:none}.home-button:focus-visible{outline:1px solid var(--fg)}:focus-visible{outline:1px solid var(--accent);outline:1px solid var(--fg)}.dog-img{width:100%}.dog-img img{width:100%;height:auto;display:block;border-radius:var(--radius);mix-blend-mode:var(--blend-mode)}.shake-animation{animation:shake .3s}.text-block-center{display:block;text-align:center;max-width:1200px;margin:0 auto}@media only screen and (min-width:45rem){.text-block-center{padding:0 2rem}}.ellipsis-animation{padding-right:1em}.ellipsis-animation:after{content:"";position:absolute;animation:dots 1s steps(3) infinite}.text-image img{max-width:100%;height:auto;border-radius:var(--radius);mix-blend-mode:multiply;mix-blend-mode:var(--blend-mode)}.text-image-center{width:auto;display:flex;justify-content:center;margin:0 auto 1rem}.text-image-center img{max-width:80%;height:auto;mix-blend-mode:multiply;mix-blend-mode:var(--blend-mode)}@media only screen and (min-width:45rem){.text-image-center img{max-width:50%;max-width:400px;height:auto}}@keyframes shake{0%{translate:5px}25%{translate:-5px}55%{translate:3px}80%{translate:-2px}to{translate:0}}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.home{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding)*2);transition:padding .2s}@media only screen and (min-width:45rem){.home .description{max-width:75%;width:calc(100% - 8rem)}.home .description p:last-child{margin-bottom:1.5rem}}@media only screen and (min-width:65rem){.home .description{max-width:50%}}.home p{margin-top:0}.font-family{padding:var(--padding);padding-top:3rem;padding-top:calc(var(--header-height) + var(--padding) + var(--gap));transition:padding .2s}.font-family h2{font-size:2rem;margin-bottom:1em}.font-family .back-button{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}@media only screen and (min-width:45rem){.font-family .back-button{transition:background-color .2s}.font-family .back-button:hover{background:#e2e2e2}.font-family .font-intro{grid-gap:1rem;gap:1rem;display:grid;grid-template-columns:.5fr .5fr}}@media only screen and (min-width:85rem){.font-family .font-intro{grid-template-columns:.5fr .5fr}}.font-family .font-intro h4{font-size:.8rem;margin-bottom:0;margin-top:-.3em}.font-family .font-intro h4 span{opacity:.5}.font-family .font-intro ul{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:2rem;margin-bottom:2rem}@media only screen and (min-width:45rem){.font-family .font-intro ul{margin-top:0;margin-bottom:1.5rem;padding-left:2rem}}@media only screen and (min-width:85rem){.font-family .font-intro ul{padding-left:0;grid-column:2/auto}}.font-family .font-intro ul li{font-size:.8rem}.font-family .font-intro ul li span{margin-right:.5em}.font-family .font-intro ul li a{text-decoration:none;transition:opacity .15s}.font-family .font-intro ul li a:hover{opacity:.5}@media only screen and (min-width:45rem){.font-family .description p:first-child{margin-top:0}.font-family .description p:last-child{margin-bottom:1.5rem}.font-family .mini-menu{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}}@media only screen and (min-width:85rem){.font-family .mini-menu{grid-template-columns:1fr 1fr 1fr}}.font-family .mini-menu a{text-decoration:none}@keyframes Flash{0%{background-position:150% 0}to{background-position:-50% 0}}.font-family .mini-menu button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--accent);width:100%;text-align:center;font-size:2rem;padding:.5rem .75rem}.font-family .buy-button a button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--accent);text-decoration:none;text-align:center}.font-family .bottom-cta{gap:var(--gap);margin-top:10rem;gap:1rem;border-top:1px dotted var(--fg);padding-top:3rem}@media only screen and (min-width:45rem){.font-family .bottom-cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}.font-family .bottom-cta .buy-link{grid-column:span 6;grid-area:1/7/2/13;margin-bottom:3rem}.font-family .bottom-cta .buy-link a button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--accent);text-decoration:none;text-align:center;font-size:5.5vw;width:100%;padding:2vw 0}@media only screen and (min-width:45rem){.font-family .bottom-cta .buy-link a button{border-radius:20px}}.font-family .bottom-cta .fonts-links{grid-column:span 6;grid-area:1/1/2/7}.font-family .bottom-cta .fonts-links h3{margin-top:0;font-size:1rem;line-height:1.2em}@media only screen and (min-width:85rem){.font-family .bottom-cta .fonts-links h3{font-size:1rem}}.font-family .bottom-cta .fonts-links ul{display:flex;flex-direction:column}.font-family .bottom-cta .fonts-links ul li{margin-bottom:var(--gap);width:auto;display:inline-block;margin-right:auto;display:flex;gap:var(--gap);flex-wrap:wrap}.font-family .bottom-cta .fonts-links ul li a{text-decoration:none;align-items:center;width:auto}.font-family .bottom-cta .fonts-links ul li a:focus-visible{border-radius:var(--radius)}.font-family .bottom-cta .fonts-links ul li .tag{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.font-family .password-input-container{display:flex;gap:1rem;margin-bottom:2rem;max-width:500px}.font-family .password-input-container input{padding-top:.25rem;border-radius:0;font-family:inherit;border:0;width:100%;border-bottom:1px dotted var(--fg);font-size:1rem;background:transparent}.font-family .password-input-container input:focus{outline:0;background:#fdffe5;background:var(--accent-fade)}.font-family .password-input-container button{all:unset;margin-top:.25rem;background:var(--fg);color:var(--bg);padding:.25rem 1rem;border-radius:.5rem;cursor:pointer}.error-page{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding)*2);transition:padding .2s}.error-page .forbidden{margin-top:10%}.error-page .forbidden h1{line-height:1em;font-size:12vw}@media only screen and (min-width:45rem){.error-page .forbidden h1{max-width:80%;font-size:8vw}}.error-page .img-404{width:100%;max-width:600px;display:block;margin:.5rem auto}.buy-font{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding) + var(--gap));transition:padding .2s}.buy-font h2{margin-bottom:3rem;font-size:2rem}.buy-font .back-button{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer}@media only screen and (min-width:45rem){.buy-font .back-button{transition:background-color .2s}.buy-font .back-button:hover{background:#e2e2e2}}.buy-font .buy{gap:var(--gap);gap:1rem;row-gap:6rem}@media only screen and (min-width:45rem){.buy-font .buy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}.buy-font .buy>div{grid-column:span 6}.buy-font .column{grid-column:auto/span 6}.buy-font .info-box{background:var(--grey);margin-bottom:auto;background:transparent;padding-top:.5rem;padding-left:2rem;position:relative;position:-webkit-sticky;position:sticky;top:var(--header-height)}@media only screen and (min-width:45rem){.buy-font .info-box{border-top:1px dotted var(--fg)}}.buy-font .info-box h3{margin-top:1rem;margin-bottom:.25rem;opacity:.5}.buy-font .info-box h3:first-child{margin-top:0}.buy-font .info-box p{margin:0;font-size:.8rem}.buy-font .info-box:before{content:"ℹ️";font-size:.8rem;position:absolute;top:-1.27rem;top:1rem;top:.5rem;left:1rem;left:.5rem;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.buy-font h3{font-size:.8rem;margin-top:3rem;margin-bottom:.5em}.buy-font .disabled{opacity:.3;pointer-events:none}.buy-font .step{display:flex;gap:var(--gap);margin-bottom:2rem}.buy-font .step .step-number{background:var(--fg);color:var(--bg);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.buy-font .step .step-number,.buy-font .step .step-title{font-size:.8rem;line-height:1.2em;padding:.15rem .5rem;border-radius:var(--radius)}.buy-font .step .step-title{background:var(--grey);color:#000}.buy-font .license-selector{position:relative;padding-top:.75rem;border-top:1px dotted var(--fg)}.buy-font .license-selector h3{margin-top:0}@media only screen and (min-width:45rem){.buy-font .license-selector{margin-bottom:auto}}.buy-font .license-selector.step-2 .step-title{background:var(--accent);color:#000}.buy-font .license-selector.step-2 .step-title:after{content:" ✅"}.buy-font .license-selector .license-wrapper .tier-dog{width:100%;padding:1rem 4rem}.buy-font .license-selector .license-wrapper .tier-dog img{width:100%;border-radius:var(--radius);mix-blend-mode:var(--blend-mode)}@media only screen and (min-width:65rem){.buy-font .license-selector .license-wrapper{display:flex;gap:1rem}.buy-font .license-selector .license-wrapper .tier-dog{display:block;width:200px;display:flex;align-items:center;justify-items:center;border-top:1px dotted var(--fg);padding:0;aspect-ratio:1.2}}.buy-font .styles-bundles{position:relative;padding-top:.75rem;border-top:1px dotted var(--fg);grid-column:span 12!important;margin-bottom:1rem;margin-top:2rem}.buy-font .styles-bundles .bundles-list>h3:first-child,.buy-font .styles-bundles .cuts-selector>h3:first-child{margin-top:1rem}@media only screen and (min-width:45rem){.buy-font .styles-bundles{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:auto;margin-top:0}}.buy-font .styles-bundles .step{grid-column:span 2;margin-bottom:0}.buy-font .styles-bundles.complete .step-title{background:var(--accent);color:#000}.buy-font .styles-bundles.complete .step-title:after{content:" ✅"}.buy-font .discount-coupons{position:relative;margin-top:3rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px dotted var(--fg)}@media only screen and (min-width:45rem){.buy-font .discount-coupons{margin-bottom:auto;margin-top:0}}.buy-font .discount-coupons div:first-child>h3:first-child{margin-top:1rem}.buy-font .discount-coupons .step-number{background:transparent;color:var(--fg);border:1px dotted var(--fg)}.buy-font .discount-coupons.complete .step-title{background:var(--accent);color:#000}.buy-font .discount-coupons.complete .step-title:after{content:" ✅"}.buy-font .review{position:relative;grid-column:span 6!important;margin-top:3rem;margin-bottom:1rem;background:var(--accent);background:var(--grey);padding:.75rem 1rem 1rem;color:#000;border-radius:var(--radius)}.buy-font .review h3:first-child{margin-top:1rem}@media only screen and (min-width:45rem){.buy-font .review{margin-top:0;margin-bottom:auto}}.buy-font .review .step .step-title{background:var(--bg);color:var(--fg)}.buy-font .review.complete .step-title{background:var(--accent);color:#000}.buy-font .review.complete .step-title:after{content:" ✅"}.buy-font .bundles,.buy-font .cuts,.buy-font .discounts,.buy-font .licenses{flex-grow:1}@media only screen and (min-width:45rem){.buy-font .bundles li:hover,.buy-font .cuts li:hover,.buy-font .discounts li:hover,.buy-font .licenses li:hover{background:#fdffe5;background:var(--accent-fade)}}.buy-font .bundles li,.buy-font .cuts li,.buy-font .discounts li,.buy-font .licenses li{display:flex;gap:.5em;border-bottom:1px dotted var(--fg);padding:.25rem 0 .25rem 2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.buy-font .bundles li:first-child,.buy-font .cuts li:first-child,.buy-font .discounts li:first-child,.buy-font .licenses li:first-child{border-top:1px dotted var(--fg)}.buy-font .bundles li:before,.buy-font .cuts li:before,.buy-font .discounts li:before,.buy-font .licenses li:before{content:"";width:.8rem;height:.8rem;border:1px solid var(--fg);position:absolute;border-radius:100px;left:5px;top:7.5px}.buy-font .bundles li.selected:before,.buy-font .cuts li.selected:before,.buy-font .discounts li.selected:before,.buy-font .licenses li.selected:before{background:var(--fg)}.buy-font .bundles li .pair-discount,.buy-font .cuts li .pair-discount,.buy-font .discounts li .pair-discount,.buy-font .licenses li .pair-discount{margin-right:1rem;line-height:1em;font-size:.75em;color:#e00}.buy-font .discounts li .discounts-description,.buy-font .licenses li .license-description{opacity:.4}.buy-font .bundles li,.buy-font .cuts li{justify-content:space-between}.buy-font .price-summary .total{display:flex;justify-content:space-between;margin-bottom:2rem;border-bottom:1px dotted var(--fg);border-top:1px dotted var(--fg);padding-bottom:.5rem;padding-top:.5rem}.buy-font .price-summary .discount{opacity:.5;padding:.25rem 0;margin-top:2rem;display:flex;justify-content:space-between;font-size:.8rem}.buy-font .empty-basket{margin:0;border-top:1px dotted var(--fg);padding-top:.5rem}.buy-font .basket-metas{border-bottom:1px dotted var(--fg);padding-bottom:.5rem;margin-top:.5rem}.buy-font .basket-metas .basket-license{border-top:1px dotted var(--fg);padding-top:.5rem}.buy-font .basket-metas .basket-discount,.buy-font .basket-metas .basket-license{display:flex;justify-content:space-between;font-size:.8rem}.buy-font .add-to-cart-items{border-top:1px dotted var(--fg);padding-top:.5rem}.buy-font .add-to-cart-items li{display:flex;justify-content:space-between;position:relative;padding-left:2rem}.buy-font .add-to-cart-items li:before{content:"";width:.8rem;height:.8rem;border:1px solid #000;position:absolute;border-radius:100px;left:5px;top:3px;background:#000}.buy-font .add-to-cart-items .bundle-cut{padding-left:1rem;opacity:.5}.buy-font .add-to-cart-container{margin-top:1rem}.buy-font .add-to-cart-container button{all:unset;box-sizing:border-box;background:var(--fg);color:var(--bg);background:var(--almost-black);color:#fff;text-align:center;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;width:100%}.buy-font .add-to-cart-container button:disabled{opacity:.5;cursor:default}.buy-font .old-price{color:red;text-decoration:line-through;text-decoration-thickness:.07em;margin-right:.5em;opacity:.8}.buy-font .coupon-input-container{display:flex;gap:1rem}.buy-font .coupon-input-container input{padding-top:.25rem;border-radius:0;font-family:inherit;border:0;width:100%;border-bottom:1px dotted var(--fg);font-size:1rem;background:transparent}.buy-font .coupon-input-container input:focus{outline:0;background:#fdffe5;background:var(--accent-fade)}.buy-font .coupon-input-container button{all:unset;margin-top:.25rem;background:var(--fg);color:var(--bg);padding:.25rem 1rem;border-radius:.5rem;cursor:pointer}.buy-font .coupon-label{display:flex;justify-content:space-between;background:#fdffe5;background:var(--accent);color:#000;padding:1rem;border-radius:var(--radius);margin-top:1rem}.buy-font .coupon-label p{margin:0}.buy-font .unvalid-coupon{background:#ff8f8f;padding:.5rem 1rem;color:#000;margin-top:1rem;border-radius:var(--radius);animation:shake .3s;width:auto;display:inline-block;margin-right:auto}.buy-font .checkout-cta{grid-column:span 12;margin-top:2rem}.buy-font .checkout-cta .grid-container{gap:var(--gap)}@media only screen and (min-width:45rem){.buy-font .checkout-cta .grid-container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}.buy-font .checkout-cta .button-container{grid-column:span 12}.buy-font .checkout-cta button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);border-radius:5px;cursor:pointer;width:100%;background:var(--accent);color:#000;font-size:6vw;padding:4vw;margin-top:2rem}.buy-font .checkout-cta button:focus-visible{outline:1px solid var(--fg)}@media only screen and (min-width:45rem){.buy-font .checkout-cta button{font-size:4vw;padding:2vw;border-radius:20px}}.buy-font .fonts-links{grid-column:span 6;margin-top:4rem}.buy-font .fonts-links h3{margin-top:0;margin-bottom:1em;font-size:1rem;line-height:1.2em}@media only screen and (min-width:85rem){.buy-font .fonts-links h3{font-size:1rem}}.buy-font .fonts-links ul{display:flex;flex-direction:column}.buy-font .fonts-links ul li{margin-bottom:var(--gap);width:auto;display:inline-block;margin-right:auto;display:flex;gap:var(--gap);flex-wrap:wrap}.buy-font .fonts-links ul li a{text-decoration:none;align-items:center;width:auto;flex-grow:0}.buy-font .fonts-links ul li a:focus-visible{border-radius:var(--radius)}.buy-font .fonts-links ul li .tag{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.result{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding)*2);transition:padding .2s;gap:var(--gap);gap:1rem}@media only screen and (min-width:45rem){.result{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}.result h2{margin-top:0;grid-column:span 12;margin-bottom:0}.result .column{grid-column:span 6}@media only screen and (min-width:65rem){.result .buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}}.result .download-fonts-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;width:100%}.result .download-fonts-button:focus-visible{outline:1px solid var(--fg)}.result .download-invoice-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;background:transparent;border:1px dotted var(--fg);color:var(--fg);width:100%;margin-top:1rem}.result .download-invoice-button:focus-visible{outline:1px solid var(--fg)}@media only screen and (min-width:65rem){.result .download-invoice-button{margin-top:0}}.result .order-items{margin-bottom:2rem}.result .order-items li{display:flex;gap:.5em;border-bottom:1px dotted var(--fg);padding:.25rem 0 .25rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.result .order-items li:first-child{border-top:1px dotted var(--fg)}.result .order-items li:before{content:"";width:.8rem;height:.8rem;border:1px solid var(--fg);background:var(--fg);position:absolute;border-radius:100px;left:5px;top:7.5px}.custom-type-page{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding) + var(--gap));transition:padding .2s}.custom-type-page h2,.custom-type-page h3{font-size:2rem}@media only screen and (min-width:45rem){.custom-type-page .custom-intro{grid-gap:1rem;gap:1rem;display:grid;grid-template-columns:.5fr .5fr}}@media only screen and (min-width:85rem){.custom-type-page .custom-intro{grid-template-columns:.5fr .5fr}}.custom-type-page .custom-intro h4{font-size:.8rem;margin-bottom:0;margin-top:-.3em;opacity:.5}.custom-type-page .custom-intro ul{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:2rem;margin-bottom:2rem}@media only screen and (min-width:45rem){.custom-type-page .custom-intro ul{margin-top:0;margin-bottom:1.5rem;padding-left:2rem}}@media only screen and (min-width:85rem){.custom-type-page .custom-intro ul{padding-left:0;grid-column:2/auto}}.custom-type-page .custom-intro ul li{font-size:.8rem}.custom-type-page .custom-intro ul li span{margin-right:.5em}.custom-type-page .custom-intro ul li a{text-decoration:none;transition:opacity .15s}.custom-type-page .custom-intro ul li a:hover{opacity:.5}@media only screen and (min-width:45rem){.custom-type-page .description p:first-child{margin-top:0}.custom-type-page .description p:last-child{margin-bottom:1.5rem}.custom-type-page .mini-menu{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}}@media only screen and (min-width:85rem){.custom-type-page .mini-menu{grid-template-columns:1fr 1fr 1fr}}.custom-type-page .mini-menu a{text-decoration:none}.custom-type-page .mini-menu button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;text-align:center;padding:.5rem .75rem}@media only screen and (min-width:45rem){.custom-type-page .mini-menu button{transition:background-color .2s}.custom-type-page .mini-menu button:hover{background:#e2e2e2}}.info-page{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding) + var(--gap));transition:padding .2s}.info-page h2,.info-page h3{font-size:2rem}.info-page .info-image{grid-column:span 12;margin-top:3rem}.info-page .info-image img{width:50%;display:block}.info-page .info-content{gap:var(--gap);gap:1rem}@media only screen and (min-width:45rem){.info-page .info-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}.info-page .info-content .info-column{grid-column:auto/span 6}@media only screen and (min-width:85rem){.info-page .info-content .info-column .info-text{max-width:75%}}.info-page .info-content .info-column .text-module-container{margin-top:0!important}.info-page .info-content .info-column .text-module-container p:first-child{margin-top:0}.info-page .updated-text{font-size:.8rem}.checkout{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding) + var(--gap));transition:padding .2s}.checkout h2{font-size:2rem}.checkout .tags{display:flex;gap:var(--gap);margin-bottom:1rem}.checkout .tags .tag{font-size:.8rem;line-height:1.2em;background:var(--fg);color:var(--bg);padding:.15rem .5rem;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-radius:var(--radius)}.checkout .client-info,.checkout .customer-info{padding-bottom:2rem}.checkout .client-info div:first-child,.checkout .customer-info div:first-child{border-top:1px dotted var(--fg)}.checkout .client-info .input-container,.checkout .customer-info .input-container{display:grid;grid-template-columns:150px 1fr;display:flex;border-bottom:1px dotted var(--fg)}.checkout .client-info .input-container:after,.checkout .customer-info .input-container:after{margin-top:.5rem}.checkout .client-info .input-container.invalid:after,.checkout .customer-info .input-container.invalid:after{content:"🚨"}.checkout .client-info .input-container.valid:after,.checkout .customer-info .input-container.valid:after{content:"✅"}.checkout .client-info .input-container label,.checkout .customer-info .input-container label{padding:.5rem .25rem;flex-shrink:0;width:160px}@media only screen and (min-width:45rem){.checkout .client-info .input-container label,.checkout .customer-info .input-container label{width:160px}}.checkout .client-info .input-container:focus-within,.checkout .customer-info .input-container:focus-within{outline:0;background:var(--accent-fade)}.checkout .client-info .input-container:focus-within input,.checkout .customer-info .input-container:focus-within input{background:var(--accent-fade);background:transparent}.checkout .client-info input[type=email],.checkout .customer-info input[type=email]{position:relative}.checkout .client-info input[type=email]:before,.checkout .customer-info input[type=email]:before{content:"Email";display:inline-block;position:absolute;top:0;left:0}.checkout .client-info input[type=email],.checkout .client-info input[type=text],.checkout .customer-info input[type=email],.checkout .customer-info input[type=text]{border:0;border-radius:0;font-family:inherit;font-size:1rem;line-height:1.2em;padding:.5rem .25rem;background:var(--bg);color:color-mix(in srgb,var(--fg),transparent 40%);color:var(--fg);width:100%}@media only screen and (min-width:85rem){.checkout .client-info input[type=email],.checkout .client-info input[type=text],.checkout .customer-info input[type=email],.checkout .customer-info input[type=text]{font-size:1rem}}.checkout .client-info input[type=email]:focus,.checkout .client-info input[type=text]:focus,.checkout .customer-info input[type=email]:focus,.checkout .customer-info input[type=text]:focus{outline:0}.checkout .client-info input[type=email]::placeholder,.checkout .client-info input[type=text]::placeholder,.checkout .customer-info input[type=email]::placeholder,.checkout .customer-info input[type=text]::placeholder{color:color-mix(in srgb,var(--fg),transparent 50%);opacity:0}.checkout .client-info input:-webkit-autofill,.checkout .client-info select:-webkit-autofill,.checkout .customer-info input:-webkit-autofill,.checkout .customer-info select:-webkit-autofill{-webkit-background-clip:text;color:var(--fg);-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important}.checkout .client-info input:-webkit-autofill:focus,.checkout .client-info select:-webkit-autofill:focus,.checkout .customer-info input:-webkit-autofill:focus,.checkout .customer-info select:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--accent-fade) inset!important}.checkout .client-info select,.checkout .customer-info select{font-family:inherit;font-weight:500;margin:0;border:0;border-radius:0;width:100%;font-size:1rem;line-height:1.2em;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:7px;background-position:calc(100% - 6px) 60%;background-repeat:no-repeat;padding:.5rem 1.35em .5rem .4em;color:var(--fg)}@media only screen and (min-width:85rem){.checkout .client-info select,.checkout .customer-info select{font-size:1rem}}.checkout .client-info select:focus,.checkout .customer-info select:focus{outline:0}.checkout .client-info .select-placeholder,.checkout .customer-info .select-placeholder{color:rgba(var(--fg),.5);color:color-mix(in srgb,var(--fg),transparent 50%)}.checkout .client-info{margin-top:1rem}.checkout .required-text{font-size:.8rem;margin-top:.5rem}.checkout .check-container{display:block;position:relative;padding:.5rem .5rem .5rem 3rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:1px dotted var(--fg);border-bottom:1px dotted var(--fg);border:1px dotted var(--fg);border-radius:var(--radius);margin-bottom:2rem}.checkout .check-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkout .checkmark{content:"";width:.8rem;height:.8rem;border:1px solid var(--fg);position:absolute;border-radius:100px;left:5px;left:16px;top:.75rem}.checkout .check-container input:checked~.checkmark{background-color:var(--fg)}.checkout .checkmark:after{content:"";position:absolute;display:none}.checkout .check-container input:checked~.checkmark:after{display:block}.checkout .coupon-input-wrapper{padding-top:2rem}.checkout .coupon-input-container{display:flex;gap:1rem;margin-bottom:2rem}.checkout .coupon-input-container input{padding-top:.25rem;border-radius:0;font-family:inherit;border:0;width:100%;border-bottom:1px dotted var(--fg);font-size:1rem;background:transparent}.checkout .coupon-input-container input:focus{outline:0;background:#fdffe5;background:var(--accent-fade)}.checkout .coupon-input-container button{all:unset;margin-top:.25rem;background:var(--fg);color:var(--bg);padding:.25rem 1rem;border-radius:.5rem;cursor:pointer}.checkout .coupon-label{display:flex;justify-content:space-between;background:#fdffe5;background:var(--accent);color:#000;padding:1rem;border-radius:var(--radius);margin-top:1rem;margin-bottom:1rem}@media only screen and (min-width:45rem){.checkout .coupon-label{margin-bottom:0}}.checkout .coupon-label p{margin:0}.checkout .unvalid-coupon{background:#ff8f8f;padding:.5rem 1rem;color:#000;margin-top:1rem;border-radius:var(--radius);animation:shake .3s;width:auto;display:inline-block;margin-right:auto}.checkout-columns{position:relative}@media only screen and (min-width:45rem){.checkout-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:2rem;gap:2rem}}.checkout-columns .payment-info{margin-top:2.22rem}.checkout-columns .payment-info .check-container{margin-bottom:.5rem}.checkout-columns .payment-info .privacy-eula{margin-top:0;margin-left:1rem;font-size:.8rem;margin-bottom:2rem}.checkout-columns .payment-info .privacy-eula:before{content:"↑ "}.checkout-columns .StripeElement{padding:.5rem .25rem}.checkout-columns .StripeElement:focus{background:#fdffe5}.checkout-columns .pay-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;box-sizing:border-box;text-align:center;border-radius:5px;width:100%;cursor:pointer}.checkout-columns .pay-button:focus-visible{outline:1px solid var(--fg)}.checkout-columns .pay-button:disabled{opacity:.5}.checkout-columns .price-summary{font-size:.8rem;line-height:1.2em;padding:.15rem .5rem .15rem 0;margin-top:2rem;margin-bottom:0;opacity:.5;display:flex;justify-content:space-between}.checkout-columns .payment-form{margin-top:.5rem}.checkout-columns .payment-form .card-field{display:flex;border-bottom:1px dotted #000;align-items:center}.checkout-columns .payment-form .card-field:focus-within{outline:0;background:var(--accent-fade)}.checkout-columns .payment-form .card-field:focus-within input{background:var(--accent-fade);background:transparent}.checkout-columns .payment-form .card-field:first-child{border-top:1px dotted #000}.checkout-columns .payment-form .card-field label{flex-shrink:0;display:inline-block;margin-right:.35em;width:120px}.checkout-columns .payment-form .card-field .card-input-wrapper{box-sizing:border-box;flex-shrink:0;flex-grow:1}.checkout-columns .payment-form button{all:unset;box-sizing:border-box;margin-top:2rem;background:var(--fg);color:var(--bg);padding:1rem;display:block;text-align:center;border-radius:5px;width:100%;cursor:pointer}.checkout-columns .payment-form button:disabled{opacity:.5}.checkout-columns .review{position:relative;background:var(--grey);padding:1rem;color:#000;border-radius:var(--radius)}.checkout-columns .review h3:first-child{margin-top:1rem}.checkout-columns .review .cart-list .cart-list-item{border-top:1px dotted #000;padding-top:.5rem;margin-bottom:.5rem}.checkout-columns .review .cart-list .cart-list-item .list-title-price{display:flex;justify-content:space-between}.checkout-columns .review .cart-list .cart-list-item .cart-item-title{margin-right:2rem}.checkout-columns .review .cart-list .cart-list-item .cart-item-description{font-size:.8rem;opacity:.5}.checkout-columns .review .cart-total-price{border-top:1px dotted #000;padding-top:2rem;margin-bottom:0}.checkout-columns .review .cart-total-price .promo-code,.checkout-columns .review .cart-total-price .sub-total{opacity:.5}.checkout-columns .review .cart-total-price p{font-size:.8rem;margin:0;display:flex;justify-content:space-between;padding:.12rem 0}.checkout-columns .review .cart-total-price p span{display:inline-block}.checkout-columns .review .cart-total-price .total-price{font-size:1rem;line-height:1.2em;padding:.5rem 0;margin-top:.5rem;border-bottom:1px dotted #000;border-top:1px dotted #000}@media only screen and (min-width:85rem){.checkout-columns .review .cart-total-price .total-price{font-size:1rem}}.checkout-columns .loading-payment{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}.trials{padding:var(--padding);padding-top:calc(var(--header-height) + var(--padding)*2);transition:padding .2s;gap:1rem}.trials h2{margin-top:0;grid-column:span 12;margin-bottom:1rem}.trials .column{grid-column:span 6}.trials .download-fonts-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;width:100%}.trials .download-fonts-button:focus-visible{outline:1px solid var(--fg)}.trials button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer}.trials button:focus-visible{outline:1px solid var(--fg)}.trials .order-items{margin-bottom:2rem}.trials .order-items li{display:flex;gap:.5em;border-bottom:1px dotted var(--fg);padding:.25rem 0 .25rem 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.trials .order-items li:first-child{border-top:1px dotted var(--fg)}.trials .order-items li:before{content:"";width:.8rem;height:.8rem;border:1px solid var(--fg);background:var(--fg);position:absolute;border-radius:100px;left:5px;top:7.5px}.typetester-container{margin:1rem 0;border-top:1px solid var(--fg);padding-top:1rem;padding-bottom:1rem}.typetester-container .typetester-input-container{font-size:3rem;margin:1rem 0;display:flex;align-items:center;justify-content:center}.typetester-container .typetester-input{line-height:1.1em;overflow:hidden;-webkit-hyphens:manual;hyphens:manual;margin:0 auto;max-width:100%}@media only screen and (min-width:45rem){.typetester-container .typetester-input{padding:1rem}}.typetester-container .typetester-input:focus{outline:0;background:#fdffe5;background:var(--accent-fade);width:100%!important}.typetester-container .typetester-input:focus-visible{outline:0!important}.typetester-container .typetester-ui{display:flex;flex-wrap:wrap;gap:1rem;row-gap:.25rem;font-size:.8rem;position:relative}@media only screen and (min-width:45rem){.typetester-container .typetester-ui{row-gap:.5rem;padding-right:138px}}.typetester-container .typetester-ui select{font-family:inherit;font-weight:500;margin:0;border:1px solid var(--fg);border-radius:3px;padding-left:.4em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:7px;background-position:calc(100% - 6px) 60%;background-repeat:no-repeat;padding-right:1.35em;color:var(--fg);width:100%}@media only screen and (min-width:45rem){.typetester-container .typetester-ui select{width:auto}}.typetester-container .typetester-ui select:focus{outline:0}.typetester-container .typetester-ui .slider-container{display:flex;align-items:center;justify-content:center;gap:.5rem;word-break:nobreak;width:100%}.typetester-container .typetester-ui .slider-container .slider-label{flex-shrink:0}@media only screen and (min-width:45rem){.typetester-container .typetester-ui .slider-container{width:auto}}.typetester-container .typetester-ui input[type=range]{-webkit-appearance:none;width:100%;height:1px;background:var(--fg);background:var(--tester-fg,var(--fg));border-radius:2px;outline:none;margin:0}@media only screen and (min-width:45rem){.typetester-container .typetester-ui input[type=range]{width:120px}}.typetester-container .typetester-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;cursor:pointer;-webkit-transition:transform .2s ease;transition:transform .2s ease;box-shadow:none}.typetester-container .typetester-ui input[type=range]::-webkit-slider-thumb:hover{background:var(--tester-fg,var(--fg))}.typetester-container .typetester-ui input[type=range]::-webkit-slider-thumb{background:var(--fg);background:var(--tester-fg,var(--fg))}.typetester-container .typetester-ui input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--fg);background:var(--tester-fg,var(--fg));border-radius:50%;cursor:pointer;-moz-transition:transform .2s ease;transition:transform .2s ease}.typetester-container .typetester-ui input[type=range]::-ms-thumb{width:12px;height:12px;background:var(tester-fg);border-radius:50%;cursor:pointer;-ms-transition:transform .2s ease;transition:transform .2s ease}.typetester-container .typetester-ui .open-type-features{display:flex;gap:1rem;flex-wrap:wrap;row-gap:.5rem;width:100%;min-height:18.5px}.typetester-container .typetester-ui .open-type-features .stylistic-set-label{padding-left:1.1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:0}.typetester-container .typetester-ui .open-type-features .stylistic-set-label:focus-visible:before{border:1px solid var(--fg)}.typetester-container .typetester-ui .open-type-features .stylistic-set-label:before{content:"";position:absolute;left:0;top:.3em;width:9px;height:9px;background:var(--bg);border:1px dotted var(--fg);border-radius:20px}.typetester-container .typetester-ui .open-type-features .stylistic-set-label.ss-selected:before{background:var(--fg)}.typetester-container .typetester-ui .open-type-features .stylistic-set-label.ss-selected:focus-visible:before{border:1px dotted var(--bg)}.typetester-container .typetester-ui button{all:unset;cursor:pointer;border-bottom:1px dotted var(--fg);margin:auto 0}.typetester-container .typetester-ui button:focus-visible{border-bottom:1px solid var(--fg)}.typetester-container .typetester-ui .ui-buttons{display:flex;gap:.5rem;margin:.5rem 0 .5rem auto}.typetester-container .typetester-ui .ui-buttons button{border:1px solid var(--fg);padding:0 .5em;border-radius:3px;transition:opacity .3s}.typetester-container .typetester-ui .ui-buttons button:disabled{opacity:.4;cursor:default}@media only screen and (min-width:45rem){.typetester-container .typetester-ui .ui-buttons{margin:0;position:absolute;top:0;right:0}}.variable-typetester{--tester-fg:var(--fg);--tester-fg:var(--theme-fg);--tester-bg:var(--accent);--tester-bg:var(--theme-bg);background:var(--tester-bg);color:var(--tester-fg);border-top:0;border-radius:var(--radius);padding:1rem}.variable-typetester .variable-title{font-size:.8rem;border:1px solid var(--fg);border-radius:3px;padding-left:.4em;padding-right:.4em;margin:0}.variable-typetester .typetester-input:focus{background:transparent}.item-shop-list{cursor:pointer}.glyph-overview{gap:1rem;margin-top:4rem;position:relative}@media only screen and (min-width:45rem){.glyph-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.glyph-overview h3{grid-column:span 2}.glyph-overview .glyph-preview{width:100%;position:relative;height:100%;position:-webkit-sticky;position:sticky;top:1rem;display:none;--line-gap:0;--half-gap:calc(var(--line-gap) / 2);--size:calc(var(--preview-width) * 1 / 2);--scale:calc(var(--size) / var(--units-per-em))}@media only screen and (min-width:45rem){.glyph-overview .glyph-preview{display:block}}.glyph-overview .glyph-preview .preview-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--padding)*2);overflow:visible}.glyph-overview .glyph-preview .preview-sticky select{font-family:inherit;font-weight:500;margin:0 auto auto 0;border:1px solid #000;border-radius:3px;padding-left:.4em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:7px;background-position:calc(100% - 6px) 60%;background-repeat:no-repeat;padding-right:1.35em;color:var(--fg)}.glyph-overview .glyph-preview .preview-sticky select:focus{outline:0}.glyph-overview .glyph-preview .preview-sticky .glyph-ui{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.glyph-overview .glyph-preview .preview-sticky .glyph-ui .glyph-meta{font-size:.8rem}.glyph-overview .glyph-preview .preview-sticky .glyph-ui .glyph-meta span:first-child{display:inline-block;width:100px}.glyph-overview .glyph-preview .preview-wrapper{height:calc(1px*(var(--ascender) - var(--descender) + var(--line-gap))*var(--scale));position:relative;overflow:visible;margin-bottom:32px;margin-top:1rem}.glyph-overview .glyph-preview .preview-wrapper .glyph-preview-char{transform-style:preserve-3d;overflow:visible;width:100%;position:absolute;font-size:calc(1px*var(--size));line-height:normal;text-align:center;white-space:pre;padding:2em 0;pointer-events:none;bottom:calc(100% - 1px*(var(--ascender) + var(--half-gap))*var(--scale) - .5px);left:50%;z-index:2;transform:translateX(-50%) translateY(2em) translateZ(1px)}.glyph-overview .glyph-preview .preview-wrapper .metric-line{position:absolute;width:100%;border-bottom:1px dotted var(--fg)}.glyph-overview .glyph-preview .preview-wrapper .metric-line .metric-meta{position:absolute;top:.25rem;font-size:.8rem}.glyph-overview .glyph-preview .preview-wrapper .baseline{top:calc(1px*(var(--ascender) + var(--half-gap))*var(--scale) - .5px)}.glyph-overview .glyph-preview .preview-wrapper .xHeight{top:calc(1px*(var(--ascender) - var(--x-height) + var(--half-gap))*var(--scale))}.glyph-overview .glyph-preview .preview-wrapper .capHeight{top:calc(1px*(var(--ascender) + var(--half-gap) - var(--cap-height))*var(--scale))}.glyph-overview .glyph-preview .preview-wrapper .ascender{top:calc(1px*var(--half-gap)*var(--scale))}.glyph-overview .glyph-preview .preview-wrapper .descender{top:calc(1px*(var(--ascender) - var(--descender) + var(--half-gap))*var(--scale))}.glyph-overview .glyphs-category h3{font-size:.8rem;margin:0}.glyph-overview .glyph-grid{display:grid;margin-top:.5rem;margin-bottom:2rem;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;grid-gap:5px;gap:5px}@media only screen and (min-width:45rem){.glyph-overview .glyph-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.glyph-overview .glyph-grid .glyph{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:5vw;aspect-ratio:1/1}@media only screen and (min-width:45rem){.glyph-overview .glyph-grid .glyph{font-size:1.8vw}.glyph-overview .glyph-grid .glyph:hover{background:var(--fg);color:var(--bg)}}.copy-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:10px 20px;border-radius:5px;opacity:1;animation:fadeOut .5s forwards;animation-delay:.3s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.header{position:fixed;display:flex;align-items:flex-start;width:calc(100vw - var(--padding)*2);top:var(--padding);left:var(--padding);z-index:10;gap:7px;gap:3px;gap:var(--gap);flex-wrap:wrap;pointer-events:none}.header h1{font-size:1rem;line-height:1.2em;margin:0;background:var(--bg);padding:.25rem .5rem;border-radius:5px}@media only screen and (min-width:85rem){.header h1{font-size:1rem}}.header .nav-element{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all!important}@media only screen and (min-width:45rem){.header .nav-element{transition:background-color .2s}.header .nav-element:hover{background:#e2e2e2}}.header .nav-element.nav-selected{background:color-mix(in hsl,var(--fg) 100%,#fff 50%);background:var(--fg);background:#202020;background:var(--almost-black);color:var(--bg);color:#fff}.header .font-nav-element{padding:0;pointer-events:all!important}.header .font-nav-element a{background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);background:var(--accent)}.header .font-nav-element a,.header button.nav-element{font-family:inherit;box-sizing:border-box;display:inline-block;padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header button.nav-element{border:0;font-size:inherit;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);cursor:pointer}.header a{text-decoration:none}.header .desktop-nav ul{display:flex;gap:7px}.header .desktop-nav ul li{background:var(--bg);background:hsla(0,0%,100%,.577);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:5px}.footer{display:flex;padding:var(--padding);align-items:flex-start;z-index:10;gap:var(--gap);flex-wrap:wrap;pointer-events:none;margin-top:4rem}.footer a:focus-visible{border-radius:calc(var(--radius) - 1px)}.footer .copyright{margin-right:100%}@media only screen and (min-width:45rem){.footer .copyright{margin-right:0}}.footer .footer-item{pointer-events:all;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (min-width:45rem){.footer .footer-item{transition:background-color .2s}.footer .footer-item:hover{background:#e2e2e2}}.footer .footer-item.footer-selected{background:#202020;color:#fff}.footer button.footer-item{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;cursor:pointer}.footer button.footer-item:focus-visible{outline:1px solid var(--fg)}.footer .newsletter-form-wrapper{display:flex;gap:var(--gap);width:100%;flex-wrap:wrap}.footer .newsletter-form-wrapper .input-box{pointer-events:all!important;overflow:hidden}.footer .newsletter-form-wrapper .input-box input[type=email],.footer .newsletter-form-wrapper .input-box input[type=text]{all:unset;height:30.39px;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1em;width:calc(100vw - 2rem)}@media only screen and (min-width:45rem){.footer .newsletter-form-wrapper .input-box input[type=email],.footer .newsletter-form-wrapper .input-box input[type=text]{width:250px}}.footer .newsletter-form-wrapper .input-box.small-text{padding:0}.footer .newsletter-form-wrapper .input-box.small-text p{margin:0;font-size:.75rem}.footer .newsletter-form-wrapper .submit-box{overflow:hidden;all:unset;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;background:var(--accent);width:calc(100vw - 2rem)}@media only screen and (min-width:45rem){.footer .newsletter-form-wrapper .submit-box{width:250px}}.footer .newsletter-form-wrapper .success-message{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;background:var(--accent)}.in-use{margin-top:6rem;margin-left:calc(var(--padding)*-1);margin-right:calc(var(--padding)*-1)}@media only screen and (min-width:45rem){.in-use{margin-top:8rem}}.in-use h3{margin-bottom:.5rem;margin-top:0;position:absolute;top:0}.in-use .swiper{padding-left:var(--padding);padding-right:var(--padding);padding-top:calc(2rem + 4px);overflow-y:visible!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.in-use .swiper .swiper-buttons{position:absolute;top:0;right:var(--padding);z-index:5;display:flex;gap:var(--gap)}.in-use .swiper .swiper-buttons button{all:unset;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (min-width:45rem){.in-use .swiper .swiper-buttons button{transition:background-color .2s}.in-use .swiper .swiper-buttons button:hover{background:#e2e2e2}}.in-use .swiper .swiper-buttons button:disabled{opacity:.5}.in-use .swiper .swiper-buttons button:disabled:hover{background:var(--grey);cursor:default}.in-use .swiper-slide{width:100%}@media only screen and (min-width:45rem){.in-use .swiper-slide{width:auto}}.in-use .in-use-slide-inner{height:auto;position:relative}.in-use .in-use-slide-inner .slide-image-container{aspect-ratio:var(--ratio)}@media only screen and (min-width:45rem){.in-use .in-use-slide-inner .slide-image-container{height:600px}}.in-use .in-use-slide-inner .in-use-meta{margin-top:var(--gap);flex-wrap:wrap;display:flex;gap:var(--gap);width:100%;padding-right:1rem}@media only screen and (min-width:45rem){.in-use .in-use-slide-inner .in-use-meta{width:calc(600px*var(--ratio))}}.in-use .in-use-slide-inner .in-use-meta a:focus-visible{border-radius:calc(var(--radius) - 1px)}.in-use .in-use-slide-inner .in-use-meta .font-names{display:flex;gap:var(--gap)}.in-use .in-use-slide-inner .in-use-meta .meta-item{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.8rem}.in-use .in-use-slide-inner .in-use-meta .meta-item.font-name{background:var(--fg);color:var(--bg)}.in-use .in-use-slide-inner .slide-video{width:100%}@media only screen and (min-width:45rem){.in-use .in-use-slide-inner .slide-video{width:auto;height:600px}}.in-use .in-use-slide-inner .slide-video video{border-radius:var(--radius);width:100%}@media only screen and (min-width:45rem){.in-use .in-use-slide-inner .slide-video video{width:auto;height:100%}}.in-use .in-use-slide-inner img{width:100%;height:100%;border-radius:var(--radius);display:block}.text-module-container{margin-top:2rem;margin-bottom:4rem}.text-button-div{width:100%;display:flex;margin-bottom:var(--gap)}.text-button-div .text-button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media only screen and (min-width:45rem){.text-button-div .text-button{transition:background-color .2s}.text-button-div .text-button:hover{background:#e2e2e2}}.text-button-div .text-button:focus-visible{outline:1px solid var(--fg)}.text-editor-medium{font-size:1.5rem}.font-information{border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);margin-top:4rem;margin-bottom:4rem;padding-bottom:0;padding-top:3rem;gap:var(--gap);gap:1rem;font-size:.8rem;line-height:1.3em}@media only screen and (min-width:45rem){.font-information{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:8rem;margin-bottom:8rem;padding-top:3rem;padding-bottom:3rem}}.font-information h4{margin-bottom:1em;margin-top:0}.font-information .column{margin-bottom:3rem}@media only screen and (min-width:45rem){.font-information .column{margin-bottom:0;grid-column:auto/span 6}}@media only screen and (min-width:65rem){.font-information .column{grid-column:auto/span 3}}.font-information .column div{display:flex}.font-information .column div :first-child{width:6rem}@media only screen and (min-width:45rem){.font-information .column.languages{grid-column:auto/span 12}}@media only screen and (min-width:65rem){.font-information .column.languages{grid-column:auto/span 6}}.font-information .column.languages p{font-size:.8rem;line-height:1.3em}.faq .faq-question{border-top:1px dotted var(--fg)}.faq .faq-question:last-child{border-bottom:1px dotted var(--fg)}.faq .faq-question h4{margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem .25rem}.faq .faq-question h4:hover{background:var(--accent-fade)}.faq .faq-question h4 .plus{width:1.5rem;display:inline-block;text-align:center}.faq .faq-question .answer{padding:1rem;border-top:1px dotted var(--fg)}.faq .faq-question .answer>:first-child{margin-top:0}.faq .faq-question .answer>:last-child{margin-bottom:0}.alternate-container{margin-top:4rem;margin-bottom:4rem;--preview-fg:var(--fg);--preview-fg:var(--theme-fg);--preview-bg:var(--accent);--preview-bg:var(--theme-bg)}.alternate-container h3{text-align:center}.alternate-container .alternates-grid,.alternate-container .alternates-swiper{gap:.5rem}@media only screen and (min-width:45rem){.alternate-container .alternates-grid,.alternate-container .alternates-swiper{grid-gap:1rem;gap:1rem;display:grid;grid-template-columns:1fr 1fr}}@media only screen and (min-width:65rem){.alternate-container .alternates-grid,.alternate-container .alternates-swiper{flex-wrap:wrap;justify-content:center;display:flex}}.alternate-container .alternates-grid .alternates-card,.alternate-container .alternates-swiper .alternates-card{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:25px;border-radius:12px;background:var(--preview-bg);color:var(--preview-fg);max-width:100%;padding:1rem;cursor:pointer;width:100%;margin-bottom:1rem}@media only screen and (min-width:45rem){.alternate-container .alternates-grid .alternates-card,.alternate-container .alternates-swiper .alternates-card{margin-bottom:0;width:100%;padding:1.2rem 1.2rem 2rem}}@media only screen and (min-width:65rem){.alternate-container .alternates-grid .alternates-card,.alternate-container .alternates-swiper .alternates-card{width:calc((100% - 2rem)/3)}}.alternate-container .alternates-grid .alternates-card h4,.alternate-container .alternates-swiper .alternates-card h4{width:100%;margin-top:0;margin-bottom:1em}.alternate-container .alternates-grid .alternates-card h4 span,.alternate-container .alternates-swiper .alternates-card h4 span{background:var(--preview-fg);color:var(--preview-bg);padding:.05em .65em;border-radius:var(--radius);margin-right:.25em;border-radius:20px}.alternate-container .alternates-grid .alternates-card .alternate-preview,.alternate-container .alternates-swiper .alternates-card .alternate-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:color .3s;padding:1rem}@media only screen and (min-width:45rem){.alternate-container .alternates-grid .alternates-card .alternate-preview,.alternate-container .alternates-swiper .alternates-card .alternate-preview{gap:1rem;padding:.5rem 1rem}}.alternate-container .alternates-grid .alternates-card .arrow,.alternate-container .alternates-swiper .alternates-card .arrow{font-size:5vw;color:var(--preview-fg)}@media only screen and (min-width:45rem){.alternate-container .alternates-grid .alternates-card .arrow,.alternate-container .alternates-swiper .alternates-card .arrow{font-size:1.5vw}}.alternate-container .alternates-grid .alternates-card .alternate-sample,.alternate-container .alternates-swiper .alternates-card .alternate-sample{font-size:18vw;line-height:.9em}@media only screen and (min-width:45rem){.alternate-container .alternates-grid .alternates-card .alternate-sample,.alternate-container .alternates-swiper .alternates-card .alternate-sample{font-size:9vw}}@media only screen and (min-width:65rem){.alternate-container .alternates-grid .alternates-card .alternate-sample,.alternate-container .alternates-swiper .alternates-card .alternate-sample{font-size:6vw}}.alternate-container .feature-header{display:flex;gap:1rem;width:100%;justify-content:space-between}@media only screen and (min-width:45rem){.alternate-container .feature-header{margin-bottom:1rem}}.alternate-container .toggle-switch{width:30px;height:20px;border-radius:50px;background-color:#fff;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s;transition:.2s;flex-shrink:0;border:1px solid var(--theme-fg);position:relative}.alternate-container .toggle-switch.on{background-color:var(--preview-fg)}.alternate-container .toggle-switch.on .toggle-thumb{transform:translateX(10px)}.alternate-container .toggle-switch.off{background-color:color-mix(in srgb,var(--preview-fg),transparent 30%);background-color:var(--theme-bg)}.alternate-container .toggle-switch.off .toggle-thumb{transform:translateX(0);background-color:var(--theme-fg)}.alternate-container .toggle-switch .toggle-thumb{width:15px;height:15px;border-radius:50%;background-color:var(--preview-fg);background-color:var(--preview-bg);transition:transform .2s ease;transition:.2s}.custom-project{margin-top:6rem;margin-bottom:4rem}.custom-project h2{margin-bottom:.5em}@media only screen and (min-width:45rem){.custom-project{margin-top:8rem;margin-bottom:4rem}.custom-project .custom-project-description{max-width:75%;width:calc(100% - 8rem)}.custom-project .custom-project-description p:last-child{margin-bottom:1.5rem}}@media only screen and (min-width:65rem){.custom-project .custom-project-description{max-width:50%}}.custom-project .swiper-container{margin-left:calc(var(--padding)*-1);margin-right:calc(var(--padding)*-1)}.custom-project .swiper{padding-left:var(--padding);padding-right:var(--padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:var(--gap)}@media only screen and (min-width:45rem){.custom-project .swiper{padding-top:calc(2rem + 4px);margin-top:-30px}}.custom-project .swiper .swiper-buttons{position:absolute;top:0;z-index:5;gap:var(--gap);left:var(--padding);display:none}@media only screen and (min-width:45rem){.custom-project .swiper .swiper-buttons{display:flex;left:auto;right:var(--padding)}}.custom-project .swiper .swiper-buttons button{all:unset;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (min-width:45rem){.custom-project .swiper .swiper-buttons button{transition:background-color .2s}.custom-project .swiper .swiper-buttons button:hover{background:#e2e2e2}}.custom-project .swiper .swiper-buttons button:disabled{opacity:.5}.custom-project .swiper .swiper-buttons button:disabled:hover{background:var(--grey);cursor:default}.custom-project .swiper-slide{width:100%}@media only screen and (min-width:45rem){.custom-project .swiper-slide{width:auto}}.custom-project .in-use-slide-inner{height:auto;position:relative}.custom-project .in-use-slide-inner .slide-image-container{aspect-ratio:var(--ratio)}@media only screen and (min-width:45rem){.custom-project .in-use-slide-inner .slide-image-container{height:600px}}.custom-project .in-use-slide-inner .slide-video{width:100%}@media only screen and (min-width:45rem){.custom-project .in-use-slide-inner .slide-video{height:600px}}.custom-project .in-use-slide-inner .slide-video video{border-radius:var(--radius);width:100%}@media only screen and (min-width:45rem){.custom-project .in-use-slide-inner .slide-video video{width:auto;height:100%}}.custom-project .in-use-slide-inner img{width:100%;height:100%;border-radius:var(--radius);display:block}.custom-project .project-tags{margin-top:var(--gap);display:flex;flex-wrap:wrap;gap:var(--gap);z-index:3;position:relative}@media only screen and (min-width:45rem){.custom-project .project-tags{max-width:calc(100vw - 2rem - 160px)}}.custom-project .project-tags .project-tag{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.8rem}.custom-project .project-tags .project-tag.agency,.custom-project .project-tags .project-tag.cuts,.custom-project .project-tags .project-tag.project{background:transparent;border:1px dotted var(--fg);color:var(--fg)}.custom-project .project-tags .font-name{background:var(--fg);color:var(--bg)}.custom-features-container{margin-top:4rem;margin-bottom:4rem}.custom-features-container h3{text-align:center}.custom-features-container .custom-features-grid{display:flex;flex-wrap:wrap;gap:var(--gap);gap:1rem;width:100%;row-gap:0}@media only screen and (min-width:65rem){.custom-features-container .custom-features-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.custom-features-container .custom-features-grid .custom-feature-inner{display:flex;flex-direction:column;width:100%;align-items:flex-start;margin-bottom:1rem;border-bottom:1px dotted var(--fg);padding-top:1.5rem;padding-bottom:1.5rem}.custom-features-container .custom-features-grid .custom-feature-inner:first-child{border-top:1px dotted var(--fg)}@media only screen and (min-width:45rem){.custom-features-container .custom-features-grid .custom-feature-inner{margin-bottom:0;width:100%}.custom-features-container .custom-features-grid .custom-feature-inner:nth-child(2){border-top:1px dotted var(--fg)}}.custom-features-container .custom-features-grid .custom-feature-inner .feature-description{position:relative;margin-bottom:4rem}.custom-features-container .custom-features-grid .custom-feature-inner .feature-description .span{border-radius:var(--radius);position:absolute;top:1rem;font-size:.75em;display:none}.custom-features-container .custom-features-grid .custom-features-card{grid-column:span 6;max-width:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:45rem){.custom-features-container .custom-features-grid .custom-features-card{width:auto;height:100%}}.custom-features-container .custom-features-grid .custom-features-card h4{width:100%;margin-top:0;margin-bottom:1rem}.custom-features-container .custom-features-grid .custom-features-card h4 .span{font-feature-settings:"ss11"}.custom-features-container .custom-features-grid .custom-features-card .custom-features-svg{width:100%}.custom-features-container .custom-features-grid .custom-features-card .custom-features-svg svg{width:100%;max-height:100px;height:auto}.custom-features-container .custom-features-grid .custom-features-card .custom-features-svg svg *{fill:var(--fg)}.font-families-overview{display:grid;grid-gap:1rem;gap:1rem;grid-gap:7px;gap:7px;grid-gap:3px;gap:3px;grid-gap:var(--gap);gap:var(--gap);margin-top:3rem;margin-bottom:8rem}@media only screen and (min-width:45rem){.font-families-overview{row-gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.font-families-overview a{border-radius:var(--radius)}.font-families-overview .font-tile-wrapper{position:relative;margin-bottom:2rem}@media only screen and (min-width:45rem){.font-families-overview .font-tile-wrapper{margin-bottom:0}}.font-families-overview .font-tile-wrapper .font-tile-a{position:relative}.font-families-overview .font-tile-wrapper .font-tile-a:focus-visible:after{content:"→";position:absolute;top:50%;left:50%;border-radius:20px;width:50%;text-align:center;transform:translate(-50%,-50%);font-size:20vw;color:var(--tile-bg);background:var(--tile-fg)}.font-families-overview .family-meta{display:flex;gap:var(--gap);width:100%;justify-content:center;justify-content:flex-start;margin-bottom:var(--gap);z-index:2;flex-wrap:wrap;flex-direction:column}@media only screen and (min-width:45rem){.font-families-overview .family-meta{flex-direction:row}}.font-families-overview .family-meta .inner-flex-wrapper{display:flex;gap:var(--gap)}.font-families-overview .family-meta .font-title{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;font-size:1rem;position:relative;overflow:hidden;background:var(--tile-bg);color:var(--tile-fg);font-size:.8rem}@media only screen and (min-width:45rem){.font-families-overview .family-meta .font-title{font-size:1rem;line-height:1.2em;transition:background-color .2s}}@media only screen and (min-width:45rem)and (min-width:85rem){.font-families-overview .family-meta .font-title{font-size:1rem}}@media only screen and (min-width:45rem){.font-families-overview .family-meta .font-title:hover{background:color-mix(in srgb,var(--tile-bg),var(--tile-fg) 7%)}}.font-families-overview .family-meta .family-meta-tag{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:auto;font-size:.8rem}@media only screen and (min-width:45rem){.font-families-overview .family-meta .family-meta-tag{font-size:1rem;line-height:1.2em}}@media only screen and (min-width:45rem)and (min-width:85rem){.font-families-overview .family-meta .family-meta-tag{font-size:1rem}}.font-families-overview .family-meta .family-meta-tag.buy-btn{background:var(--fg);color:var(--bg);color:var(--tile-bg);background:var(--tile-fg);transition:background-color .2s}.font-families-overview .family-meta .family-meta-tag.buy-btn:hover{background:color-mix(in srgb,var(--tile-fg),var(--tile-bg) 10%)}.font-families-overview .font-tile{border-radius:4px;border-radius:var(--radius);aspect-ratio:5/4;display:flex;align-items:flex-start;align-items:center;justify-content:center;background:#000;color:#fff;word-break:nowrap;text-align:center;line-height:1em;word-wrap:break-word;overflow:hidden;position:relative;font-size:10vw}@media only screen and (min-width:45rem){.font-families-overview .font-tile{font-size:5vw}}.font-families-overview .font-tile .tile-text-wrapper{position:relative;width:100%;height:100%}.font-families-overview .font-tile .tile-text{position:absolute;top:0;left:0;width:100%;height:100%;transition:scale .3s}.font-families-overview .font-tile.tile-xs{font-size:2vw}.font-families-overview .font-tile.tile-xs .tile-text-wrapper{width:90%}.font-families-overview .font-tile.tile-small{font-size:4vw}.font-families-overview .font-tile.tile-big{font-size:10.5vw}.font-families-overview .font-tile.tile-big .tile-text-wrapper{transform:rotate(90deg);width:200%}.font-families-overview .font-tile.tile-xl{font-size:20vw}.font-families-overview .font-tile.tile-xl .tile-text-wrapper{width:200%}.font-families-overview .progress-bar{position:absolute;width:0;height:2px;height:100%;top:0;left:0;background:var(--tile-fg);background:color-mix(in srgb,var(--tile-fg),transparent 80%)}.font-families-overview a{text-decoration:none}.font-families-overview .animate-word-container{height:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:.5rem;gap:3px}@media only screen and (min-width:45rem){.font-families-overview .animate-word-container{padding:1rem;gap:var(--gap)}}.font-families-overview .animate-word-container .animate-word{font-size:5vw;padding:.25rem .5rem;line-height:1em;background:var(--tile-fg);color:var(--tile-bg);flex-grow:0;margin:0;border-radius:3px}@media only screen and (min-width:45rem){.font-families-overview .animate-word-container .animate-word{border-radius:5px;padding:.5rem;font-size:2vw}}.font-families-overview .alphabet{font-size:11vw;line-height:1em;padding:1rem}@media only screen and (min-width:45rem){.font-families-overview .alphabet{font-size:6vw}}.font-families-overview .aa-container{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:1rem;background:var(--tile-bg)}.font-families-overview .aa{text-align:center;white-space:nowrap;font-size:64vw;line-height:1.35}@media only screen and (min-width:45rem){.font-families-overview .aa{line-height:1.2;font-size:35vw}}.font-families-overview .random-words-container{padding:1rem;height:100%;width:100%;font-size:4.75vw;line-height:1.15em}@media only screen and (min-width:45rem){.font-families-overview .random-words-container{font-size:2.5vw}}.font-families-overview .stripey-word-container{padding:.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:45rem){.font-families-overview .stripey-word-container{padding:1rem}}.font-families-overview .stripey-word-container .stripe-word{overflow:hidden;white-space:nowrap;line-height:1.15em;font-size:9vw}@media only screen and (min-width:45rem){.font-families-overview .stripey-word-container .stripe-word{font-size:5vw}}.font-families-overview .stripey-word-container .stripe{background:var(--tile-bg);color:var(--tile-fg);background:var(--tile-fg);color:var(--tile-bg)}.font-families-overview .paragraph{padding:1rem}.font-families-overview .paragraph p{text-align:left;font-size:3vw;column-count:2}@media only screen and (min-width:45rem){.font-families-overview .paragraph p{font-size:1.2vw}}.font-families-overview .svg-tile{padding:1rem;height:100%}@media only screen and (min-width:45rem){.font-families-overview .svg-tile{padding:2rem}}.font-families-overview .svg-tile .svg-tile-svg{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;flex-grow:1}.font-families-overview .svg-tile .svg-tile-svg svg{flex-grow:1;height:auto;max-height:100%;max-width:100%}.font-families-overview .svg-tile .svg-tile-svg svg *{fill:var(--tile-fg)!important}.font-families-overview .slide-tile{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;overflow:hidden;padding:1rem;background:var(--tile-bg)}.font-families-overview .slide-word{text-align:left;white-space:nowrap;margin:0;animation:slide 4s linear infinite;font-size:40vw;line-height:.8em}@media only screen and (min-width:45rem){.font-families-overview .slide-word{animation:slide 3s linear infinite;font-size:25vw;line-height:.8em}}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-90vw)}}@media only screen and (min-width:45rem){@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-50vw)}}}.font-families-overview .spiral-tile svg{width:200%;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);font-size:1.5vw;animation:spiral 10s linear infinite}.font-families-overview .spiral-tile svg text{fill:var(--tile-fg)}@keyframes spiral{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.global-settings .settings-settings{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:1rem}.global-settings .settings-settings select{font-family:inherit;font-weight:500;margin:0;border:1px solid #000;border-radius:3px;padding-left:.4em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;background-size:7px;background-position:calc(100% - 6px) 60%;background-repeat:no-repeat;padding-right:1.35em;color:var(--fg)}.global-settings .settings-settings select:focus{outline:0}.global-settings .settings-settings .theme-selector{margin-bottom:1rem}.global-settings .settings-settings .theme-selector .theme-label{padding-left:1.2rem;position:relative;cursor:pointer;font-size:.8rem}.global-settings .settings-settings .theme-selector .theme-label:before{content:"";position:absolute;left:0;top:3px;width:10px;height:10px;background:var(--bg);border:1px dotted var(--fg);border-radius:20px}.global-settings .settings-settings .theme-selector .theme-label.theme-selected:before{background:var(--fg)}.setting-label{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-button{all:unset;font-family:inherit;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;pointer-events:all!important;cursor:pointer;position:relative;padding:.35rem .75rem .35rem 1.6rem;background:var(--theme-bg);color:var(--theme-fg);white-space:nowrap;outline:1px dotted color-mix(in srgb,var(--theme-fg),transparent 80%);outline-offset:-1px}.theme-button:before{content:"";width:.66em;height:.66em;position:absolute;top:.55rem;left:.5rem;border:1px dotted var(--theme-fg);border-radius:20px}.theme-button.theme-selected:before{background:var(--fg)}.ui-font-button{all:unset;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all!important;white-space:nowrap;cursor:pointer}@media only screen and (min-width:45rem){.ui-font-button{transition:background-color .2s}.ui-font-button:hover{background:#e2e2e2}}.ui-font-button.ui-font-selected{background:var(--almost-black);color:#fff}.settings-motion-wrapper{overflow:hidden;white-space:nowrap}.settings-form-wrapper{display:flex;gap:var(--gap);width:100%;flex-wrap:wrap}.trials-form-container{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--accent);color:#000}.trials-form-container form{padding:.5rem 0;display:flex;flex-direction:column}.trials-form-container form input[type=email],.trials-form-container form input[type=text]{border:0;border-radius:0;font-family:inherit;border-bottom:1px dotted var(--fg);font-size:1rem;line-height:1.2em;padding:.25rem;background:var(--accent);color:#000;width:100%}@media only screen and (min-width:85rem){.trials-form-container form input[type=email],.trials-form-container form input[type=text]{font-size:1rem}}.trials-form-container form input[type=email]:first-child,.trials-form-container form input[type=text]:first-child{border-top:1px dotted var(--fg)}.trials-form-container form input[type=email]:focus,.trials-form-container form input[type=text]:focus{outline:0;background:color-mix(in hsl,var(--accent) 90%,#000 20%)}.trials-form-container form input[type=email]::placeholder,.trials-form-container form input[type=text]::placeholder{color:color-mix(in srgb,var(--fg),transparent 50%)}.trials-form-container form button[type=submit]{all:unset;padding:.25rem .5rem;text-align:center;border-radius:5px;background:#000;color:#fff;margin-top:1rem}.trials-form-container .success-message{margin:0}.trials-form-wrapper{display:flex;gap:var(--gap);width:100%;flex-wrap:wrap;width:auto}@media only screen and (min-width:45rem){.trials-form-wrapper{margin-right:calc(100vw - 500px - var(--padding)*2 - var(--gap))}}.trials-form-wrapper .input-box{pointer-events:all!important;overflow:hidden}.trials-form-wrapper .input-box input[type=email],.trials-form-wrapper .input-box input[type=text]{all:unset;height:30.39px;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1em;width:calc(100vw - 2rem)}@media only screen and (min-width:45rem){.trials-form-wrapper .input-box input[type=email],.trials-form-wrapper .input-box input[type=text]{width:250px}}.trials-form-wrapper .input-box input[type=email]:focus-visible,.trials-form-wrapper .input-box input[type=text]:focus-visible{outline:0!important}.trials-form-wrapper .input-box.small-text{padding:0}.trials-form-wrapper .input-box.small-text p{margin:0;font-size:.75rem}.trials-form-wrapper .submit-box{overflow:hidden;all:unset;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;background:var(--fg);color:var(--bg);width:calc(100vw - 2rem)}@media only screen and (min-width:45rem){.trials-form-wrapper .submit-box{width:250px}}.trials-form-wrapper .success-message{font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;background:var(--accent)}.trials-form-wrapper input:-webkit-autofill,.trials-form-wrapper select:-webkit-autofill{-webkit-background-clip:text;color:var(--fg);-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--grey) inset!important}.loading-spinner{display:inline-block;animation:spin 1s infinite;font-size:1.2em;animation-timing-function:steps(6)}@keyframes spin{0%{rotate:0deg}to{rotate:1turn}}.loading-clock{font-size:1.2em}.loading-clock:after{animation:clock 1s infinite;animation-timing-function:steps(6);content:"🕛"}@keyframes clock{0%{content:"🕛"}20%{content:"🕑"}40%{content:"🕓"}60%{content:"🕕"}80%{content:"🕗"}to{content:"🕙"}}.cookies-container{position:fixed;bottom:1rem;left:1rem;background:var(--grey);z-index:10;padding:1rem;border-radius:var(--radius);max-width:300px}.cookies-container .cookies-button{border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;box-sizing:border-box;width:100%;text-align:center}.cookies-container .cookies-button:focus-visible{outline:1px solid var(--fg)}.cart-button{z-index:3}.cart-button button{all:unset;border-radius:5px;cursor:pointer;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);padding:.35rem .75rem;line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cart-summary-wrapper{width:100%;display:flex}.cart-summary{z-index:4;font-family:inherit;box-sizing:border-box;display:inline-block;background:#f4f4f4;background:var(--grey);border-radius:6px;border-radius:var(--radius);line-height:1.2em;color:#000;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem 1rem;pointer-events:all!important;min-width:290px;position:relative;width:calc(100vw - var(--padding)*2)}@media only screen and (min-width:45rem){.cart-summary{width:100%}}.cart-summary .cart-list-header{font-size:.8rem;margin:.75rem 0}.cart-summary .cart-list .cart-list-item{border-top:1px dotted #000;padding-top:.5rem;margin-bottom:.5rem}.cart-summary .cart-list .cart-list-item .list-title-price{display:flex;justify-content:space-between}.cart-summary .cart-list .cart-list-item .cart-item-title{margin-right:2rem;max-width:210px;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:45rem){.cart-summary .cart-list .cart-list-item .cart-item-title{max-width:none}}.cart-summary .cart-list .cart-list-item .cart-item-description{font-size:.8rem;opacity:.5}.cart-summary .cart-total-price{border-top:1px dotted #000;padding-top:1.5rem;margin-bottom:1.5rem}.cart-summary .cart-total-price p{margin:0;display:flex;justify-content:space-between}.cart-summary .cart-total-price p span{display:inline-block}.cart-summary .empty-cart-msg{border-top:1px dotted #000;border-bottom:1px dotted #000;margin-bottom:.5rem}.cart-summary .cart-buttons{display:flex;width:100%;gap:var(--gap);flex-wrap:wrap}.cart-summary .cart-buttons a{width:100%;flex-grow:1}.cart-summary .cart-buttons button{all:unset;background:#000;margin:.1rem;border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:5px;cursor:pointer;background:var(--almost-black);color:#fff}.cart-summary .cart-buttons button:focus-visible{outline:1px solid var(--fg)}.cart-summary .cart-buttons .checkout-button{width:100%;text-align:center;box-sizing:border-box}.cart-summary .cart-buttons .checkout-button:disabled{opacity:.5;cursor:default}.cart-summary .cart-buttons .clear-cart-button{width:100%;text-align:center;background:#d3d3d3;color:#000}.cart-summary .clear-cart-button{all:unset;border:0;outline:0;font-family:inherit;font-size:inherit;background:var(--fg);color:var(--bg);font-size:.8rem;box-sizing:border-box;position:absolute;top:.5rem;right:.5rem;background:#000;padding:.2rem .5rem;border-radius:5px;margin:.1rem;cursor:pointer;background:var(--almost-black);color:#fff;text-align:center;background:#d3d3d3;color:#000}.cart-summary .clear-cart-button:focus-visible{outline:1px solid var(--fg)}@font-face{font-family:bureau;src:url(/_next/static/media/96a27ed25cb5ba83-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:bureau Fallback;src:local("Arial");ascent-override:95.08%;descent-override:31.38%;line-gap-override:9.51%;size-adjust:105.17%}.__className_340217{font-family:bureau,bureau Fallback,sans-serif;font-weight:400;font-style:normal}