CINXE.COM

<!DOCTYPE html><html lang="en" data-capo=""><head><meta http-equiv="content-security-policy" content> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Apfel Grotezk Family | CLT | CLT</title> <meta property="og:image" content="https://www.collletttivo.it/__og-image__/image/typefaces/apfel-grotezk/og.png"> <meta property="og:image:type" content="image/png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://www.collletttivo.it/__og-image__/image/typefaces/apfel-grotezk/og.png"> <meta name="twitter:image:src" content="https://www.collletttivo.it/__og-image__/image/typefaces/apfel-grotezk/og.png"> <meta property="og:image:width" content="1200"> <meta name="twitter:image:width" content="1200"> <meta property="og:image:height" content="600"> <meta name="twitter:image:height" content="600"> <style>body{color:var(--gray-12);font-family:var(--font)}.rounded{border-radius:var(--app-rounded)}.bold{font-weight:var(--bold,bold)}.medium{font-weight:var(--medium,500)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-xs{font-size:var(--u-text-xs)}.text-sm{font-size:var(--u-text-sm)}.text-lg{font-size:var(--u-text-lg);line-height:var(--leading-snug)}.text-xl{font-size:var(--u-text-xl)}.text-xl,.text-xxl{line-height:var(--leading-tight)}.text-xxl{font-size:var(--u-text-xxl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}a.stretched-link{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:5}.w-full{width:100%}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.prose{max-width:65ch}.prose p{font-size:inherit;margin:var(--u-gap-xs) 0}.prose a{text-decoration:underline;text-underline-offset:var(--u-underline-offset)}@media (hover:hover){.prose a:hover{opacity:.75}}.prose ol,.prose ul{padding-left:var(--u-gutter-lg)}.prose ol{list-style:upper-roman}.prose ul{list-style:square}.prose code,.prose pre{background-color:var(--gray-a4);border-radius:2px;font-size:smaller;padding:1px 4px}</style> <style>@font-face{font-display:swap;font-family:Ronzino;font-style:normal;font-weight:400;src:url(/_nuxt/Ronzino-Regular.C0BXHR8V.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ronzino;font-style:normal;font-weight:500;src:url(/_nuxt/Ronzino-Medium.CrqcIvft.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ronzino;font-style:normal;font-weight:700;src:url(/_nuxt/Ronzino-Bold.D5s-m4XJ.woff2) format("woff2")}</style> <style>.fade-enter-active{transition:opacity .4s var(--u-ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active{transition:opacity .2s var(--u-ease-out)}.slide-fade-enter-active{transition:opacity .2s var(--u-ease-out),transform .4s var(--u-bounce)}.slide-fade-enter-from{opacity:0;transform:translateY(16px)}.slide-fade-leave-active{transition:opacity .2s var(--u-ease-out),transform .2s var(--u-bounce)}.slide-fade-leave-to{opacity:0;transform:translateY(-16px)}.page-enter-active,.page-leave-active{transition:all .4s var(--u-bounce)}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(20px)}@media (hover){.parallax:hover>*{animation-duration:.2s;animation-name:hover;animation-timing-function:var(--u-bounce)}}@keyframes hover{0%{transform:translateZ(0)}50%{transform:translate3d(var(--tx),var(--ty),0)}to{transform:translateZ(0)}}</style> <style>:root{--app-padding:8px;--app-rounded:12px;--font:"Ronzino","Arial",sans-serif;--bold:bold;--medium:500;--u-text-lg:19px;--u-text-xl:24px;--u-text-xxl:28px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375}@media (min-width:768px){:root{--app-padding:16px;--u-text-lg:21px;--u-text-xl:26px;--u-text-xxl:32px}}.light-theme,:root{--blue-1:#f7f8f9;--blue-2:#f0f4fa;--blue-3:#e5ecfa;--blue-4:#d6e3fe;--blue-5:#c5d9ff;--blue-6:#b0cbff;--blue-7:#98b8fa;--blue-8:#779ef2;--blue-9:#255bec;--blue-10:#2150ce;--blue-11:#2251cf;--blue-12:#162d63;--blue-a1:#3b7bbb04;--blue-a2:#136ffa0b;--blue-a3:#0758fa16;--blue-a4:#cddeffcc;--blue-a5:#c5d9ff;--blue-a6:#b0cbff;--blue-a7:#0152fa64;--blue-a8:#004beb86;--blue-a9:#0140eada;--blue-a10:#0137c8de;--blue-a11:#0137c9dd;--blue-a12:#001954e9;--violet-1:#f7f7f9;--violet-2:#f4f2fa;--violet-3:#edeafa;--violet-4:#e4defd;--violet-5:#dad1fe;--violet-6:#cec1fa;--violet-7:#bcacf1;--violet-8:#a68fe9;--violet-9:#b49df8;--violet-10:#a992ec;--violet-11:#654da0;--violet-12:#372161;--violet-a1:#3b3bbb04;--violet-a2:#5018fa09;--violet-a3:#370afa11;--violet-a4:#d6ccff99;--violet-a5:#d2c7ffcc;--violet-a6:#3c04fb3b;--violet-a7:#3401dd50;--violet-a8:#3802d36e;--violet-a9:#3f01f55f;--violet-a10:#3903d96b;--violet-a11:#240179b1;--violet-a12:#1a014bde;--green-1:#f5f9f6;--green-2:#eef6f0;--green-3:#dff2e3;--green-4:#ceecd5;--green-5:#bae4c4;--green-6:#a0d9af;--green-7:#7ccb93;--green-8:#3fb66c;--green-9:#42b96e;--green-10:#33ad63;--green-11:#007b35;--green-12:#183e24;--green-a1:#26d05006;--green-a2:#0fac360d;--green-a3:#04b1281c;--green-a4:#01ab292d;--green-a5:#03a52a42;--green-a6:#019f2a5c;--green-a7:#009d2e81;--green-a8:#009f3cbf;--green-a9:#00a23cbc;--green-a10:#00993ccb;--green-a11:#007b35;--green-a12:#002a0de7;--yellow-1:#f8f7f5;--yellow-2:#fbf4e6;--yellow-3:#ffedbe;--yellow-4:#ffe39e;--yellow-5:#ffd980;--yellow-6:#f1cc79;--yellow-7:#dfbb6f;--yellow-8:#cca449;--yellow-9:#ffc839;--yellow-10:#f3bf41;--yellow-11:#906a00;--yellow-12:#453a23;--yellow-a1:#a57b2606;--yellow-a2:#ffdc9633;--yellow-a3:#ffedbe;--yellow-a4:#ffe39e;--yellow-a5:#ffd980;--yellow-a6:#e8a10084;--yellow-a7:#ca89008e;--yellow-a8:#b98000b5;--yellow-a9:#ffc839;--yellow-a10:#f0aa00bd;--yellow-a11:#906a00;--yellow-a12:#291c01dc}.dark-theme{--blue-1:#202736;--blue-2:#212a3c;--blue-3:#223662;--blue-4:#233e7c;--blue-5:#28478e;--blue-6:#2f509c;--blue-7:#355aaf;--blue-8:#3b65c9;--blue-9:#255bec;--blue-10:#184bdb;--blue-11:#89b6ff;--blue-12:#d1e2ff;--blue-a1:#0027fc12;--blue-a2:#0046fe19;--blue-a3:#155efe46;--blue-a4:#1d61fd65;--blue-a5:#2a6aff7a;--blue-a6:#3672fe8b;--blue-a7:#3e78ffa1;--blue-a8:#4179fec0;--blue-a9:#2560ffe9;--blue-a10:#1653ffd5;--blue-a11:#89b6ff;--blue-a12:#d1e2ff;--violet-1:#282532;--violet-2:#2b2737;--violet-3:#3a3055;--violet-4:#44356a;--violet-5:#4c3c76;--violet-6:#554582;--violet-7:#635094;--violet-8:#765fb1;--violet-9:#b49df8;--violet-10:#a992ec;--violet-11:#bfa8ff;--violet-12:#e3ddfc;--violet-a1:#3b00ff0d;--violet-a2:#5d28fe13;--violet-a3:#7f51fc37;--violet-a4:#8454fd50;--violet-a5:#8b60fd5e;--violet-a6:#946efe6c;--violet-a7:#9e79ff81;--violet-a8:#a37fffa3;--violet-a9:#b9a1fff7;--violet-a10:#b69dffe9;--violet-a11:#bfa8ff;--violet-a12:#e6e0fffc;--green-1:#222924;--green-2:#252d27;--green-3:#2a3c2f;--green-4:#2a4b34;--green-5:#2f573b;--green-6:#356543;--green-7:#3a734c;--green-8:#3e8455;--green-9:#42b96e;--green-10:#33ad63;--green-11:#63d589;--green-12:#b9f2c7;--green-a1:#00d10003;--green-a2:#00e72808;--green-a3:#46fe7919;--green-a4:#39fd752b;--green-a5:#4bfe8139;--green-a6:#57fd884a;--green-a7:#5dff905a;--green-a8:#5dff926e;--green-a9:#4efe8fad;--green-a10:#3afe879f;--green-a11:#72ffa1ce;--green-a12:#c2ffd1f0;--yellow-1:#292721;--yellow-2:#2f2c23;--yellow-3:#3e341f;--yellow-4:#4c3b13;--yellow-5:#574313;--yellow-6:#624e22;--yellow-7:#735e30;--yellow-8:#8d733a;--yellow-9:#fcc84c;--yellow-10:#f1be40;--yellow-11:#ffcf54;--yellow-12:#fce7bc;--yellow-a1:#d1270003;--yellow-a2:#f4a7000a;--yellow-a3:#f99e001c;--yellow-a4:#fe9b002c;--yellow-a5:#fea50039;--yellow-a6:#feb61546;--yellow-a7:#ffc3415a;--yellow-a8:#fec85079;--yellow-a9:#ffca4dfc;--yellow-a10:#ffc942ef;--yellow-a11:#ffcf54;--yellow-a12:#ffeabefc}</style> <style>*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--content:""}:host,html{line-height:1.4;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-5);opacity:1}input::placeholder,textarea::placeholder{color:var(--gray-5);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{height:auto;max-width:100%}[hidden]{display:none}</style> <style>:root{--u-text-xs:12px;--u-text-sm:14px;--u-text-base:16px;--u-text-lg:19px;--u-underline-offset:4px;--u-gap-xs:4px;--u-gap-sm:8px;--u-gap-md:12px;--u-gap-lg:16px;--u-gap-xl:20px;--u-gutter-xs:8px;--u-gutter-sm:12px;--u-gutter-md:16px;--u-gutter-lg:20px;--u-element-xxs:12px;--u-element-xs:16px;--u-element-sm:20px;--u-rounded:8px;--u-rounded-full:9999px;--u-box-shadow-sm:0px 2px 6px var(--black-a2);--u-box-shadow-lg:0 10px 15px -3px var(--black-a3),0 4px 6px -4px var(--black-a4);--u-focus-scale:0.96;--u-ease-in:cubic-bezier(0.4,0,1,1);--u-ease-out:cubic-bezier(0.1,0.6,0.4,0.9);--u-bounce:cubic-bezier(0.175,0.885,0.325,1.275);--u-mask:linear-gradient(90deg,#0000 0,#0000 0%,#000 5%,#000 95%,#0000 100%,#0000 0) 100% 50% /100% 100%}.light-theme,:root{--color-background:#fafafa;--gray-1:#f7f8f7;--gray-2:#f3f4f2;--gray-3:#e9ebe9;--gray-4:#e1e3e0;--gray-5:#d9dbd8;--gray-6:#d0d3cf;--gray-7:#c5c8c4;--gray-8:#b1b5b0;--gray-9:#828681;--gray-10:#787c76;--gray-11:#5a5e59;--gray-12:#1e211d;--gray-a1:#3b7b3b04;--gray-a2:#34501809;--gray-a3:#0a260a12;--gray-a4:#0e21041b;--gray-a5:#0a190323;--gray-a6:#0718012c;--gray-a7:#09170538;--gray-a8:#0613024c;--gray-a9:#040c027c;--gray-a10:#040c0087;--gray-a11:#030902a5;--gray-a12:#020601e2;--black-a0:rgba(32,32,32,0);--black-a1:rgba(32,32,32,.05);--black-a2:rgba(32,32,32,.1);--black-a3:rgba(32,32,32,.15);--black-a4:rgba(32,32,32,.2);--black-a5:rgba(32,32,32,.3);--black-a6:rgba(32,32,32,.4);--black-a7:rgba(32,32,32,.5);--black-a8:rgba(32,32,32,.6);--black-a9:rgba(32,32,32,.7);--black-a10:rgba(32,32,32,.8);--black-a11:rgba(32,32,32,.9);--black-a12:rgba(32,32,32,.95);--white-a0:hsla(0,0%,99%,0);--white-a1:hsla(0,0%,99%,.05);--white-a2:hsla(0,0%,99%,.1);--white-a3:hsla(0,0%,99%,.15);--white-a4:hsla(0,0%,99%,.2);--white-a5:hsla(0,0%,99%,.3);--white-a6:hsla(0,0%,99%,.4);--white-a7:hsla(0,0%,99%,.5);--white-a8:hsla(0,0%,99%,.6);--white-a9:hsla(0,0%,99%,.7);--white-a10:hsla(0,0%,99%,.8);--white-a11:hsla(0,0%,99%,.9);--white-a12:hsla(0,0%,99%,.95);--red-1:#f9f7f6;--red-2:#fbf0ec;--red-3:#fee5da;--red-4:#ffd0ba;--red-5:#ffc1a4;--red-6:#feb597;--red-7:#eea385;--red-8:#e18c69;--red-9:#ec7038;--red-10:#e06327;--red-11:#c24c0a;--red-12:#552f20;--red-a1:#c8622f05;--red-a2:#ffc8b433;--red-a3:#ffe0d2cc;--red-a4:#ffd0ba;--red-a5:#ffc1a4;--red-a6:#ffa47fcc;--red-a7:#e1420278;--red-a8:#cf3d0094;--red-a9:#e84800c6;--red-a10:#dc4801d8;--red-a11:#c04500f5;--red-a12:#3e1201df;--blue-4:#d6e3fe;--blue-a8:#004beb86;--green-4:#ceecd5;--green-a8:#009f3cbf;--yellow-4:#ffe39e;--yellow-a8:#b98000b5}.dark-theme{--color-background:#272727;--gray-1:#262729;--gray-2:#2d2d30;--gray-3:#353538;--gray-4:#3a3b3f;--gray-5:#3f4045;--gray-6:#46474d;--gray-7:#52535a;--gray-8:#686a74;--gray-9:#737580;--gray-10:#7e808b;--gray-11:#b4b6c0;--gray-12:#eeeef0;--gray-a1:#0027d103;--gray-a2:#b3b3f80b;--gray-a3:#d1d1f615;--gray-a4:#ced7fa1d;--gray-a5:#d1d9fc24;--gray-a6:#d7ddff2d;--gray-a7:#dbdffc3d;--gray-a8:#dee3ff5b;--gray-a9:#dee3fd6a;--gray-a10:#e2e6fd77;--gray-a11:#eef1ffb5;--gray-a12:#fcfcfeee;--white-a0:rgba(32,32,32,0);--white-a1:rgba(32,32,32,.05);--white-a2:rgba(32,32,32,.1);--white-a3:rgba(32,32,32,.15);--white-a4:rgba(32,32,32,.2);--white-a5:rgba(32,32,32,.3);--white-a6:rgba(32,32,32,.4);--white-a7:rgba(32,32,32,.5);--white-a8:rgba(32,32,32,.6);--white-a9:rgba(32,32,32,.7);--white-a10:rgba(32,32,32,.8);--white-a11:rgba(32,32,32,.9);--white-a12:rgba(32,32,32,.95);--black-a0:hsla(0,0%,99%,0);--black-a1:hsla(0,0%,99%,.05);--black-a2:hsla(0,0%,99%,.1);--black-a3:hsla(0,0%,99%,.15);--black-a4:hsla(0,0%,99%,.2);--black-a5:hsla(0,0%,99%,.3);--black-a6:hsla(0,0%,99%,.4);--black-a7:hsla(0,0%,99%,.5);--black-a8:hsla(0,0%,99%,.6);--black-a9:hsla(0,0%,99%,.7);--black-a10:hsla(0,0%,99%,.8);--black-a11:hsla(0,0%,99%,.9);--black-a12:hsla(0,0%,99%,.95);--red-1:#2c2623;--red-2:#322824;--red-3:#462e24;--red-4:#5a2f1c;--red-5:#663621;--red-6:#74412c;--red-7:#895038;--red-8:#ab6243;--red-9:#ec7038;--red-10:#df642a;--red-11:#ff9e72;--red-12:#fedbcd;--red-a1:#fc000006;--red-a2:#ff3b000d;--red-a3:#fd581325;--red-a4:#fc49003d;--red-a5:#fd5a134b;--red-a6:#ff70365b;--red-a7:#ff824d74;--red-a8:#ff88559c;--red-a9:#ff773ae9;--red-a10:#fe6e2ada;--red-a11:#ff9e72;--red-a12:#ffdcce;--blue-4:#233e7c;--blue-a8:#4179fec0;--green-4:#2a4b34;--green-a8:#5dff926e;--yellow-4:#4c3b13;--yellow-a8:#fec85079}</style> <style>.fadeScale-enter-active,.fadeScale-leave-active{transition:opacity .4s var(--u-ease-out),transform .2s var(--u-bounce)}.fadeScale-enter-from,.fadeScale-leave-to{opacity:0;transform:scale(0)}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(8px)}}@keyframes slideLeftFadeIn{0%{opacity:0;transform:translateX(8px)}}@keyframes slideRightFadeIn{0%{opacity:0;transform:translateX(-8px)}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-8px)}}@keyframes slideDownFadeOut{to{opacity:0;transform:translateY(8px)}}</style> <style>.u-alertdialog{max-width:480px}.u-alertdialog footer{display:flex;gap:var(--u-gutter-sm);justify-content:flex-end;margin-top:var(--u-gutter-lg)}.u-aspectratio{bottom:0;left:0;right:0;top:0}.u-badge{align-items:center;background-color:var(--background-color);border-radius:var(--u-rounded);color:var(--text-color);display:inline-flex;font-weight:500;line-height:1;white-space:nowrap}.u-badge.rounded{border-radius:var(--u-rounded-full)}.u-badge.xs{-moz-column-gap:var(--u-gap-xs);column-gap:var(--u-gap-xs);font-size:var(--u-text-xs);padding:var(--u-gap-xs) var(--u-gap-sm)}.u-badge.xs>.u-icon{height:var(--u-element-xxs);width:var(--u-element-xxs)}.u-badge.sm{-moz-column-gap:var(--u-gap-sm);column-gap:var(--u-gap-sm);font-size:var(--u-text-sm);padding:var(--u-gap-sm) var(--u-gap-md)}.u-badge.sm>.u-icon{height:var(--u-element-xs);width:var(--u-element-xs)}.u-badge.lg{-moz-column-gap:var(--u-gap-md);column-gap:var(--u-gap-md);font-size:var(--u-text-base);padding:var(--u-gap-md) var(--u-gap-lg)}.u-badge.lg>.u-icon{height:var(--u-element-sm);width:var(--u-element-sm)}.u-badge.color.solid{--text-color:var(--gray-1);--background-color:var(--color-10);box-shadow:inset 0 4px 4px var(--black-a2)}.u-badge.black.solid{--text-color:var(--gray-1);--background-color:var(--gray-11);box-shadow:inset 0 4px 4px var(--black-a3)}.u-badge.gray.solid{--text-color:var(--gray-11);--background-color:var(--gray-4);box-shadow:inset 0 4px 4px var(--gray-a3)}.u-badge.white.solid{--text-color:var(--gray-11);--background-color:var(--gray-1);box-shadow:inset 0 0 0 1px var(--gray-3),inset 0 4px 4px var(--white-a2)}.u-badge.outline{box-shadow:inset 0 0 0 1px currentColor;--background-color:transparent}.u-badge.color.outline{--text-color:var(--color-11)}.u-badge.black.outline{--text-color:var(--gray-12)}.u-badge.gray.outline{--text-color:var(--gray-9)}.u-badge.white.outline{--text-color:var(--gray-1)}.u-badge.subtle{box-shadow:inset 0 0 0 1px currentColor}.u-badge.color.soft,.u-badge.color.subtle{--text-color:var(--color-11);--background-color:var(--color-a3)}.u-badge.black.soft,.u-badge.black.subtle{--text-color:var(--gray-12);--background-color:var(--black-a3)}.u-badge.gray.soft,.u-badge.gray.subtle{--text-color:var(--gray-9);--background-color:var(--gray-a3)}.u-badge.white.soft,.u-badge.white.subtle{--text-color:var(--gray-2);--background-color:var(--white-a3)}.u-button{--u-roundness:var(--u-rounded);align-items:center;background-color:var(--background-color)!important;color:var(--text-color);flex-shrink:0;font-weight:500;justify-content:center;line-height:1;transition-duration:.2s;transition-property:color,background-color,opacity,box-shadow,transform;white-space:nowrap}@media (hover:hover){.u-button:hover{background-color:var(--background-color-hover,var(--background-color))!important;color:var(--text-color-hover,var(--text-color))}}.u-button:focus{outline:none}.u-button:focus-visible{outline:1px solid var(--color-6,var(--gray-a6))}.u-button:focus:active{animation:buttonClick 0s var(--u-ease-out);transform:scaleX(var(--u-focus-scale,.97)) scaleY(var(--u-focus-scale,.97))}.u-button:is(:disabled,[disabled]){background-color:var(--background-color)!important;color:var(--text-color)!important;cursor:not-allowed;opacity:.75}.u-button.block{display:flex;width:100%}.u-button.inline{display:inline-flex}.u-button.rounded{--u-roundness:var(--u-rounded-full)}.u-button.round-tl{border-top-left-radius:var(--u-roundness)}.u-button.round-tr{border-top-right-radius:var(--u-roundness)}.u-button.round-br{border-bottom-right-radius:var(--u-roundness)}.u-button.round-bl{border-bottom-left-radius:var(--u-roundness)}.u-button.xs{-moz-column-gap:var(--u-gap-xs);column-gap:var(--u-gap-xs);font-size:var(--u-text-xs)}.u-button.xs.padded{min-width:20px;padding:var(--u-gap-xs) var(--u-gap-sm)}.u-button.xs.padded.square{padding:var(--u-gap-xs)}.u-button.xs>.u-icon{height:var(--u-element-xxs);width:var(--u-element-xxs)}.u-button.sm{-moz-column-gap:var(--u-gap-sm);column-gap:var(--u-gap-sm);font-size:var(--u-text-sm)}.u-button.sm.padded{min-width:30px;padding:var(--u-gap-sm) var(--u-gap-md)}.u-button.sm.padded.square{padding:var(--u-gap-sm)}.u-button.sm>.u-icon{height:var(--u-element-xs);width:var(--u-element-xs)}.u-button.lg{-moz-column-gap:var(--u-gap-md);column-gap:var(--u-gap-md);font-size:var(--u-text-base)}.u-button.lg.padded{min-width:40px;padding:var(--u-gap-md) var(--u-gap-lg)}.u-button.lg.padded.square{padding:var(--u-gap-md)}.u-button.lg>.u-icon{height:var(--u-element-sm);width:var(--u-element-sm)}.u-button.color.solid{--text-color:var(--gray-1);--background-color:var(--color-10);--background-color-hover:var(--color-11);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--black-a2)}.u-button.black.solid{--text-color:var(--gray-1);--background-color:var(--gray-11);--background-color-hover:var(--gray-12);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--black-a3)}.u-button.gray.solid{--text-color:var(--gray-11);--background-color:var(--gray-3);--background-color-hover:var(--gray-4);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--gray-a3)}.u-button.white.solid{--text-color:var(--gray-11);--background-color:var(--gray-1);--background-color-hover:var(--gray-2);box-shadow:var(--u-box-shadow-sm),inset 0 0 0 1px var(--gray-3),inset 0 4px 4px var(--white-a2)}.u-button.outline{--background-color:transparent}.u-button.color.outline{--text-color:var(--color-11);--background-color-hover:var(--color-a3);box-shadow:inset 0 0 0 1px var(--color-11)}.u-button.black.outline{--text-color:var(--gray-12);--background-color-hover:var(--black-a3);box-shadow:inset 0 0 0 1px var(--gray-12)}.u-button.gray.outline{--text-color:var(--gray-9);--background-color-hover:var(--gray-a3);box-shadow:inset 0 0 0 1px var(--gray-9)}.u-button.white.outline{--text-color:var(--gray-1);--background-color-hover:var(--white-a3);box-shadow:inset 0 0 0 1px var(--gray-1)}.u-button.color.soft{--text-color:var(--color-11);--background-color:var(--color-a3);--background-color-hover:var(--color-5)}.u-button.black.soft{--text-color:var(--gray-12);--background-color:var(--black-a3);--background-color-hover:var(--gray-8)}.u-button.gray.soft{--text-color:var(--gray-9);--background-color:var(--gray-a3);--background-color-hover:var(--gray-4)}.u-button.white.soft{--text-color:var(--gray-2);--background-color:var(--white-a3);--background-color-hover:var(--gray-7)}.u-button.color.ghost{--text-color:var(--color-11);--background-color-hover:var(--color-a3)}.u-button.black.ghost{--text-color:var(--gray-11);--text-color-hover:var(--gray-12);--background-color-hover:var(--black-a3)}.u-button.gray.ghost{--text-color:var(--gray-9);--text-color-hover:var(--gray-10);--background-color-hover:var(--gray-a3)}.u-button.white.ghost{--text-color:var(--gray-1);--background-color-hover:var(--white-a3)}.u-button.color.link{--text-color:var(--color-11);--text-color-hover:var(--color-12)}.u-button.black.link{--text-color:var(--gray-11);--text-color-hover:var(--gray-12)}.u-button.gray.link{--text-color:var(--gray-9);--text-color-hover:var(--gray-10)}.u-button.white.link{--text-color:var(--gray-1);--text-color-hover:var(--gray-2)}.u-button>.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-button>.u-icon{flex-shrink:0}@keyframes buttonClick{0%{transform:scaleX(var(--u-focus-scale,.97)) scaleY(var(--u-focus-scale,.97))}40%{transform:scaleX(1.02) scaleY(1.02)}to{transform:scaleX(1) scaleY(1)}}.u-buttongroup{display:inline-flex}.u-buttongroup.horizontal>*+*{margin-left:-1px}.u-buttongroup.vertical{flex-direction:column}.u-buttongroup.vertical>*+*{margin-top:-1px}.u-checkbox__wrapper{align-items:flex-start;display:flex;position:relative;--border-color:var(--gray-3);--background-color:var(--gray-1);--background-color-hover:var(--gray-2)}.u-checkbox__wrapper .u-checkbox{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:calc(var(--u-rounded) - 4px);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--gray-a2);color:var(--input-color);display:inline-block;flex-shrink:0;height:16px;margin-top:2px;padding:2px;transition:background-color .2s var(--u-ease-out);width:16px}.u-checkbox__wrapper .u-checkbox:focus{box-shadow:0 0 0 1px transparent,0 0 transparent;outline:1px solid transparent;outline-offset:1px}.u-checkbox__wrapper .u-checkbox:focus-visible{box-shadow:0 0 0 1px var(--color-6,var(--gray-a6)),0 0 transparent!important}@media (hover:hover){.u-checkbox__wrapper .u-checkbox:hover{background-color:var(--background-color-hover)}}.u-checkbox__wrapper .u-checkbox:is(:disabled,[disabled]){cursor:not-allowed;opacity:.5}.u-checkbox__wrapper .u-checkbox-label{display:flex;flex-direction:column;font-size:var(--u-text-sm);margin-inline-start:var(--u-gap-sm)}.u-checkbox__wrapper .u-checkbox-label label{color:var(--label-color);font-size:var(--u-text-sm);font-weight:500}.u-checkbox__wrapper .u-checkbox-label label span{color:var(--red-10);font-size:var(--u-text-xs);margin-inline-start:2px}.u-checkbox__wrapper .u-checkbox-label p{color:var(--gray-8);font-size:var(--u-text-xs);opacity:.75}.u-checkbox__wrapper.xs .u-checkbox{height:12px;width:12px}.u-checkbox__wrapper.xs .u-checkbox-label label{line-height:1.35}.u-checkbox__wrapper.xs .u-checkbox-label label,.u-checkbox__wrapper.xs .u-checkbox-label label span,.u-checkbox__wrapper.xs .u-checkbox-label p{font-size:var(--u-text-xs)}.u-checkbox__wrapper.lg .u-checkbox{height:20px;width:20px}.u-checkbox__wrapper.lg .u-checkbox-label label{font-size:var(--u-text-base);line-height:1.5}.u-checkbox__wrapper.lg .u-checkbox-label label span,.u-checkbox__wrapper.lg .u-checkbox-label p{font-size:var(--u-text-sm)}.u-checkbox__wrapper.color{--background-color:var(--gray-a3);--background-color-hover:var(--color-a3,var(--gray-a4));--input-color:var(--gray-1);--label-color:var(--gray-11)}.u-checkbox__wrapper.color .u-checkbox[data-state=checked],.u-checkbox__wrapper.color .u-checkbox[data-state=indeterminate]{--background-color:var(--color-10,var(--gray-a11));--background-color-hover:var(--color-11,var(--gray-a12))}.u-checkbox__wrapper.white{--background-color:var(--white-a3);--background-color-hover:var(--white-a4);--input-color:var(--gray-11);--label-color:var(--gray-1)}.u-checkbox__wrapper.white .u-checkbox[data-state=checked],.u-checkbox__wrapper.white .u-checkbox[data-state=indeterminate]{--background-color:var(--gray-1);--background-color-hover:var(--gray-2)}.u-collapsible[data-state=open]{animation:collapsibleSlideDown .4s var(--u-bounce)}.u-collapsible[data-state=closed]{animation:collapsibleSlideUp .2s var(--u-bounce);height:var(--min-height,0);overflow:hidden}@keyframes collapsibleSlideDown{0%{height:var(--min-height,0);overflow:hidden}99%{overflow:hidden}to{height:var(--radix-collapsible-content-height);overflow:visible}}@keyframes collapsibleSlideUp{0%{height:var(--radix-collapsible-content-height);overflow:visible}1%{overflow:hidden}to{height:var(--min-height,0);overflow:hidden}}.u-combobox{animation:animateIn .2s var(--u-bounce);background-color:var(--background-color);border-radius:var(--u-rounded);color:var(--text-color);margin-top:var(--u-gap-sm);min-width:120px;overflow:hidden;position:absolute;width:100%;will-change:transform,opacity;z-index:10}.u-combobox-anchor{position:relative}.u-combobox__controls{display:flex;gap:var(--u-gap-xs);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.u-dialog__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--black-a2);bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;transition:background-color .2s var(--u-ease-out);z-index:2147483644}.u-dialog__overlay[data-state=open]{animation:fadeIn .2s var(--u-ease-out)}.u-dialog__overlay[data-state=closed]{animation:fadeOut .1s var(--u-ease-out)}.u-dialog{background-color:var(--gray-1);border-radius:var(--u-rounded);box-shadow:var(--u-box-shadow-lg);left:50%;max-height:85vh;padding:var(--u-gutter-lg);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2147483645}.u-dialog[data-state=open]{animation:dialogAnimateIn .2s var(--u-bounce)}.u-dialog[data-state=closed]{animation:dialogAnimateOut .1s var(--u-bounce)}.u-dialog:focus,.ui.sheet:focus{outline:none}.u-dialog header,.u-sheet header{margin-bottom:var(--u-gutter-sm)}.u-dialog header .u-dialog-title,.u-sheet header .u-sheet-title{font-weight:500;padding-right:24px}.u-dialog header .u-dialog-description,.u-sheet header .u-sheet-description{margin-top:2px;padding-right:24px}.u-dialog-close{position:absolute;right:var(--u-gutter-xs);top:var(--u-gutter-xs)}@keyframes dialogAnimateIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialogAnimateOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.96)}}.u-drawer{align-items:center;background-color:#fff;border-top-left-radius:var(--u-rounded);border-top-right-radius:var(--u-rounded);bottom:0;display:flex;flex-direction:column;height:auto;left:0;margin-top:96px;max-height:85vh;outline:none!important;position:fixed;right:0;z-index:2147483645}.u-drawer:focus-visible{box-shadow:0 0 0 1px var(--color-6,var(--gray-a6)),0 0 transparent!important;outline:none}.u-drawer-knob{background-color:var(--gray-4);border-radius:var(--u-rounded-full);cursor:grab;flex-shrink:0;height:8px;margin:20px auto;width:64px}.u-drawer-knob:active{cursor:grabbing}.u-drawer>section{overflow-y:auto;padding:var(--u-gutter-md) var(--u-gutter-lg) var(--u-gutter-lg);width:100%}.u-drawer>section header{margin-bottom:24px}.u-drawer>section header .u-dialog-title{font-weight:500}.u-dropdownmenu{animation:animateIn .4s var(--u-bounce);background-color:var(--background-color);border-radius:var(--u-rounded);color:var(--text-color);min-width:160px;padding:var(--u-gap-xs);will-change:transform,opacity}.u-dropdownmenu[data-side=top],.u-select[data-side=top]{--translate-y:8px}.u-dropdownmenu[data-side=left],.u-select[data-side=left]{--translate-x:8px}.u-dropdownmenu[data-side=right],.u-select[data-side=right]{--translate-x:-8px}.u-dropdownmenu[data-side=bottom],.u-select[data-side=bottom]{--translate-y:-8px}@keyframes animateIn{0%{opacity:0;transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--u-focus-scale))}}.u-combobox.color,.u-dropdownmenu.color,.u-select.color{--text-color:var(--gray-1);--label-color:var(--color-4,var(--gray-4));--background-color:var(--color-9);--background-color-hover:var(--color-10);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--black-a2)}.u-combobox.black,.u-dropdownmenu.black,.u-select.black{--text-color:var(--gray-1);--label-color:var(--gray-5);--background-color:var(--gray-11);--background-color-hover:var(--gray-12);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--black-a3)}.u-combobox.gray,.u-combobox.white,.u-dropdownmenu.gray,.u-dropdownmenu.white,.u-select.gray,.u-select.white{--text-color:var(--gray-11)}.u-combobox.gray,.u-dropdownmenu.gray,.u-select.gray{--label-color:var(--gray-8);--background-color:var(--gray-3);--background-color-hover:var(--gray-4);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--gray-a3)}.u-combobox.white,.u-dropdownmenu.white,.u-select.white{--label-color:var(--gray-5);--background-color:var(--gray-1);--background-color-hover:var(--gray-2);box-shadow:var(--u-box-shadow-sm),inset 0 0 0 1px var(--gray-3),inset 0 4px 4px var(--white-a2)}.u-dropdownmenu-sub{overflow:hidden;z-index:50}.u-dropdownmenu-checkboxitem,.u-dropdownmenu-item{align-items:center;border-radius:calc(var(--u-rounded) - 4px);cursor:pointer;display:flex;font-size:var(--u-text-sm);outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.u-dropdownmenu-item{gap:var(--u-gap-md);padding:6px 8px}.u-dropdownmenu-checkboxitem[data-disabled],.u-dropdownmenu-item[data-disabled]{opacity:.75;pointer-events:none}.u-dropdownmenu-checkboxitem[data-highlighted],.u-dropdownmenu-item[data-highlighted]{background-color:var(--background-color-hover)}.u-dropdownmenu-item.inset{padding-left:36px}.u-dropdownmenu-item>.u-icon{color:var(--text-color);height:var(--u-element-xs);width:var(--u-element-xs)}.u-dropdownmenu-item>.u-icon.traling{height:var(--u-element-xxs);margin-left:auto;width:var(--u-element-xxs)}.u-dropdownmenu-checkboxitem{padding:4px 8px 4px 28px}.u-dropdownmenu-itemindicator{align-items:center;background-color:var(--text-color);border-radius:var(--u-rounded-full);display:flex;height:6px;justify-content:center;left:12px;position:absolute;width:6px}.u-dropdownmenu-label,.u-select-label{font-weight:500;margin-top:var(--u-gap-xs);padding:4px 8px}.u-dropdownmenu-label{color:var(--text-color);display:inline-block;font-size:var(--u-text-sm);width:100%}.u-dropdownmenu-label.inset{padding-left:36px}.u-dropdownmenu-separator{background-color:var(--label-color);height:1px;margin:var(--u-gap-xs) 0}.u-formgroup{--label-color:var(--gray-11);--hint-color:var(--gray-8)}.u-formgroup>div>.u-form__label-wrapper{align-content:center;align-items:center;display:flex;justify-content:space-between}.u-formgroup>div>.u-form__label-wrapper>label{color:var(--label-color);display:block;font-weight:500}.u-formgroup>div>.u-form__label-wrapper>label.required:after{color:var(--red-11);content:"*";margin-inline-start:2px}.u-formgroup>div>.u-form-description,.u-formgroup>div>.u-form__label-wrapper>.u-form-hint{color:var(--hint-color)}.u-formgroup .u-form__context.label{margin-top:4px;position:relative}.u-formgroup .u-form__context .u-form-help{color:var(--hint-color)}.u-formgroup .u-form__context .u-form-error{color:var(--red-11)!important}.u-formgroup .u-form__context .u-form-error,.u-formgroup .u-form__context .u-form-help{margin-top:var(--u-gap-xs)}.u-formgroup.xs .u-form__context .u-form-error,.u-formgroup.xs .u-form__context .u-form-help,.u-formgroup.xs>div>.u-form-description,.u-formgroup.xs>div>.u-form__label-wrapper{font-size:var(--u-text-xs);line-height:1.35}.u-formgroup.sm .u-form__context .u-form-error,.u-formgroup.sm .u-form__context .u-form-help,.u-formgroup.sm>div>.u-form-description,.u-formgroup.sm>div>.u-form__label-wrapper{font-size:var(--u-text-sm);line-height:1.4}.u-formgroup.lg .u-form__context .u-form-error,.u-formgroup.lg .u-form__context .u-form-help,.u-formgroup.lg>div>.u-form-description,.u-formgroup.lg>div>.u-form__label-wrapper{font-size:var(--u-text-base);line-height:1.5}.u-indicator{display:inline-flex;flex-shrink:0;position:relative;z-index:5}.u-indicator>span{align-items:center;box-shadow:var(--u-box-shadow-sm),0 0 0 1px var(--gray-1);color:var(--gray-1);display:flex;font-weight:500;justify-content:center;line-height:1;position:absolute;white-space:nowrap}.u-indicator>span,.u-indicator>span:before{background-color:var(--color-9,var(--gray-9));border-radius:var(--u-rounded-full)}.u-indicator>span.inset{transform:translateY(0) translateX(0)!important}.u-indicator>span.custom{background-color:transparent;box-shadow:var(--u-box-shadow-sm);padding:0!important}.u-indicator>*{flex:1}.u-indicator>span.sm{font-size:8px;min-height:10px;min-width:10px;padding:2px 3px}.u-indicator>span.md{font-size:10px;min-height:14px;min-width:14px;padding:3px 4px}.u-indicator>span.lg{font-size:13px;min-height:18px;min-width:18px;padding:4px 5px}.u-indicator>span.top-right{right:0;top:0;transform:translateY(-50%) translateX(50%)}.u-indicator>span.bottom-right{bottom:0;right:0;transform:translateY(50%) translateX(50%)}.u-indicator>span.top-left{left:0;top:0;transform:translateY(-50%) translateX(-50%)}.u-indicator>span.bottom-left{bottom:0;left:0;transform:translateY(50%) translateX(-50%)}.u-indicator>span.ping:before{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.u-input,.u-numberfield,.u-pininput{font-size:var(--u-text-sm);position:relative}.u-input input,.u-numberfield,.u-pininput input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-background-color);border:1px solid var(--input-background-color);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--input-shadow-color);color:var(--input-color);line-height:1}.u-input input{display:block;padding:0;position:relative;width:100%}.u-input input::-moz-placeholder,.u-numberfield input::-moz-placeholder,.u-pininput input::-moz-placeholder{color:var(--input-placeholder)}.u-input input::placeholder,.u-numberfield input::placeholder,.u-pininput input::placeholder{color:var(--input-placeholder)}.u-input input:is(:disabled,[disabled]),.u-numberfield input:is(:disabled,[disabled]),.u-pininput input:is(:disabled,[disabled]){cursor:not-allowed;opacity:.75}.u-input input:focus,.u-numberfield input:focus,.u-pininput input:focus{outline:none}.u-input input:focus,.u-numberfield:focus-within,.u-pininput input:focus{box-shadow:var(--u-box-shadow-sm),inset 0 0 0 1px var(--color-6,var(--gray-a6))!important}.u-input input.padded,.u-numberfield input.padded{padding:var(--u-gap-sm) var(--u-gap-md)}.u-input input.round-tl,.u-numberfield.round-tl{border-top-left-radius:var(--u-rounded)}.u-input input.round-tr,.u-numberfield.round-tr{border-top-right-radius:var(--u-rounded)}.u-input input.round-br,.u-numberfield.round-br{border-bottom-right-radius:var(--u-rounded)}.u-input input.round-bl,.u-numberfield.round-bl{border-bottom-left-radius:var(--u-rounded)}.u-input input[type=file]::file-selector-button{background-color:transparent;border:0;color:var(--input-placeholder);font-weight:500;margin-right:var(--u-gutter-sm);outline:none;padding:0}.u-input input.leading{padding-inline-start:40px}.u-input input.trailing{padding-inline-end:40px}.u-input>span{align-items:center;bottom:0;display:flex;padding-left:12px;padding-right:12px;position:absolute;top:0}.u-input>span .u-icon{color:var(--input-placeholder);flex-shrink:0;height:var(--u-element-xs);width:var(--u-element-xs)}.u-input.xs,.u-numberfield.xs{font-size:var(--u-text-xs)}.u-input.xs input.padded,.u-numberfield.xs input.padded{padding:var(--u-gap-xs) var(--u-gap-sm)}.u-input.xs input.leading{padding-inline-start:32px}.u-input.xs input.trailing{padding-inline-end:32px}.u-input.xs>span{padding-left:10px;padding-right:10px}.u-input.xs>span .u-icon{height:var(--u-element-xxs);width:var(--u-element-xxs)}.u-input.lg,.u-numberfield.lg{font-size:var(--u-text-base)}.u-input.lg input.padded,.u-numberfield.lg input.padded{padding:var(--u-gap-md) var(--u-gap-lg)}.u-input.lg input.leading{padding-inline-start:48px}.u-input.lg input.trailing{padding-inline-end:48px}.u-input.lg>span{padding-left:14px;padding-right:14px}.u-input.lg>span .u-icon{height:var(--u-element-sm);width:var(--u-element-sm)}.u-input.color,.u-numberfield.color,.u-pininput.color{--input-color:var(--color-12);--input-placeholder:var(--color-a8);--input-background-color:var(--color-a4);--input-background-color-hover:var(--color-a9);--input-shadow-color:var(--black-a1)}.u-input.black,.u-numberfield.black,.u-pininput.black{--input-color:var(--gray-1);--input-placeholder:var(--white-a5);--input-background-color:var(--gray-a10);--input-background-color-hover:var(--gray-a12);--input-shadow-color:var(--black-a2)}.u-input.gray,.u-numberfield.gray,.u-pininput.gray{--input-color:var(--gray-11);--input-placeholder:var(--gray-7);--input-background-color:var(--gray-a2);--input-background-color-hover:var(--gray-a6);--input-shadow-color:var(--black-a1)}.u-input.white,.u-numberfield.white,.u-pininput.white{--input-color:var(--gray-1);--input-placeholder:var(--white-a6);--input-background-color:var(--white-a3);--input-background-color-hover:var(--white-a2);--input-shadow-color:var(--white-a1)}.u-input.outline input,.u-numberfield.outline,.u-pininput.outline input{background-color:transparent;border-color:var(--input-background-color-hover);box-shadow:none}.u-input.outline.black,.u-numberfield.outline.black,.u-pininput.outline.black{--input-color:var(--gray-12);--input-placeholder:var(--black-a5)}.u-input.outline input:focus,.u-numberfield.outline:focus-within,.u-pininput.outline input:focus{box-shadow:inset 0 0 0 1px var(--color-6,var(--gray-a6))!important}.u-input>.leading__wrapper{color:var(--input-color);left:0}.u-input>.trailing__wrapper{color:var(--input-color);right:0}.u-link{text-underline-offset:var(--u-underline-offset)}@media (hover:hover){.u-link.underline:hover{text-decoration:underline}}.u-link.external{cursor:alias}.u-marquee__container{display:flex;overflow-x:hidden;position:relative;width:100%}.u-marquee__container.gradient{-webkit-mask:var(--u-mask);mask:var(--u-mask)}.u-marquee{will-change:transform;z-index:1}.u-marquee,.u-marquee__parent{align-items:center;display:flex;flex:0 0 auto;flex-direction:row}.u-marquee__parent{min-width:auto}.u-numberfield{align-items:center;display:flex;gap:var(--u-gap-sm)}.u-numberfield input{background-color:transparent;font-size:inherit;width:80px}.u-numberfield .u-button{border-radius:calc(var(--u-roundness) - 2px);margin:2px}.u-numberfield.xs{gap:var(--u-gap-xs)}.u-numberfield.lg{gap:var(--u-gap-lg)}.u-pagination-controls,.u-pagination>div{align-items:center;display:flex;gap:var(--u-gap-xs)}.u-pagination-item[data-selected=true]:focus:active{animation:none!important;cursor:auto;transform:none!important}.u-pagination-item[data-selected=true].gray.solid{--background-color-hover:var(--gray-10)}.u-pagination-item[data-selected=true].gray.outline{--background-color-hover:var(--gray-a9)}.u-pagination-item[data-selected=true].color.outline{--background-color-hover:var(--color-a9)}.u-pagination-item[data-selected=true].color.solid{--background-color-hover:var(--color-10)}.u-pininput{align-items:center;display:flex;font-size:var(--u-text-base);gap:var(--u-gap-sm)}.u-pininput input{border-radius:var(--u-rounded);box-sizing:content-box;height:20px;text-align:center;width:20px}.u-pininput input.padded{padding:var(--u-gap-sm)}.u-pininput.xs{font-size:var(--u-text-sm);gap:var(--u-gap-xs)}.u-pininput.xs input{height:16px;width:16px}.u-pininput.xs input.padded{padding:var(--u-gap-xs)}.u-pininput.lg{font-size:var(--u-text-lg);gap:var(--u-gap-md)}.u-pininput.lg input{height:22px;width:22px}.u-pininput.lg input.padded{padding:var(--u-gap-md)}.u-pininput.error{animation:shake .2s var(--u-bounce)}.u-pininput-separator{color:var(--input-placeholder)}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}.u-preview{transition:transform .4s var(--u-ease-out)}.u-preview__dialog{cursor:zoom-out;z-index:2147483645}.u-progress{display:flex;flex-direction:column;gap:var(--u-gutter-xs);width:100%}.u-progress-bar{background-color:var(--track-color);border-radius:var(--u-rounded-full);box-shadow:var(--u-box-shadow-sm),inset 0 4px 4px var(--progress-shadow-color);height:var(--progress-height);overflow:hidden;position:relative;transform:translateZ(0);width:100%}.u-progress-bar:not(.indeterminate):before{content:"";position:absolute;width:var(--progress-height)}.u-progress-bar:not(.indeterminate):before,.u-progress-range{background-color:var(--range-color);border-radius:var(--u-rounded-full);height:100%}.u-progress-range{flex:1 1 0%;transition:transform .1s var(--u-ease-out);width:100%}.u-progress-bar.indeterminate .u-progress-range{animation:swing 3s cubic-bezier(.4,0,.6,1) infinite;width:50%}@keyframes swing{0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}.u-progress__indicator{color:var(--text-color);display:flex;flex-direction:row;justify-content:flex-end;min-width:-moz-fit-content;min-width:fit-content}.u-progress__steps{color:var(--text-color);display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.u-progress__steps>div{grid-column-start:1;grid-row-start:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-progress.xs{--progress-height:6px}.u-progress.xs .u-progress__steps{font-size:var(--u-text-xs)}.u-progress.sm{--progress-height:12px}.u-progress.sm .u-progress__steps{font-size:var(--u-text-sm)}.u-progress.lg{--progress-height:20px}.u-progress.lg .u-progress__steps{font-size:var(--u-text-base)}.u-progress.color{--range-color:var(--color-9);--text-color:var(--color-10);--track-color:var(--color-a3);--progress-shadow-color:var(--black-a1)}.u-progress.gray{--range-color:var(--gray-5);--text-color:var(--gray-6);--track-color:var(--gray-a2);--progress-shadow-color:var(--black-a1)}.u-progress.black{--range-color:var(--gray-11);--text-color:var(--gray-12);--track-color:var(--black-a2);--progress-shadow-color:var(--black-a2)}.u-progress.white{--range-color:var(--gray-1);--text-color:var(--gray-2);--track-color:var(--white-a4);--progress-shadow-color:var(--white-a1)}.u-progress.outline .u-progress-bar{background-color:transparent;border:1px solid var(--range-color);box-shadow:none}.u-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--gray-3);border-radius:var(--u-rounded)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.u-select{animation:animateIn .4s var(--u-bounce);background-color:var(--background-color);border-radius:var(--u-rounded);color:var(--text-color);min-width:120px;overflow:hidden;position:relative;z-index:50}.u-select__viewport{padding:var(--u-gap-xs)}.u-select__viewport.popper{height:var(--radix-select-trigger-height);min-width:var(--radix-select-trigger-width);width:100%}.u-select-scrollbutton{display:flex;justify-content:center;padding:var(--u-gap-xs);width:100%}.u-select-scrollbutton .u-icon{height:12px;width:12px}.u-select-label{color:var(--label-color);font-size:var(--u-text-xs);padding-left:28px}.u-sheet{background-color:var(--gray-1);border-top-left-radius:var(--u-rounded);border-top-right-radius:var(--u-rounded);bottom:0;box-shadow:var(--u-box-shadow-lg);max-height:85vh;min-height:50vh;padding:var(--u-gutter-lg);position:fixed;width:100vw;z-index:2147483645}@media (min-width:640px){.u-sheet{height:100vh;max-height:none;width:90vw}.u-sheet.left{border-radius:0 var(--u-rounded) var(--u-rounded) 0}.u-sheet.right{border-radius:var(--u-rounded) 0 0 var(--u-rounded)}}.u-sheet.left{--from-to-x:translateX(-100%);left:0}.u-sheet.right{--from-to-x:translateX(100%);right:0}.u-sheet[data-state=open]{animation:slideUpFadeIn .2s var(--u-ease-out)}.u-sheet[data-state=closed]{animation:slideDownFadeOut .1s var(--u-ease-out)}@media (min-width:640px){.u-sheet[data-state=open]{animation:sheetAnimateIn .2s var(--u-ease-out)}.u-sheet[data-state=closed]{animation:sheetAnimateOut .1s var(--u-ease-in)}}@keyframes sheetAnimateIn{0%{opacity:0;transform:var(--from-to-x)}25%{opacity:1}to{transform:translateX(0)}}@keyframes sheetAnimateOut{0%{transform:translateX(0)}75%{opacity:0}to{opacity:0;transform:var(--from-to-x)}}.u-slider{align-items:center;display:flex;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.u-slider[data-disabled]{opacity:.75}.u-slider[data-disabled],.u-slider[data-disabled] *{cursor:not-allowed!important}.u-slider[data-orientation=vertical]{flex-direction:column;height:100%;min-height:64px}.u-slider .u-slider-track{background-color:var(--track-color);border-radius:var(--u-rounded-full);cursor:pointer;flex-grow:1;overflow:hidden;position:relative}.u-slider .u-slider-track[data-orientation=horizontal]{width:100%}.u-slider .u-slider-track .u-slider-range{background-color:var(--thumb-color);cursor:pointer;position:absolute}.u-slider .u-slider-track .u-slider-range[data-orientation=horizontal]{height:100%}.u-slider .u-slider-track .u-slider-range[data-orientation=vertical]{width:100%}.u-slider .u-slider-thumb{background-color:var(--thumb-color);border-radius:var(--u-rounded-full);cursor:pointer;display:block;transition:background-color .2s var(--u-ease-out)}.u-slider .u-slider-thumb:focus{outline:none}.u-slider .u-slider-thumb:focus-visible{outline:1px solid var(--thumb-color)}@media (hover:hover){.u-slider .u-slider-thumb:not([data-disabled]):hover{background-color:var(--thumb-color-hover);box-shadow:var(--u-box-shadow-sm)}}.u-slider.xs .u-slider-track[data-orientation=horizontal]{height:4px}.u-slider.xs .u-slider-track[data-orientation=vertical]{width:4px}.u-slider.xs .u-slider-thumb{height:var(--u-element-xxs);width:var(--u-element-xxs)}.u-slider.sm .u-slider-track[data-orientation=horizontal]{height:6px}.u-slider.sm .u-slider-track[data-orientation=vertical]{width:6px}.u-slider.sm .u-slider-thumb{height:var(--u-element-xs);width:var(--u-element-xs)}.u-slider.lg .u-slider-track[data-orientation=horizontal]{height:8px}.u-slider.lg .u-slider-track[data-orientation=vertical]{width:8px}.u-slider.lg .u-slider-thumb{height:var(--u-element-sm);width:var(--u-element-sm)}.u-slider.color{--thumb-color:var(--color-9);--thumb-color-hover:var(--color-10);--track-color:var(--color-a3)}.u-slider.gray{--thumb-color:var(--gray-5);--thumb-color-hover:var(--gray-6);--track-color:var(--gray-a2)}.u-slider.black{--thumb-color:var(--gray-11);--thumb-color-hover:var(--gray-12);--track-color:var(--black-a2)}.u-slider.white{--thumb-color:var(--gray-1);--thumb-color-hover:var(--gray-2);--track-color:var(--white-a4)}.u-toast__viewport{bottom:0;display:flex;flex-direction:column-reverse;gap:var(--u-gutter-xs);padding:var(--u-gutter-lg);position:fixed;right:0;width:100%;z-index:2147483646}.u-toast__viewport.is-not-empty:before{content:""}.u-toast__viewport:before{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-image:linear-gradient(to top,var(--white-a10),var(--white-a0));bottom:0;left:0;-webkit-mask:linear-gradient(0deg,#000 50%,#000 0);mask:linear-gradient(0deg,#000 50%,#000 0);position:absolute;right:0;top:0;z-index:-1}@media (min-width:640px){.u-toast__viewport:before{background-image:radial-gradient(ellipse farthest-side at 100% 100%,var(--white-a10),var(--white-a0));-webkit-mask:radial-gradient(ellipse farthest-side at 100% 100%,#000 50%,#0000);mask:radial-gradient(ellipse farthest-side at 100% 100%,#000 50%,#0000)}.u-toast__viewport{width:400px}}.u-toast{align-items:flex-start;background-color:var(--color-4,var(--gray-2));border-radius:var(--u-rounded);box-shadow:var(--u-box-shadow-lg);display:flex;gap:var(--u-gutter-sm);padding:var(--u-gap-md);position:relative;transition:background-color .2s var(--u-ease-out)}.u-toast[data-state=open]{animation:slideIn .2s var(--u-ease-out)}.u-toast[data-state=closed]{animation:fadeOut .1s var(--u-ease-in)}.u-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.u-toast[data-swipe=cancel]{transform:translateX(0);transition:transform .2s var(--u-ease-out)}.u-toast[data-swipe=end]{animation:swipeOut .1s var(--u-ease-out)}.u-toast>.u-icon{color:var(--color-a8,var(--gray-8));flex:0 0 24px;padding:2px}.u-toast .u-toast__inner{color:var(--gray-12);display:flex;flex-grow:1;gap:var(--u-gap-md);justify-content:space-between;padding-right:32px}.u-toast .u-toast__inner .u-toast-title{font-size:var(--u-text-sm);font-weight:500;margin-bottom:4px}.u-toast .u-toast__inner .u-toast-description{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.35}.u-toast .u-toast__inner .u-toast__actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--u-gap-sm)}.u-toast .u-toast__inner .u-toast-close{position:absolute;right:var(--u-gutter-xs);top:var(--u-gutter-xs)}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--u-gutter-lg)))}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}}.u-pagination-item[data-selected=true].gray.solid,.u-toggle[data-state=on].gray.solid{--text-color:var(--gray-1);--background-color:var(--gray-10);--background-color-hover:var(--gray-11)}.u-pagination-item[data-selected=true].gray.outline,.u-toggle[data-state=on].gray.outline{--text-color:var(--gray-1);--background-color:var(--gray-a9);--background-color-hover:var(--gray-8)}.u-pagination-item[data-selected=true].color.outline,.u-toggle[data-state=on].color.outline{--text-color:var(--color-1);--background-color:var(--color-a9);--background-color-hover:var(--color-9)}.u-pagination-item:not([data-selected=true]).color.solid,.u-toggle[data-state=off].color.solid{--text-color:var(--color-12);--background-color:var(--color-a3);--background-color-hover:var(--color-a4)}.u-togglegroup{align-items:center;display:flex;flex-wrap:wrap;gap:var(--u-gap-xs)}.u-tooltip{animation-duration:.2s;animation-timing-function:var(--u-ease-out);border-radius:var(--u-rounded);box-shadow:var(--u-box-shadow-lg);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity}.u-tooltip[data-state=delayed-open][data-side=top]{animation-name:slideUpFadeIn}.u-tooltip[data-state=delayed-open][data-side=left]{animation-name:slideLeftFadeIn}.u-tooltip[data-state=delayed-open][data-side=right]{animation-name:slideRightFadeIn}.u-tooltip[data-state=delayed-open][data-side=bottom]{animation-name:slideDownFadeIn}</style> <style>article[data-v-babb9aec]{padding:var(--u-gap-md);position:relative;transition:background-color .2s var(--u-ease-out)}article[data-v-babb9aec]:focus-within{background-color:var(--gray-a2);outline:0}@media (hover){article[data-v-babb9aec]:hover{background-color:var(--gray-a2)}}article ul[data-v-babb9aec]{display:flex;flex-wrap:wrap;gap:var(--u-gap-xs)}article span[data-v-babb9aec]{font-size:48px}</style> <style>article[data-v-fb6868ea]{padding:var(--u-gap-md);position:relative;transition:background-color .2s var(--u-ease-out)}article[data-v-fb6868ea]:focus-within{background-color:var(--gray-a2);outline:0}@media (hover){article[data-v-fb6868ea]:hover{background-color:var(--gray-a2)}}article span[data-v-fb6868ea]{margin-right:var(--u-gap-xs);vertical-align:text-bottom}article h3[data-v-fb6868ea]{display:inline;line-height:var(--leading-snug)}</style> <style>article[data-v-aebd3bb9]{align-items:flex-start;display:flex;gap:var(--u-gap-md);padding:var(--u-gap-md);position:relative;transition:background-color .2s var(--u-ease-out)}article[data-v-aebd3bb9]:focus-within{background-color:var(--gray-a2);outline:0}@media (hover){article[data-v-aebd3bb9]:hover{background-color:var(--gray-a2)}}article img[data-v-aebd3bb9]{flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}article h3[data-v-aebd3bb9]{line-height:var(--leading-tight)}</style> <style>.ais-InstantSearch{display:flex;flex-direction:column;gap:var(--u-gutter-lg);height:min(60vh,480px)}.ais-InstantSearch form{flex-shrink:0}.ais-InstantSearch .ais-Results{flex-grow:1;overflow-y:auto}.ais-InstantSearch .ais-Results .ais-StateResults{display:flex;flex-direction:column;gap:var(--u-gap-xs)}.ais-InstantSearch .ais-Results .ais-StateResults h6{margin-bottom:var(--u-gap-xs)}.ais-InstantSearch .ais-Results .ais-StateResults .ais-Hits{margin-bottom:var(--u-gap-xl)}.ais-InstantSearch .ais-Results .ais-StateResults .ais-Hits .ais-Hits-list>*+*{margin-top:var(--u-gap-sm)}</style> <style>.app-navigation{display:flex;padding:var(--app-padding);position:sticky;row-gap:var(--app-padding);top:0;transition-duration:.2s;transition-property:background-color,transform,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter,transform;transition-property:background-color,backdrop-filter,transform,-webkit-backdrop-filter;transition-timing-function:var(--u-ease-out);z-index:50}.app-navigation.fill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--white-a5)}.app-navigation.hide{transform:translateY(-100%)}@media (max-width:767px){.app-navigation{flex-wrap:wrap}}@media (min-width:768px){.app-navigation{gap:var(--app-padding)}}.app-navigation .logo{height:32px!important;width:32px!important}.app-navigation .right{margin-left:auto}@media (min-width:768px){.app-navigation .right{order:1}.app-navigation .right .menu{display:none}}.app-navigation ul{background-color:var(--gray-2);display:flex;justify-content:space-between;padding:6px;transition:opacity .2s var(--u-ease-out)}@media (max-width:767px){.app-navigation ul{border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--u-box-shadow-lg);flex-direction:column;left:0;padding-top:calc(48px + var(--app-padding)*2);position:absolute;top:0;width:100%;z-index:-1}.app-navigation ul>*+*{margin-top:4px}}@media (min-width:768px){.app-navigation ul{display:flex!important;flex:1;width:100%}}.app-navigation ul .marker{position:absolute}.app-navigation ul .marker:focus{outline:none}@media (min-width:768px){.app-navigation ul .marker{transition-duration:.2s;transition-property:top,left,right,bottom;transition-timing-function:var(--u-ease-out)}}.app-navigation ul .marker div{background-color:var(--gray-1);box-shadow:var(--u-box-shadow-sm),inset 0 0 0 1px var(--gray-3),inset 0 4px 4px var(--gray-a2);height:100%;width:100%}.app-navigation ul li{align-items:center;border-radius:var(--u-rounded);display:flex;padding:4px 8px;position:relative}.app-navigation ul li a{display:block;width:100%}</style> <style>section[data-v-114bab27]{margin-top:var(--app-padding);padding-left:var(--app-padding);padding-right:var(--app-padding)}section>div[data-v-114bab27]{background-color:var(--gray-3);display:grid;gap:32px;grid-auto-flow:dense;padding:var(--app-padding)}@media (min-width:768px){section>div[data-v-114bab27]{grid-template-columns:1fr min(calc(480px - var(--app-padding)*2),36vw)}}section .donors[data-v-114bab27]{cursor:pointer;position:relative}section .donors[data-v-114bab27]:after{background-color:var(--gray-3);bottom:0;content:"";height:calc(100% + 32px);left:0;-webkit-mask:linear-gradient(180deg,#0000,#000);mask:linear-gradient(180deg,#0000,#000);position:absolute;right:0;transition:height .2s var(--u-ease-out)}section .donors[data-state=closed][data-v-114bab27]{overflow:hidden}section .donors[data-state=open][data-v-114bab27]:after{height:0!important}@media (hover){section .donors[data-v-114bab27]:hover:after{height:100%}}@media (min-width:768px){section .donors[data-v-114bab27]{grid-column:1/-1}}section .donors ul[data-v-114bab27]{display:flex;flex-wrap:wrap;gap:4px 8px}section .donors ul .u-badge[data-v-114bab27]{cursor:pointer}section form div[data-v-114bab27]{position:relative}section form div button[data-v-114bab27]{align-items:baseline;cursor:alias;position:relative;z-index:1}section form div .flower[data-v-114bab27]{height:auto;opacity:0;position:absolute;transition:opacity .2s var(--u-ease-out),transform .8s var(--u-ease-out)}@media (max-width:767px){section form div .flower[data-v-114bab27]{display:none}}section form div .flower-1[data-v-114bab27]{left:40%;top:-24px;transform:translateX(0) translateY(75%) scale(.75) rotate(-90deg);width:36px}section form div .flower-2[data-v-114bab27]{left:80%;top:-12px;transform:translateX(0) translateY(100%) scale(.75) rotate(90deg);width:24px}section form div .flower-3[data-v-114bab27]{left:10%;top:calc(100% + 4px);transform:translateX(0) translateY(-150%) scale(.75) rotate(-1turn);width:28px}section form div .flower-4[data-v-114bab27]{left:100%;top:40%;transform:translateX(-150%) translateY(-12px) rotate(-.5turn);width:28px}section form div .flower-5[data-v-114bab27]{left:60%;top:calc(100% - 8px);transform:translateX(0) translateY(-75%) scale(.75) rotate(.5turn);width:40px}section form div .flower-6[data-v-114bab27]{left:-32px;top:-16px;transform:translateX(100%) translateY(12px) scale(.5) rotate(-90deg);width:48px}section form div .flower path[data-v-114bab27]{transform-origin:50% 50%}@media (hover){section form div:hover .flower[data-v-114bab27]{opacity:1;transform:translateX(0) translateY(0)}}[data-v-114bab27] h4{font-size:var(--u-text-xl);line-height:var(--leading-snug);margin:4px 0 8px}</style> <style>h4[data-v-3f7670dd]{color:var(--gray-12)}form[data-v-3f7670dd]{display:flex;flex-direction:column;gap:var(--u-gap-md);margin-bottom:64px;margin-top:var(--u-gutter-lg)}@media (min-width:768px){form[data-v-3f7670dd]{align-items:flex-end;flex-direction:row;justify-content:space-between}}form .u-formgroup[data-v-3f7670dd]{flex-grow:1}@media (min-width:768px){form .u-formgroup[data-v-3f7670dd] .u-form-error{position:absolute}}form button[data-v-3f7670dd]{display:block}</style> <style>footer[data-v-35733a1f]{color:var(--gray-12)}footer[data-v-35733a1f],footer div[data-v-35733a1f]{padding:var(--app-padding)}footer div[data-v-35733a1f]{background-color:var(--gray-1)}footer div img[data-v-35733a1f]{margin:var(--u-gutter-sm) 0 64px;max-width:min(80vw,480px);width:auto}footer div nav[data-v-35733a1f]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}footer div nav[data-v-35733a1f]>*{margin-top:var(--app-padding)}@media (min-width:768px){footer div nav[data-v-35733a1f]{flex-wrap:nowrap}}footer div nav ul[data-v-35733a1f]{list-style:none;margin:0;padding:0}@media (max-width:767px){footer div nav ul.secondary[data-v-35733a1f]{text-align:right}}footer div nav ul.secondary li[data-v-35733a1f] a.active{text-decoration:underline}footer div nav ul li[data-v-35733a1f]{text-transform:capitalize}footer div nav small[data-v-35733a1f]{font-size:var(--u-text)}@media (max-width:767px){footer div nav small[data-v-35733a1f]{flex:1 0 100%}}</style> <style>.page-wrapper{align-items:start;display:grid;gap:var(--app-padding);padding-left:var(--app-padding);padding-right:var(--app-padding)}@media (min-width:768px) and (max-width:1023px){.page-wrapper{--sidebar-width:400px;--sidebar-width--collapsed:76px;grid-template-columns:1fr var(--sidebar-width--collapsed)}}@media (min-width:1024px){.page-wrapper{grid-template-columns:1fr 480px}}.page-wrapper>aside,.page-wrapper>main{border-radius:var(--app-rounded);min-height:480px;min-width:0;padding:var(--app-padding)}@media (min-width:768px){.page-wrapper>aside,.page-wrapper>main{min-height:calc(var(--vh, 1vh)*100 - var(--app-padding)*3 - 48px);position:sticky;top:var(--app-padding)}.page-wrapper>aside.fill,.page-wrapper>main.fill{min-height:calc(var(--vh, 1vh)*100 - var(--app-padding)*2)}.page-wrapper>aside.snap,.page-wrapper>main.snap{top:calc(48px + var(--app-padding)*2)}}.page-wrapper>main{z-index:45}.page-wrapper>aside{z-index:40}</style> <style>header[data-v-d52325c7]{padding:var(--app-padding)}header .logo[data-v-d52325c7]{height:32px!important;width:32px!important}.page-wrapper[data-v-d52325c7]{grid-template-columns:1fr!important}.page-wrapper main[data-v-d52325c7]{background-color:var(--red-9);display:flex;flex-direction:column}.page-wrapper main .u-marquee__container h1[data-v-d52325c7]{font-size:min(12vw,96px);padding:0 10px;white-space:nowrap}.page-wrapper main .u-marquee__container h1[data-v-d52325c7]:first-letter{text-transform:capitalize}.page-wrapper main[data-v-d52325c7] .u-button{align-self:center;margin-bottom:auto;margin-top:auto}</style> <style>main[data-v-7d6f171c]{background-color:var(--yellow-6)}main[data-v-7d6f171c]>*+*{margin-top:var(--u-gutter-lg)}main .font-name[data-v-7d6f171c]{padding-left:var(--u-gutter-lg);padding-right:var(--u-gutter-lg)}main .font-name svg[data-v-7d6f171c]{max-height:320px}main img[data-v-7d6f171c]{height:auto;max-height:max(calc(var(--vh, 1vh)*85),480px);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}main .font-preview[data-v-7d6f171c]{align-items:start;display:grid;gap:var(--u-gutter-lg);grid-template-columns:minmax(0,1fr)}@media (min-width:1024px){main .font-preview[data-v-7d6f171c]{grid-template-columns:repeat(2,minmax(0,1fr))}}main .font-preview article[data-v-7d6f171c]{display:flex;flex-direction:column}@media (min-width:1024px){main .font-preview article.full[data-v-7d6f171c]{grid-column:1/span 2}}main .font-preview article h6[data-v-7d6f171c]{margin-bottom:var(--u-gutter-xs)}main .font-features h6[data-v-7d6f171c],main .font-preview article h6[data-v-7d6f171c]{border-bottom:1px solid var(--gray-12);padding:var(--u-gap-xs) 0}main .font-features h6[data-v-7d6f171c]{font-family:var(--font)}</style> <style>aside[data-v-686eba29]{background-color:var(--gray-2);display:flex;flex-direction:column;pointer-events:auto;transition:width .2s var(--u-ease-out)}aside[data-v-686eba29] >div{display:flex;flex-direction:column;flex-grow:1}@media (min-width:768px) and (max-width:1023px){aside[data-v-686eba29]{width:var(--sidebar-width--collapsed)}aside.is-open[data-v-686eba29]{box-shadow:var(--u-box-shadow-sm);height:calc(var(--vh, 1vh)*100 - var(--app-padding)*2);overflow:auto;position:fixed;right:var(--app-padding);top:var(--app-padding);width:var(--sidebar-width);z-index:60}}.u-dialog__overlay[data-v-686eba29]{pointer-events:auto;z-index:50}</style> <style>section[data-v-c5013119]{display:grid;grid-gap:var(--app-padding)}section h6[data-v-c5013119]{border-bottom:1px solid var(--gray-12);grid-column:1/-1;padding:var(--u-gap-xs) 0}section ul[data-v-c5013119]{display:grid;grid-gap:var(--u-gap-sm)}@media (min-width:1280px){section ul.double[data-v-c5013119]{-moz-column-gap:var(--app-padding-l);column-gap:var(--app-padding-l);grid-template-columns:1fr 1fr}}section ul small[data-v-c5013119]{border-bottom:1px solid var(--gray-12);display:block;font-size:var(--u-text-base);padding:var(--u-gap-xs) 0}section ul li[data-v-c5013119]{font-size:max(6vw,32px);line-height:var(--leading-tight)}@media (min-width:768px){section ul li[data-v-c5013119]{font-size:min(64px,3.25vw)}}section ul li span[data-v-c5013119]{display:block;font-family:var(--font);font-style:normal;font-weight:400;margin:var(--u-gap-sm) 0}</style> <style>.font-tester[data-v-f8244f78]{background-color:#fff;margin-left:calc(var(--app-padding)*-1);padding:var(--app-padding) 0;width:calc(100% + var(--app-padding)*2)}.font-tester section[data-v-f8244f78]{background-color:var(--gray-12);color:var(--gray-1);transition:all .2s var(--u-ease-out);width:100%}.font-tester section[data-v-f8244f78]>*{padding:var(--u-gutter-sm)}.font-tester header[data-v-f8244f78]{align-items:start;display:grid;gap:var(--u-gutter-sm)}@media (min-width:768px){.font-tester header[data-v-f8244f78]{grid-template-columns:160px 1fr}}.font-tester header[data-v-f8244f78] .u-select-trigger{justify-self:start}.font-tester header .controls-layout[data-v-f8244f78]{-moz-column-gap:var(--u-gutter-lg);column-gap:var(--u-gutter-lg);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;row-gap:var(--u-gap-xs);width:100%}.font-tester header .controls-layout div[data-v-f8244f78]{display:flex;flex:1 1 200px;gap:var(--u-gap-sm)}.font-tester header .controls-layout label[data-v-f8244f78]{flex-shrink:0;font-size:var(--u-text-xs)}.font-tester main[data-v-f8244f78]{margin-bottom:var(--u-gutter-sm);margin-top:var(--u-gutter-lg)}.font-tester main[data-v-f8244f78]:focus{outline:none}.font-tester footer[data-v-f8244f78]{display:flex;justify-content:space-between}</style> <style>small[data-v-a8ca36b5]{display:block;font-family:var(--font);margin:var(--u-gutter-lg) 0 var(--u-gap-xs)}div[data-v-a8ca36b5]{background-color:var(--gray-11);color:var(--gray-1);cursor:pointer;display:inline-block;padding:var(--u-gutter-sm)}div[data-v-a8ca36b5]:hover{--feature:var(--218e5348)}</style> <style>header[data-v-6b4b5102]{align-items:flex-end;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border-bottom:1px solid var(--gray-12);display:flex;justify-content:space-between;padding:var(--u-gap-xs) 0}header[data-v-6b4b5102] .u-select-trigger{margin-bottom:2px}small[data-v-6b4b5102]{display:block;font-family:var(--font);margin:var(--u-gutter-lg) 0 var(--u-gap-xs)}.character-set[data-v-6b4b5102]{--cell-size:64px;display:grid;gap:var(--u-gap-xs);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--cell-size)),1fr));position:relative}.character-set .u-aspectratio div[data-v-6b4b5102]{align-items:center;border:1px solid var(--gray-12);color:var(--gray-12);cursor:pointer;display:flex;font-size:28px;height:100%;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover){.character-set .u-aspectratio div[data-v-6b4b5102]:hover{background-color:var(--gray-a3)}}.font-characterset__floating[data-v-6b4b5102]{box-shadow:var(--u-box-shadow-lg);color:var(--gray-1);font-size:128px;left:0;position:absolute;top:0;width:min(280px,50vw);z-index:5}.font-characterset__floating[data-v-6b4b5102] .rounded{align-items:center;background-color:var(--gray-12);display:flex;height:100%;justify-content:center}</style> <style>h6[data-v-750d69a2]{border-bottom:1px solid var(--gray-12);font-family:var(--font);padding:var(--u-gap-xs) 0}</style> <style>.gallery-in-use{margin-top:var(--u-gutter-sm)}.gallery-in-use swiper-slide{display:table;width:1%;z-index:0}.gallery-in-use swiper-slide figure{font-size:0;margin:0}.gallery-in-use swiper-slide figure figcaption{color:var(--gray-11);margin-top:8px;text-indent:var(--u-gutter-lg)}.gallery-in-use swiper-slide img,.gallery-in-use swiper-slide video{height:320px;max-inline-size:unset}@media (min-width:768px){.gallery-in-use swiper-slide img,.gallery-in-use swiper-slide video{height:400px}}@media (min-width:1536px){.gallery-in-use swiper-slide img,.gallery-in-use swiper-slide video{height:560px}}</style> <style>.swiper-inline{margin:0 calc(var(--app-padding)*-1)}.swiper-inline swiper-container{--swiper-theme-color:var(--gray-12);--swiper-navigation-sides-offset:calc(var(--app-padding)*2)}.swiper-inline swiper-slide{width:auto}.swiper-inline swiper-slide:first-child{margin-left:var(--app-padding)}.swiper-inline swiper-slide:last-child{margin-right:var(--app-padding)}</style> <style>.table[data-v-66dcb611]{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:auto;margin-top:32px}.table h6[data-v-66dcb611]{margin-bottom:var(--u-gap-sm)}.table .table-row[data-v-66dcb611]{border-color:var(--gray-12);border-style:solid none;border-width:1px;display:table-row}.table .table-cell[data-v-66dcb611]{display:table-cell;padding:var(--u-gap-xs) 0;position:relative}</style> <style>div[data-v-e087e1d3]{margin-top:96px}@media (min-width:768px){div[data-v-e087e1d3]{bottom:0;position:sticky}div[data-v-e087e1d3]:before{background-color:var(--gray-2);bottom:calc(var(--app-padding)*-1);content:"";height:calc(100% + 96px);-webkit-mask:linear-gradient(0deg,#000 50%,#0000);mask:linear-gradient(0deg,#000 50%,#0000);position:absolute;width:100%;z-index:-1}}@media (min-width:1024px){div[data-v-e087e1d3]{bottom:var(--app-padding)}}</style> <link rel="preload" as="image" href="https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=2456&height=1536" imagesizes="(max-width: 640px) 300px, (max-width: 768px) 620px, (max-width: 1280px) 872px, 1228px" imagesrcset="https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=300&height=188 300w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=600&height=376 600w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=620&height=388 620w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=872&height=545 872w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=1228&height=768 1228w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=1240&height=776 1240w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=1744&height=1090 1744w, https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673?format=auto&withoutEnlargement=true&width=2456&height=1536 2456w"> <link rel="preload" as="fetch" crossorigin="anonymous" href="/typefaces/apfel-grotezk/_payload.json?eb40d895-7a7c-42d8-8ae3-00d5995dbdcf"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/C7Dj0M0z.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/CntIjrHw.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/Di7CS_TY.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dpha1ytD.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/DQ1omzzW.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dwk9ov5r.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/BkYohYB6.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/BnToUMEo.js"> <link rel="modulepreload" as="script" crossorigin href="/_nuxt/DHhxDx7K.js"> <link rel="icon" type="image/gif" href="animated_favicon.gif"> <link rel="shortcut icon" href="favicon.ico"> <noscript>JavaScript is required</noscript> <link rel="preaload" as="image" href="/images/collletttivo-logo.png"> <meta property="article:author" content="Luigi Gorlero"> <meta property="og:title" content="Apfel Grotezk Family"> <meta name="twitter:title" content="Apfel Grotezk Family | CLT"> <meta name="author" content="Luigi Gorlero"> <meta name="creator" content="Luigi Gorlero"> <meta property="article:published_time" content="2019-11-19"> <meta property="article:modified_time" content="2023-10-06"> <meta name="description" content="Apfel Grotezk is a round and airy sans serif family, inspired by neo-grotesque and geometric typefaces. It features easy curves and an exaggerated x-height, gra…"> <meta property="og:description" content="Apfel Grotezk is a round and airy sans serif family, inspired by neo-grotesque and geometric typefaces. It features easy curves and an exaggerated x-height, gra…"> <meta name="twitter:description" content="Apfel Grotezk is a round and airy sans serif family, inspired by neo-grotesque and geometric typefaces. It features easy curves and an exaggerated x-height, gra…"> <meta property="og:url" content="https://www.collletttivo.it/typefaces/apfel-grotezk"> <meta name="color-scheme" content="normal"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="application-name" content="Collletttivo"> <meta name="publisher" content="Collletttivo"> <meta property="og:site_name" content="Collletttivo"> <meta name="twitter:creator" content="Collletttivo"> <meta name="twitter:site" content="@collletttivo"> <meta property="og:type" content="article"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="robots" content="index, follow"> <script type="module" src="/_nuxt/C7Dj0M0z.js" crossorigin></script> <script id="unhead:payload" type="application/json">{"title":"Apfel Grotezk Family | CLT"}</script></head><body style=""><div id="__nuxt"><div vaul-drawer-wrapper style="background-color:#FFFFFF;"><div class="nuxt-loading-indicator" style="position:fixed;top:0;right:0;left:0;pointer-events:none;width:auto;height:2px;opacity:0;background:var(--gray-12);background-size:Infinity% auto;transform:scaleX(0%);transform-origin:left;transition:transform 0.1s, height 0.4s, opacity 0.4s;z-index:999999;"></div><header class="app-navigation"><a class="u-button sm inline padded round-tl round-tr round-br round-bl black link u-link underline" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);" href="/"><span __v_isshallow="false" __v_isref="true" class="u-icon logo" style="--sw:6;" width="32" height="32"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>collletttivo</title></svg></span></a><div class="right rounded"><button type="button" class="u-button lg inline padded square round-tl round-tr round-br round-bl black ghost u-dialog-trigger" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-0"}"><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>magnifying-glass</title></svg></span></button><button type="button" class="u-button lg inline padded square round-tl round-tr round-br round-bl black ghost menu" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);"><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>menu-hamburger</title></svg></span></button></div><ul style="display:none;" class="rounded"><div style="" class="marker"><div class="rounded"></div></div><li><a href="/typefaces" class="u-link">Typefaces</a></li><li><a href="/resources" class="u-link">Resources</a></li><li><a href="/studio" class="u-link">Studio</a></li><li><a href="/journal" class="u-link">Journal</a></li></ul></header><div class="page-wrapper" data-v-7d6f171c><main data-v-7d6f171c><section class="font-name" data-v-7d6f171c><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5836 1283"><g transform="translate(0,967) scale(1,-1)"><path d="M4 0L100 0L166 176L441 176L508 0L604 0L348 650L260 650ZM196 256L302 540L410 256Z" fill="currentColor" /></g><g transform="translate(608,967) scale(1,-1)"><path d="M324 -12C460 -12 558 98 558 252C558 404 461 512 326 512C249 512 183 477 142 419L132 500L64 500L64 -200L144 -200L144 79C185 22 249 -12 324 -12ZM308 68C211 68 142 144 142 250C142 357 211 434 308 434C405 434 474 357 474 250C474 144 405 68 308 68Z" fill="currentColor" /></g><g transform="translate(1198,967) scale(1,-1)"><path d="M92 548L92 479L16 479L16 401L92 401L92 0L172 0L172 401L292 401L292 479L172 479L172 548C172 611 240 624 288 592L312 670C224 722 92 678 92 548Z" fill="currentColor" /></g><g transform="translate(1482,967) scale(1,-1)"><path d="M280 -12C388 -12 478 48 502 136L416 164C404 108 350 68 282 68C197 68 135 129 121 217L507 217C519 385 425 512 272 512C132 512 32 403 32 250C32 97 135 -12 280 -12ZM122 295C136 377 195 434 274 434C350 434 410 379 422 295Z" fill="currentColor" /></g><g transform="translate(2022,967) scale(1,-1)"><path d="M64 0L144 0L144 680L64 680Z" fill="currentColor" /></g><g transform="translate(2230,967) scale(1,-1)"><path d="" fill="currentColor" /></g><g transform="translate(2450,967) scale(1,-1)"><path d="M340 -12C462 -12 555 59 578 163L596 0L652 0L632 355L266 355L266 277L558 277L558 268C554 155 465 72 348 72C217 72 124 179 124 327C124 473 217 580 344 580C445 580 525 512 536 416L632 448C609 572 489 662 346 662C166 662 36 519 36 325C36 130 164 -12 340 -12Z" fill="currentColor" /></g><g transform="translate(3146,967) scale(1,-1)"><path d="M64 0L144 0L144 304C144 417 244 450 324 410L328 504C242 528 165 493 140 420L132 500L64 500Z" fill="currentColor" /></g><g transform="translate(3478,967) scale(1,-1)"><path d="M282 -12C428 -12 532 97 532 250C532 403 428 512 282 512C136 512 32 403 32 250C32 97 136 -12 282 -12ZM282 68C185 68 116 144 116 250C116 357 185 434 282 434C379 434 448 357 448 250C448 144 379 68 282 68Z" fill="currentColor" /></g><g transform="translate(4030,967) scale(1,-1)"><path d="M282 -4L278 76C226 56 168 72 168 128L168 422L280 422L280 500L168 500L168 628L92 628L92 562C92 524 71 500 38 500L8 500L8 422L88 422L88 108C88 -4 198 -28 282 -4Z" fill="currentColor" /></g><g transform="translate(4330,967) scale(1,-1)"><path d="M280 -12C388 -12 478 48 502 136L416 164C404 108 350 68 282 68C197 68 135 129 121 217L507 217C519 385 425 512 272 512C132 512 32 403 32 250C32 97 135 -12 280 -12ZM122 295C136 377 195 434 274 434C350 434 410 379 422 295Z" fill="currentColor" /></g><g transform="translate(4862,967) scale(1,-1)"><path d="M32 0L440 0L440 80L134 80L436 422L436 500L40 500L40 424L338 424L32 82Z" fill="currentColor" /></g><g transform="translate(5334,967) scale(1,-1)"><path d="M400 0L500 0L286 288L480 500L372 500L144 243L144 680L64 680L64 0L144 0L144 134L232 229Z" fill="currentColor" /></g></svg></section><img onerror="this.setAttribute('data-error', 1)" width="1440" height="900" alt="Apfel Grotezk cover image" data-nuxt-img class="rounded" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAASCAYAAAA6yNxSAAAJcklEQVR4AQCBAH7/AH6DfP9/g33/gIR+/4GFf/+BhX//gYV//4CEfv9+gnz/fIB6/3p+eP95fXf/eHx2/3h8dv94fHb/eHx2/3d7df93e3X/dnp0/3V5c/91eXP/dnp0/3d7df93e3X/d3t1/3R4cv9ucmz/ZWlj/1peWP9NUUv/QUU//zg8Nv8zNzH/AIEAfv8AgIR+/4GFf/+ChoD/g4eB/4OIgf+Dh4H/goaA/4GFf/9/g33/fYF7/3yAev97f3n/e395/3t/ef97f3n/e395/3p+eP95fXf/eX13/3l9d/96fnj/e395/3yAev98gHr/en54/3R4cv9scGr/YWVf/1VZU/9JTUf/QEQ+/zs/Of8AgQB+/wCDh4H/hIiC/4WJg/+Gi4T/h4uF/4iMhv+Hi4X/hYmD/4SIgv+ChoD/gYV//4CEfv+AhH7/gIR+/4CEfv+AhH7/gIR+/4CEfv+AhH7/gIR+/4KGgP+DiIH/hYmD/4WJg/+EiIL/f4N9/3d7df9tcWv/YmZg/1dbVf9OUkz/SU1H/wCBAH7/AIeLhf+HjIX/iY2H/4uPif+MkIr/jZGL/4yQiv+Lj4n/io6I/4iMhv+Hi4X/hoqE/4aKhP+GioT/hoqE/4aKhP+GioT/hoqE/4eLhf+IjIb/io6I/4yQiv+Pk43/kJSO/4+Tjf+Lj4n/hImC/3t/ef9xdW//Z2tl/19jXf9aXlj/AIEAfv8Aio6I/4uPif+NkYv/j5ON/5GVj/+SlpD/kpaQ/5GVj/+Pk43/jZGL/4yQiv+Lj4n/i4+J/4uPif+Lj4n/i4+J/4uPif+Lj4n/jJCK/46SjP+QlI7/k5eR/5aalP+YnJb/mJyW/5aalP+QlI7/iIyG/36CfP91eXP/bXFr/2ltZ/8AgQB+/wCMkIr/jZGL/5CUjv+SlpD/lZmS/5aalP+WmpT/lZmT/5OXkf+RlY//j5ON/46SjP+NkYv/jZGL/42Ri/+NkYv/jZGL/42Ri/+Okoz/kJSO/5OXkP+WmpT/mZ2X/5ygmv+doZv/m5+Z/5aalP+Pk43/h4uF/36CfP93e3X/c3dx/wCBAH7/AI2Ri/+Okoz/kZWP/5SYkv+WmpT/mJyW/5iclv+Xm5X/lZmT/5OXkP+QlI7/jpKM/4yQiv+Lj4n/i4+J/4qOiP+Kjoj/io6I/4uPif+NkYv/kJSO/5OXkf+Xm5X/mp6Y/5ufmf+anpj/lpqU/5CUjv+IjIb/gIR+/3p+eP92enT/AIEAfv8AjJCK/42Ri/+QlI7/k5iR/5aalP+YnJb/mJyW/5eblf+UmJL/kZWP/46SjP+Lj4n/iIyG/4eLhf+FiYP/hIiC/4SIgv+Dh4H/hIiC/4WJg/+IjIb/i4+J/4+Tjf+SlpD/k5eR/5OXkf+Pk43/iY2H/4KGgP97f3n/dXlz/3J2cP8AgQB+/wCJjYf/i4+J/46SjP+Rlo//lZmT/5aalP+Xm5X/lZmT/5KWkP+Okoz/iY2H/4WJg/+ChoD/f4N9/32Be/98gHr/e395/3p+eP96fnj/e395/32Be/+AhH7/g4eB/4aKhP+HjIX/h4uF/4SIgv9+gnz/d3x1/3F1b/9rb2n/aGxm/wCBAH7/AIWJg/+Hi4X/io+I/46SjP+SlpD/lJiS/5SYkv+Rlo//jpKM/4mNh/+EiIL/f4N9/3t/ef94fHb/dXlz/3N3cf9xdW//cHRu/3B0bv9xdW//cnZw/3V5c/93e3X/en54/3t/ef96fnj/d3t0/3F1b/9rb2n/ZGhi/19jXf9cYFr/AIEAfv8AgYV//4OHgf+Hi4X/i4+J/46SjP+QlI7/kJSO/46SjP+Kjoj/hYmD/3+Dff95fXf/dXlz/3F1b/9ucmz/bHBq/2puaP9pbWf/aGxm/2ltZ/9qbmj/bHBq/25ybP9wdG7/cHRu/29zbf9scGr/Zmtk/2BkXv9aXlj/VFhS/1JWUP8AgQB+/wB9gXv/f4N9/4OHgf+HjIX/i4+J/46SjP+Okoz/i4+J/4eLhf+Bhn//fIB5/3Z6dP9xdW//bXFr/2puaP9obGb/Z2tl/2ZqZP9laWP/Zmpk/2drZf9obGb/am5o/2tvaf9scGr/am5o/2ZqZP9hZV//W19Z/1RYUv9PU03/TFBK/wCBAH7/AHp+eP98gHr/gIR+/4WJg/+JjYf/jJCK/4yQiv+Kjoj/hoqE/4GFf/97f3n/dXlz/3F1b/9tcWv/a29p/2puaP9pbWf/aGxm/2hsZv9pbWf/am5o/2tvaf9tcWv/bnJs/25ybP9scGr/aGxm/2NnYf9cYFr/VlpU/1FVT/9OUkz/AIEAfv8Ad3t1/3p+eP9+gnz/hIiC/4iNhv+MkIr/jJCK/4uPif+Hi4X/goaA/3yAev93e3X/dHhy/3F1b/9wdG7/b3Nt/29zbf9wdG7/cHVu/3J2cP9zd3H/dXlz/3Z6dP93e3X/d3t1/3V5c/9xdW//a29p/2VpY/9eYlz/WV1X/1dbVP8AgQB+/wB2enT/eX13/36CfP+Dh4H/iY2H/4yQiv+Okoz/jZGL/4mNh/+FiYP/gIR+/3yAev95fXf/d3t1/3d7df94fHb/eX13/3t/ef98gHr/foJ8/4CEfv+ChoD/hIiC/4WJg/+FiYP/g4eB/3+DfP95fXf/cnZw/2xwav9na2X/ZGhi/wCBAH7/AHZ6dP95fXf/foJ8/4SIgv+Kjoj/jpKM/5CUjv+Pk43/jJGK/4mNh/+FiYP/gYV//3+Dff9/g33/gIR+/4GFf/+EiIL/h4uF/4mNh/+MkIr/j5ON/5GVj/+Tl5H/lJiS/5SYkv+SlpD/jpKM/4iMhv+ChoD/e4B5/3Z7dP90eHL/AIEAfv8Adnp0/3l9d/9+gnz/hIiC/4uPif+Pk43/kpaQ/5GWj/+Pk43/jJCK/4mNh/+GioT/hYmD/4WJg/+Hi4X/io6I/42Ri/+RlY7/lJiS/5eclf+bn5n/nqKc/6Cknv+hpZ//oaWf/5+jnf+bn5n/lZmT/4+Tjf+JjYf/hIiC/4GFf/8BgQB+/wB2enT/eX13/36CfP+FiYP/i4+J/5CUjv+Tl5H/k5eR/5GVj/+Okoz/i4+J/4mNh/+IjIb/iY2H/4uPif+Okoz/kpaQ/5aalP+anpj/nqKc/6KmoP+lqaP/p6ul/6itpv+orKb/pqqk/6KmoP+doZv/lpqU/5CUjv+Lj4n/iI2G//t7pQC/+AkCAAAAAElFTkSuQmCC" data-v-7d6f171c><section class="font-collection" data-v-7d6f171c data-v-c5013119><h6 class="text-lg" data-v-c5013119>Apfel Grotezk Family Overview </h6><ul class="" data-v-c5013119><li style="font-family:Apfel Grotezk;font-weight:350;font-style:normal;font-stretch:normal;" data-v-c5013119>You ought to seen that man’s face <span class="text-sm" data-v-c5013119>Apfel Grotezk Brukt</span></li><li style="font-family:Apfel Grotezk;font-weight:400;font-style:normal;font-stretch:normal;" data-v-c5013119>¡Recristo! ¿Cuánt acabeu? <span class="text-sm" data-v-c5013119>Apfel Grotezk Regular</span></li><li style="font-family:Apfel Grotezk;font-weight:500;font-style:normal;font-stretch:normal;" data-v-c5013119>Kajaanista uudenvuoden päivänä 1848 <span class="text-sm" data-v-c5013119>Apfel Grotezk Mittel</span></li><li style="font-family:Apfel Grotezk;font-weight:700;font-style:normal;font-stretch:normal;" data-v-c5013119>Look at the way he’s rigged up <span class="text-sm" data-v-c5013119>Apfel Grotezk Fett</span></li><li style="font-family:Apfel Grotezk;font-weight:900;font-style:normal;font-stretch:normal;" data-v-c5013119>Para ellas era la tempestad <span class="text-sm" data-v-c5013119>Apfel Grotezk Satt</span></li></ul></section><div class="light-theme font-tester" data-v-7d6f171c data-v-f8244f78><section class="rounded" data-v-f8244f78><header data-v-f8244f78><button type="button" class="u-button xs inline padded gray solid u-select-trigger round-tl round-tr round-br round-bl" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" role="combobox" aria-controls="radix-vue-select-content-nsiNM9WAguS-6" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-6"}"><span style="pointer-events:none;" class=""></span><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>chevron-down</title></svg></span></button><select value="Satt" default-value="Satt" style="position:absolute;border:0;width:1px;display:inline-block;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal;" data-v-f8244f78 aria-hidden tabindex="-1"></select><div class="controls-layout" data-v-f8244f78><div data-v-f8244f78><label for="letter-spacing" data-v-f8244f78> Letter Spacing </label><span data-slider-impl dir="ltr" data-orientation="horizontal" style="--radix-slider-thumb-transform:translateX(-50%);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-a3:var(--gray-a3);" class="u-slider xs gray" size="xs" color="gray" id="letter-spacing" data-v-f8244f78 aria-disabled="false"><span data-orientation="horizontal" class="u-slider-track"><span data-orientation="horizontal" style="left:0%;right:50%;" class="u-slider-range"></span></span><div class="u-slider-thumb" role="slider" data-radix-vue-collection-item tabindex="0" data-orientation="horizontal" aria-valuemin="-50" aria-valuemax="50" aria-orientation="horizontal" style="transform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px);display:none;"></div></span><input value="0" type="number" style="display:none;" step="1"></div><div data-v-f8244f78><label for="line-height" data-v-f8244f78> Line Height </label><span data-slider-impl dir="ltr" data-orientation="horizontal" style="--radix-slider-thumb-transform:translateX(-50%);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-a3:var(--gray-a3);" class="u-slider xs gray" size="xs" color="gray" id="line-height" data-v-f8244f78 aria-disabled="false"><span data-orientation="horizontal" class="u-slider-track"><span data-orientation="horizontal" style="left:0%;right:50%;" class="u-slider-range"></span></span><div class="u-slider-thumb" role="slider" data-radix-vue-collection-item tabindex="0" data-orientation="horizontal" aria-valuemin="50" aria-valuemax="150" aria-orientation="horizontal" style="transform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px);display:none;"></div></span><input value="100" type="number" style="display:none;" step="1"></div><div data-v-f8244f78><label for="font-size" data-v-f8244f78> Font Size </label><span data-slider-impl dir="ltr" data-orientation="horizontal" style="--radix-slider-thumb-transform:translateX(-50%);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-a3:var(--gray-a3);" class="u-slider xs gray" size="xs" color="gray" id="font-size" data-v-f8244f78 aria-disabled="false"><span data-orientation="horizontal" class="u-slider-track"><span data-orientation="horizontal" style="left:0%;right:53.33333333333333%;" class="u-slider-range"></span></span><div class="u-slider-thumb" role="slider" data-radix-vue-collection-item tabindex="0" data-orientation="horizontal" aria-valuemin="12" aria-valuemax="192" aria-orientation="horizontal" style="transform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px);display:none;"></div></span><input value="96" type="number" style="display:none;" step="1"></div></div></header><main contenteditable style="font-family:Apfel Grotezk;font-weight:900;font-style:normal;font-stretch:normal;text-align:left;letter-spacing:0em;line-height:100%;font-size:96px;" data-v-f8244f78> Type here… </main><footer data-v-f8244f78><div role="group" tabindex="-1" dir="ltr" style="outline:none;" class="u-togglegroup" size="xs" data-v-f8244f78><button type="button" class="u-button xs inline padded square round-tl round-tr round-br round-bl gray solid u-toggle" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" aria-pressed="true" data-state="on" value="left" data-radix-vue-collection-item tabindex="-1" data-active="true" data-v-f8244f78 data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-7"}"><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>text-align-left</title></svg></span></button><button type="button" class="u-button xs inline padded square round-tl round-tr round-br round-bl gray solid u-toggle" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" aria-pressed="false" data-state="off" value="center" data-radix-vue-collection-item tabindex="-1" data-active="false" data-v-f8244f78 data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-8"}"><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>text-align-center</title></svg></span></button><button type="button" class="u-button xs inline padded square round-tl round-tr round-br round-bl gray solid u-toggle" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" aria-pressed="false" data-state="off" value="right" data-radix-vue-collection-item tabindex="-1" data-active="false" data-v-f8244f78 data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-9"}"><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>text-align-right</title></svg></span></button></div><button type="button" class="u-button xs inline padded square round-tl round-tr round-br round-bl gray solid" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" data-v-f8244f78><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>half</title></svg></span></button></footer></section></div><section class="font-preview" data-v-7d6f171c><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Fett</h6><div content="Di notte, su una foglia illuminata dalla luna, c’era un piccolo uovo" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Regular</h6><div content="Und als an einem schönen Sonntagmorgen die Sonne aufging, hell und warm, daschlüpfte aus dem Ei –" style="line-height:1.4;text-align:left;" data-v-7d6f171c></div></article><article class="full" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Satt</h6><div content="POP !" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article><article class="full" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Regular</h6><div content="Eine kleine hungrige Raupe" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Brukt</h6><div content="Le lundi, elle croque dans une pomme. Elle y fait un trou. Mais elle a encore faim" style="line-height:1.4;text-align:left;" data-v-7d6f171c></div></article><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Brukt</h6><div content="Am Dienstag fraß sie sich durch zwei Birnen, aber satt war sie noch immer nicht" style="line-height:1.4;text-align:left;" data-v-7d6f171c></div></article><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Regular</h6><div content="Mercoledì mangió tre prugne, ma non riuscì a saziarsi" style="line-height:1.4;text-align:left;" data-v-7d6f171c></div></article><article class="half" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Regular</h6><div content="He started to look for some food. On Thursday he ate through four strawberries, but he was still hungry" style="line-height:1.4;text-align:left;" data-v-7d6f171c></div></article><article class="full" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Mittel</h6><div content="Le samedi, elle croque dans un morceau de gâteau, un cornet de glace, un cornichon, un bout de gruyère, un saucisson, une sucette" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article><article class="full" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Fett</h6><div content="ein stück Früchtbrot, ein Törtchen und ein stück Melone" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article><article class="full" data-v-7d6f171c><h6 class="text-sm" data-v-7d6f171c>Apfel Grotezk Satt</h6><div content="Alla sera aveva il mal di pancia!" style="line-height:1.4;text-align:center;" data-v-7d6f171c></div></article></section><section class="font-features" style="font-family:Apfel Grotezk;font-weight:400;font-style:normal;font-stretch:normal;" data-v-7d6f171c><h6 class="text-lg" data-v-7d6f171c> OpenType Features </h6><small class="text-small" style="--218e5348:1;" data-v-a8ca36b5>Superscript</small><div class="rounded text-lg" style="font-feature-settings:'sups' var(--feature, 0);--218e5348:1;" data-v-a8ca36b5>(x2 · y4)0 = n3 / t1</div><small class="text-small" style="--218e5348:1;" data-v-a8ca36b5>Fractions</small><div class="rounded text-lg" style="font-feature-settings:'frac' var(--feature, 0);--218e5348:1;" data-v-a8ca36b5>I’d like 1/2 of that</div><small class="text-small" style="--218e5348:1;" data-v-a8ca36b5>Ordinals</small><div class="rounded text-lg" style="font-feature-settings:'ordn' var(--feature, 0);--218e5348:1;" data-v-a8ca36b5>La 1a atleta dell’anno</div><small class="text-small" style="--218e5348:1;" data-v-a8ca36b5>Inclusive Ligatures</small><div class="rounded text-lg" style="font-feature-settings:'liga' var(--feature, 0);--218e5348:1;" data-v-a8ca36b5>In modo che altri/e possano fare altrettanto</div></section><div data-state="closed" class="font-characterset" data-v-7d6f171c data-v-6b4b5102><header type="button" aria-controls aria-expanded="false" data-state="closed" class="u-collapsible-trigger" data-v-6b4b5102><h6 class="text-lg" data-v-6b4b5102> Character Set </h6><button type="button" class="u-button sm inline padded black outline u-select-trigger round-tl round-tr round-br round-bl" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);" role="combobox" aria-controls="radix-vue-select-content-nsiNM9WAguS-10" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-10"}"><span style="pointer-events:none;" class="">Choose a style…</span><span __v_isshallow="false" __v_isref="true" class="u-icon" style="--sw:6;" aria-hidden><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><title>chevron-down</title></svg></span></button><select value default-value style="position:absolute;border:0;width:1px;display:inline-block;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal;" data-v-6b4b5102 aria-hidden tabindex="-1"></select></header><div class="u-collapsible" style="--radix-collapsible-content-height:0px;--radix-collapsible-content-width:0px;" data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-11"}" id="radix-vue-collapsible-content-nsiNM9WAguS-11" data-state="closed" hidden></div></div><section class="font-inuse" data-v-7d6f171c data-v-750d69a2><h6 class="text-lg" data-v-750d69a2> In Use </h6><div class="swiper-inline gallery-in-use" style="mask:linear-gradient(to right,#000F 0, #000F 0%, #000F 5%, #000F 95%, #0000 100%, #0000 0) 100% 50% / 100% 100%;" data-v-750d69a2><swiper-container init="false"><swiper-slide data-v-750d69a2><figure data-v-750d69a2><a class="stretched-link u-link underline external" aria-label="Discover this project in use" href="https://www.behance.net/gallery/153451683/Panzoo-Fotografia-Roma-02" rel="noopener noreferrer" target="_blank"></a><img class="rounded" src="https://collletttivo-directus.luigigorlero.com/assets/9998f779-0190-4899-83e3-a624505842ee.jpg" alt="Panzoo | Fotografia Roma" loading="lazy" data-v-750d69a2><figcaption class="text-sm" data-v-750d69a2>Panzoo | Fotografia Roma</figcaption></figure></swiper-slide><swiper-slide data-v-750d69a2><figure data-v-750d69a2><a class="stretched-link u-link underline external" aria-label="Discover this project in use" href="https://www.instagram.com/p/CaVA9Q6MvpR" rel="noopener noreferrer" target="_blank"></a><img class="rounded" src="https://collletttivo-directus.luigigorlero.com/assets/d089ed90-9404-44d3-8af1-0d53a7dd67d9.jpg" alt="Desisto.pt Tertúlia Gráfica N° 09" loading="lazy" data-v-750d69a2><figcaption class="text-sm" data-v-750d69a2>Desisto.pt Tertúlia Gráfica N° 09</figcaption></figure></swiper-slide><swiper-slide data-v-750d69a2><figure data-v-750d69a2><a class="stretched-link u-link underline external" aria-label="Discover this project in use" href="https://www.instagram.com/p/CTzt0wegSp0" rel="noopener noreferrer" target="_blank"></a><img class="rounded" src="https://collletttivo-directus.luigigorlero.com/assets/736152c4-3ee1-423c-90dc-b231ffb57f3c.jpg" alt="MatterOf.online Museum der Alltagskultur Schloss Waldenbuch" loading="lazy" data-v-750d69a2><figcaption class="text-sm" data-v-750d69a2>MatterOf.online Museum der Alltagskultur Schloss Waldenbuch</figcaption></figure></swiper-slide><swiper-slide data-v-750d69a2><figure data-v-750d69a2><a class="stretched-link u-link underline external" aria-label="Discover this project in use" href="https://www.instagram.com/p/CiLQyvkrpBy" rel="noopener noreferrer" target="_blank"></a><img class="rounded" src="https://collletttivo-directus.luigigorlero.com/assets/a74684c8-14ff-45ff-8141-7393f593e851.jpg" alt="Coasters by Mikhail Lychkovskiy" loading="lazy" data-v-750d69a2><figcaption class="text-sm" data-v-750d69a2>Coasters by Mikhail Lychkovskiy</figcaption></figure></swiper-slide></swiper-container></div></section></main><aside class="snap" data-v-686eba29><span data-v-686eba29></span><div style="opacity:0;transform:translateZ(0px);" data-v-686eba29><h2 class="prose text-lg"><p>Apfel Grotezk is a round and airy sans serif family, inspired by neo-grotesque and geometric typefaces. It features easy curves and an exaggerated x-height, granting it a very friendly attitude. Its lower-carbon-footprint twin, Apfel Grotezk Brukt (developed in collaboration with <a href="https://www.sprintmilano.org/apfelgrotezk-update" target="_blank" rel="noopener">SPRINT</a>) was designed to reduce the amount of ink used in printing through cut-outs of varying shapes and sizes.</p></h2><div class="table" data-v-66dcb611><h6 class="text-lg" data-v-66dcb611> Details </h6><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611> Designed by Luigi Gorlero</div></div><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611>1 Family, 5 Styles</div></div><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611> Supports Latin</div></div><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611><a href="https://openfontlicense.org" rel="noopener noreferrer" target="_blank" class="u-link external"> Licensed under SIL Open Font License</a></div></div><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611> Released in 2019</div></div><div class="table-row" data-v-66dcb611><div class="table-cell" data-v-66dcb611>Version 2.000</div></div></div><div data-v-7d6f171c data-v-e087e1d3><button type="button" class="u-button sm block padded rounded round-tl round-tr round-br round-bl black solid uppercase" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);" aria-label="Download" data-v-e087e1d3>Download</button></div></div></aside></div><section data-v-114bab27><div class="rounded" data-v-114bab27><div class="prose" data-v-114bab27><h4>Donate to support our Open Source font catalogue</h4> <p>Collletttivo is an independent type practice that lives on thanks to the work of its members and the support of the many downloading and using their typefaces. If you like any of our fonts, please consider donating to the collective. Your support helps us keep the website running and offloads some printing, distribution and travel expenses.<br>As a warm thank you to all our donors, following is a list of our contributors:</p></div><div data-state="closed" class="donors" data-v-114bab27><div class="u-collapsible" style="display:block !important;--min-height:96px;--radix-collapsible-content-height:0px;--radix-collapsible-content-width:0px;" data-n-ids="{"nsiNM9WAguS-0":"nsiNM9WAguS-5"}" id="radix-vue-collapsible-content-nsiNM9WAguS-5" data-state="closed" hidden></div></div><form id="donate" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" data-v-114bab27><input type="hidden" name="cmd" value="_s-xclick" data-v-114bab27><input type="hidden" name="hosted_button_id" value="GZZW3N9AAVVX8" data-v-114bab27><div data-v-114bab27><button type="submit" class="u-button sm block padded rounded round-tl round-tr round-br round-bl black solid" style="--color-1:var(--black-1);--color-5:var(--black-5);--color-6:var(--black-6);--color-9:var(--black-9);--color-10:var(--black-10);--color-11:var(--black-11);--color-12:var(--black-12);--color-a3:var(--black-a3);--color-a4:var(--black-a4);--color-a9:var(--black-a9);" form="donate" name="submit" data-v-114bab27> DONATE <small class="text-sm" data-v-114bab27> with Paypal </small></button><span data-v-114bab27></span></div></form></div></section><footer class="dark-theme" data-v-35733a1f><div class="rounded" data-v-35733a1f><img src="/images/collletttivo-logo.svg" width="570" height="100" data-v-35733a1f><h4 class="text-xl" data-v-3f7670dd> Subscribe to our Newsletter </h4><form data-n-ids="{"nkEeFytuaVT-0":"nkEeFytuaVT-1"}" data-v-3f7670dd><div class="u-formgroup sm" data-n-ids="{"nrmCOKfhpeV-0":"nrmCOKfhpeV-2"}" data-v-3f7670dd><div><div class="u-form__label-wrapper"><label for="nrmCOKfhpeV-2" class="">Name</label></div></div><div class="label u-form__context"><div class="u-input sm gray" style="--color-6:var(--gray-6);--color-12:var(--gray-12);--color-a4:var(--gray-a4);--color-a8:var(--gray-a8);--color-a9:var(--gray-a9);" data-v-3f7670dd><input id="nrmCOKfhpeV-2" name="name" type="text" placeholder="Your name" class="round-tl round-tr round-br round-bl padded"></div></div></div><div class="u-formgroup sm" data-n-ids="{"nrmCOKfhpeV-0":"nrmCOKfhpeV-3"}" data-v-3f7670dd><div><div class="u-form__label-wrapper"><label for="nrmCOKfhpeV-3" class="required">Email</label></div></div><div class="label u-form__context"><div class="u-input sm gray" style="--color-6:var(--gray-6);--color-12:var(--gray-12);--color-a4:var(--gray-a4);--color-a8:var(--gray-a8);--color-a9:var(--gray-a9);" data-v-3f7670dd><input id="nrmCOKfhpeV-3" name="email" type="text" required placeholder="Your e-mail address" class="round-tl round-tr round-br round-bl padded"></div></div></div><div class="u-formgroup sm checkbox" data-n-ids="{"nrmCOKfhpeV-0":"nrmCOKfhpeV-4"}" data-v-3f7670dd><div></div><div class="u-form__context"><div class="u-checkbox__wrapper sm color" style="--color-6:var(--gray-6);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-a3:var(--gray-a3);" data-v-3f7670dd><button class="u-checkbox" id="nrmCOKfhpeV-4" role="checkbox" type="button" aria-checked="false" aria-required="false" data-state="unchecked"></button><input type="checkbox" tabindex="-1" aria-hidden value="on" name="privacy" required style="transform:translateX(-100%);position:absolute;pointer-events:none;opacity:0;margin:0;"><div class="u-checkbox-label"><label for="nrmCOKfhpeV-4">I have read the Privacy Policy<span>*</span></label></div></div></div></div><button type="submit" class="u-button sm inline padded rounded round-tl round-tr round-br round-bl gray solid uppercase" style="--color-1:var(--gray-1);--color-5:var(--gray-5);--color-6:var(--gray-6);--color-9:var(--gray-9);--color-10:var(--gray-10);--color-11:var(--gray-11);--color-12:var(--gray-12);--color-a3:var(--gray-a3);--color-a4:var(--gray-a4);--color-a9:var(--gray-a9);" data-v-3f7670dd>submit</button></form><nav data-v-35733a1f><ul class="social" data-v-35733a1f><li data-v-35733a1f><a href="mailto:collletttivo@gmail.com" rel="noopener noreferrer" target="_blank" class="u-link underline external">email</a></li><li data-v-35733a1f><a href="https://www.instagram.com/collletttivo" rel="noopener noreferrer" target="_blank" class="u-link underline external">instagram</a></li><li data-v-35733a1f><a href="https://github.com/collletttivo" rel="noopener noreferrer" target="_blank" class="u-link underline external">github</a></li><li data-v-35733a1f><a href="https://twitter.com/collletttivo" rel="noopener noreferrer" target="_blank" class="u-link underline external">twitter</a></li></ul><ul class="secondary" data-v-35733a1f><li data-v-35733a1f><a href="/licensing" class="u-link underline"> Licensing </a></li><li data-v-35733a1f><a href="/privacy-policy" class="u-link underline"> Privacy Policy </a></li><li data-v-35733a1f><a href="/newsletter/archive" class="u-link underline"> Newsletter Archive </a></li></ul><small data-v-35733a1f> © 2024 Collletttivo </small><small data-v-35733a1f><p data-v-35733a1f> Designed by Collletttivo. Developed by <a href="https://www.luigigorlero.com" rel="noopener noreferrer" target="_blank" class="u-link underline external">Luigi Gorlero</a></p></small></nav></div></footer><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none;"><ol tabindex="-1" class="u-toast__viewport"></ol></div></div></div><div id="teleports"></div><script id="nuxt-og-image-options" type="application/json">{"component":"OgImageFontCollection","props":{"cover":"https://collletttivo-directus.luigigorlero.com/assets/66d7e89e-90aa-4829-9e90-c262f99d3673","nameSvg":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 5836 1283\">\u003Cg transform=\"translate(0,967) scale(1,-1)\">\u003Cpath d=\"M4 0L100 0L166 176L441 176L508 0L604 0L348 650L260 650ZM196 256L302 540L410 256Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(608,967) scale(1,-1)\">\u003Cpath d=\"M324 -12C460 -12 558 98 558 252C558 404 461 512 326 512C249 512 183 477 142 419L132 500L64 500L64 -200L144 -200L144 79C185 22 249 -12 324 -12ZM308 68C211 68 142 144 142 250C142 357 211 434 308 434C405 434 474 357 474 250C474 144 405 68 308 68Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(1198,967) scale(1,-1)\">\u003Cpath d=\"M92 548L92 479L16 479L16 401L92 401L92 0L172 0L172 401L292 401L292 479L172 479L172 548C172 611 240 624 288 592L312 670C224 722 92 678 92 548Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(1482,967) scale(1,-1)\">\u003Cpath d=\"M280 -12C388 -12 478 48 502 136L416 164C404 108 350 68 282 68C197 68 135 129 121 217L507 217C519 385 425 512 272 512C132 512 32 403 32 250C32 97 135 -12 280 -12ZM122 295C136 377 195 434 274 434C350 434 410 379 422 295Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(2022,967) scale(1,-1)\">\u003Cpath d=\"M64 0L144 0L144 680L64 680Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(2230,967) scale(1,-1)\">\u003Cpath d=\"\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(2450,967) scale(1,-1)\">\u003Cpath d=\"M340 -12C462 -12 555 59 578 163L596 0L652 0L632 355L266 355L266 277L558 277L558 268C554 155 465 72 348 72C217 72 124 179 124 327C124 473 217 580 344 580C445 580 525 512 536 416L632 448C609 572 489 662 346 662C166 662 36 519 36 325C36 130 164 -12 340 -12Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(3146,967) scale(1,-1)\">\u003Cpath d=\"M64 0L144 0L144 304C144 417 244 450 324 410L328 504C242 528 165 493 140 420L132 500L64 500Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(3478,967) scale(1,-1)\">\u003Cpath d=\"M282 -12C428 -12 532 97 532 250C532 403 428 512 282 512C136 512 32 403 32 250C32 97 136 -12 282 -12ZM282 68C185 68 116 144 116 250C116 357 185 434 282 434C379 434 448 357 448 250C448 144 379 68 282 68Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(4030,967) scale(1,-1)\">\u003Cpath d=\"M282 -4L278 76C226 56 168 72 168 128L168 422L280 422L280 500L168 500L168 628L92 628L92 562C92 524 71 500 38 500L8 500L8 422L88 422L88 108C88 -4 198 -28 282 -4Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(4330,967) scale(1,-1)\">\u003Cpath d=\"M280 -12C388 -12 478 48 502 136L416 164C404 108 350 68 282 68C197 68 135 129 121 217L507 217C519 385 425 512 272 512C132 512 32 403 32 250C32 97 135 -12 280 -12ZM122 295C136 377 195 434 274 434C350 434 410 379 422 295Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(4862,967) scale(1,-1)\">\u003Cpath d=\"M32 0L440 0L440 80L134 80L436 422L436 500L40 500L40 424L338 424L32 82Z\" fill=\"currentColor\" />\u003C/g>\u003Cg transform=\"translate(5334,967) scale(1,-1)\">\u003Cpath d=\"M400 0L500 0L286 288L480 500L372 500L144 243L144 680L64 680L64 0L144 0L144 134L232 229Z\" fill=\"currentColor\" />\u003C/g>\u003C/svg>","title":"Apfel Grotezk Family | CLT"},"_query":{}}</script> <script type="application/json" id="__NUXT_DATA__" data-ssr="true" data-src="/typefaces/apfel-grotezk/_payload.json?eb40d895-7a7c-42d8-8ae3-00d5995dbdcf">[{"state":1,"once":22,"_errors":23,"serverRendered":25,"path":26,"pinia":27,"prerenderedAt":147},["Reactive",2],{"$sdirectus.auth":3,"$sdirectus.user":-1,"$sis-menu-open":4,"$sicons":5,"$sis-side-open":4,"$ssite-config":14},null,false,[6,8],{"name":7},"info",{"name":9,"style":10},"download",{"marginTop":11,"position":12,"bottom":13},"auto","sticky","var(--app-padding)",{"cacheMaxAgeSeconds":15,"credits":4,"description":16,"env":17,"name":18,"sources":19,"url":21},604800,"Collletttivo is an Open-Source type foundry and a network of people promoting the practice of type design through mutual exchange and collaboration.","production","Collletttivo",[20],"/api/__sitemap__/urls","https://www.collletttivo.it",["Set"],["ShallowReactive",24],{"D_k7EpjKlGNb":3,"D_FXbMThCN0T":3,"D_rRD9dFNsPD":3,"D_XbY7rTWqOW":3,"D_MfBYxm0U6k":3,"D_zabzn7SrCQ":3},true,"/typefaces/apfel-grotezk",["Reactive",28],{"fonts":29},{"fontStyles":30},["Ref",31],["Reactive",32],{"Sinistre normal 400 normal":33,"Mattone normal 400 normal":35,"Ortica Linear normal 300 normal":37,"Apfel Grotezk normal 350 normal":39,"Ribes normal 300 normal":41,"Ortica Angular normal 700 normal":43,"Necto Mono normal 400 normal":45,"Sneaky Times normal 400 normal":47,"Sprat normal 200 condensed":49,"Absans normal 400 normal":51,"Halibut normal 100 condensed":53,"Messapia normal 400 normal":55,"Mazius Display normal 400 normal":57,"Coconat normal 400 normal":59,"Sprat normal 300 condensed":61,"Coconat normal 500 normal":63,"Messapia normal 700 normal":65,"Mazius Display italic 400 normal":67,"Mattone normal 700 normal":69,"Halibut normal 100 normal":71,"Sinistre normal 700 normal":73,"Apfel Grotezk normal 400 normal":75,"Ortica Linear normal 400 normal":77,"Ribes normal 400 normal":79,"Halibut normal 100 expanded":81,"Mazius Display normal 700 normal":83,"Ribes normal 900 normal":85,"Mattone normal 900 normal":87,"Ortica Linear normal 700 normal":89,"Sprat normal 400 condensed":91,"Coconat normal 700 normal":93,"Apfel Grotezk normal 500 normal":95,"Sinistre normal 900 normal":97,"Sprat normal 500 condensed":99,"Mazius Display italic 700 normal":101,"Apfel Grotezk normal 700 normal":103,"Halibut normal 400 condensed":105,"Apfel Grotezk normal 900 normal":107,"Halibut normal 400 normal":109,"Sprat normal 700 condensed":111,"Sprat normal 900 condensed":113,"Halibut normal 400 expanded":115,"Sprat normal 200 normal":117,"Sprat normal 300 normal":119,"Sprat normal 400 normal":121,"Sprat normal 500 normal":123,"Sprat normal 700 normal":125,"Sprat normal 900 normal":127,"Sprat normal 200 expanded":129,"Sprat normal 300 expanded":131,"Sprat normal 400 expanded":133,"Sprat normal 500 expanded":135,"Sprat normal 700 expanded":137,"Sprat normal 900 expanded":139,"Halibut Variable":141,"Sprat Variable":143,"Sinistre Variable":145},{"id":34,"loaded":4},"a2b85b54-7e8b-407c-9d9c-f0eb8f6198ea",{"id":36,"loaded":4},"a47b1126-f979-4c8a-88f8-e0f4a3fafa57",{"id":38,"loaded":4},"b9f6df45-66e4-4226-a202-6d09d2d1a880",{"id":40,"loaded":4},"e39ffbe2-6500-485a-8c08-5b9cd5da2471",{"id":42,"loaded":4},"68745f05-a2e6-401f-8097-6f4bcd0bfd9d",{"id":44,"loaded":4},"3a3160b9-b7c9-487f-861c-7d4a72dad8c2",{"id":46,"loaded":4},"07067772-da8d-4996-bf7c-b82a86107ac8",{"id":48,"loaded":4},"7b182f99-9b76-4f44-bab8-edb52322e43b",{"id":50,"loaded":4},"8cf6bf8d-b7ff-4900-9766-b8ee7351679c",{"id":52,"loaded":4},"f7d62de0-cf3c-402d-aed4-84188509fcb6",{"id":54,"loaded":4},"e2029e4e-600f-4ac3-bce5-18ea97751878",{"id":56,"loaded":4},"cee4e52d-dbc3-420b-bb40-4f66a1d04077",{"id":58,"loaded":4},"260364a2-58b7-4213-95b6-44e8955d47f8",{"id":60,"loaded":4},"f845959b-f5f6-4d09-ae4b-ad0b8eb044ab",{"id":62,"loaded":4},"8332a45c-d6b4-4d7b-be08-6a6ccb60b112",{"id":64,"loaded":4},"6f86f9a7-0f06-4a78-8991-a5fb2dfe7450",{"id":66,"loaded":4},"2ca8ec28-7c73-4eda-b20c-3c9f1469081c",{"id":68,"loaded":4},"55a92b5f-27ac-4f58-a25e-2a488cffbd6a",{"id":70,"loaded":4},"cec73114-47c4-407d-ab97-25c3e6494fed",{"id":72,"loaded":4},"61532572-8e08-4313-8b02-9e6660297ddc",{"id":74,"loaded":4},"02d87091-8108-4a1f-a0c9-4612b4bba513",{"id":76,"loaded":4},"fda80a5a-6a55-4e0a-89c7-1fd4c2d23497",{"id":78,"loaded":4},"efcc41ca-0754-47e1-a3e2-7b9fcfe04bfd",{"id":80,"loaded":4},"3d69c54f-9580-4f7a-aa2b-cb1f3201628c",{"id":82,"loaded":4},"90e2a463-f84b-4562-9fa6-c7bd9da19d42",{"id":84,"loaded":4},"0b461b18-fbd2-4774-b801-b2610d7561d9",{"id":86,"loaded":4},"8cd57945-d496-4be8-98fe-29665a6abe4e",{"id":88,"loaded":4},"f92abb62-bf56-4601-9ecf-42aba39e238e",{"id":90,"loaded":4},"a6e0ba4c-e24f-42a4-ab7c-63d5080872ce",{"id":92,"loaded":4},"e19f7ec9-5609-494b-bd02-871b824fbfa0",{"id":94,"loaded":4},"c7d9f4fe-2ff0-480a-a3f2-1e3535c5a3c9",{"id":96,"loaded":4},"446d2ec5-750e-4ee2-92ce-e342661c52cf",{"id":98,"loaded":4},"92bf91b5-08cb-457a-aa68-841f232734ff",{"id":100,"loaded":4},"16904767-50db-45cb-b873-f738abaed833",{"id":102,"loaded":4},"6a4769c9-818b-4ff0-96b6-10fc39d734ca",{"id":104,"loaded":4},"3c0bbf04-7b68-4422-88ce-2ed67cf6618e",{"id":106,"loaded":4},"ebf78ea6-47b3-4310-847d-074b192ab965",{"id":108,"loaded":4},"ba0ec698-e755-4ba7-aed0-0500f7bb5c57",{"id":110,"loaded":4},"903a3faa-cf07-447a-ba1f-a28f7e854a39",{"id":112,"loaded":4},"55538229-45f7-4d0e-b1fb-dc37061c178e",{"id":114,"loaded":4},"d9d766d7-db6b-443e-9dfa-c6de96183c34",{"id":116,"loaded":4},"28ad7f61-2879-47be-8cb5-5b27e27838e3",{"id":118,"loaded":4},"1344e954-afcc-4cf4-b9d1-495e407d9fa6",{"id":120,"loaded":4},"b9028770-b6df-41f1-b8f8-ae8e52ca6208",{"id":122,"loaded":4},"2b5cd846-9ff6-4cc8-b49a-c127544336e2",{"id":124,"loaded":4},"3cf34040-1fe0-427b-bc2d-4b7e19444ea4",{"id":126,"loaded":4},"b61a6e71-64ab-4740-9226-1e9c4d5744a0",{"id":128,"loaded":4},"9b63fe6b-4c86-47f1-89de-875ba698a332",{"id":130,"loaded":4},"4f271dba-d85a-4e6d-bd26-5bb57f8f23ca",{"id":132,"loaded":4},"922a146c-a496-44c8-8fc5-0e3ea3283ee0",{"id":134,"loaded":4},"6ed9b536-e80b-463c-b9d0-dae5a8291c2a",{"id":136,"loaded":4},"cb18918f-5228-499c-93b8-501b5df4bed4",{"id":138,"loaded":4},"7a604940-6504-4f03-a8c8-b457e7a5edf3",{"id":140,"loaded":4},"5794c55c-8e1b-423f-9019-0ed739b0982a",{"id":142,"loaded":4},"aa5364ea-f465-4a2e-a47c-dc4637489e24",{"id":144,"loaded":4},"8bbf334d-2b17-4693-84cf-a961e9e11791",{"id":146,"loaded":4},"c7093a30-92aa-464a-9be1-54beea67540e",1727297266428]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{umamiHost:"https://analytics.luigigorlero.com",umamiId:"daa20650-397f-43f2-af65-87f12ccaa4fd",directusURL:"https://collletttivo-directus.luigigorlero.com",meilisearch:{host:"https://collletttivo-search.luigigorlero.com",searchApiKey:"0407f5c321d8f7657f56bd2e22cd5c72ea9d8fd1bc55466f87c131eaa64352da"},siteURL:"https://www.collletttivo.it",directus:{url:"https://collletttivo-directus.luigigorlero.com",staticToken:"0yQOUCqLiOkMFLta1LuD7jQXItHXxojf",authConfig:{authStateName:"directus.auth",userStateName:"directus.user",mode:"json",refreshTokenCookieName:"directus_refresh_token",authTokenCookieName:"directus_access_token",sessionTokenCookieName:"directus_session_token",cookieHttpOnly:false,cookieSameSite:"lax",cookieSecure:true},moduleConfig:{autoRefresh:{enableMiddleware:false,global:true,middlewareName:"directus-auth-middleware",redirectTo:"/login",to:[""]},nuxtImage:{useAuthToken:false,useStaticToken:false},readMeQuery:{}}}},app:{baseURL:"/",buildId:"eb40d895-7a7c-42d8-8ae3-00d5995dbdcf",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>