@font-face{font-family:kleurmengenInter;src:url(../media/inter_latin_normal_100_900-s.p.0gsaq8ukbf34m.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:kleurmengenInter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.u7SnaG_className{font-family:kleurmengenInter,kleurmengenInter Fallback}.u7SnaG_variable{--km-inter:"kleurmengenInter", "kleurmengenInter Fallback"}
.kleurmengen{--km-ink:#16181a;--km-ink-2:#5b6169;--km-border:#e6e8eb;--km-divider:#eef0f2;--km-surface:#f6f7f8;--km-track:#f1f3f4;--km-green:#1d9e75;--km-green-dark:#0f6e56;--km-green-tint:#f1faf6;--km-green-tint-border:#cfebdd;--km-streep:#c9cdd2;--km-drop:#c9d6d0;--km-mono:var(--font-jetbrains-mono), ui-monospace, monospace;--km-shadow-card:0 10px 30px #16181a0d;--km-shadow-primary:0 2px 8px #1d9e7540;--km-shadow-seg:0 1px 4px #16181a1f;--km-shadow-thumb:0 0 0 1px #00000040, 0 4px 10px #00000040;color:var(--km-ink);font-family:var(--km-inter), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(#fff 0%,#fdfaf3 45%,#fff 100%);line-height:normal;position:relative;overflow:hidden}.kleurmengen *,.kleurmengen :before,.kleurmengen :after{box-sizing:border-box}.kleurmengen a{color:var(--km-green);text-decoration:none}.kleurmengen a:hover{color:var(--km-green-dark)}.kleurmengen input,.kleurmengen button{font-family:inherit}.kleurmengen :focus-visible{outline:2px solid var(--km-green);outline-offset:2px}.km-dots{pointer-events:none;background-image:radial-gradient(#1d9e7529 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 40% at 50% 0,#000 0%,#0000 100%);mask-image:radial-gradient(60% 40% at 50% 0,#000 0%,#0000 100%)}.km-main{max-width:1240px;margin:0 auto;padding:80px 24px;position:relative}@media (min-width:1024px){.km-main{padding-top:96px}}@keyframes pom-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.km-in{animation:.6s both pom-in}.km-in-1{animation-delay:70ms}.km-in-2{animation-delay:.14s}@media (prefers-reduced-motion:reduce){.kleurmengen *,.kleurmengen :before,.kleurmengen :after{transition:none!important;animation:none!important}}.km-mono{font-family:var(--km-mono)}.km-num{font-family:var(--km-mono);color:var(--km-green);font-size:12px}.km-hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:end;gap:32px;margin-bottom:36px;display:grid}.km-h1{letter-spacing:-.02em;text-wrap:balance;color:var(--km-ink);margin:0 0 14px;font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1.04}.km-lead{max-width:52ch;color:var(--km-ink-2);text-wrap:pretty;margin:0;font-size:17px;line-height:1.55}.km-mode-wrap{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;display:flex}.km-mode-hint{color:var(--km-ink-2);font-size:14px}.km-seg{background:var(--km-track);border-radius:999px;padding:4px;display:inline-flex}.km-seg>button{cursor:pointer;color:var(--km-ink-2);box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:999px;font-weight:600;transition:background .2s,color .2s}.km-seg>button[aria-pressed=true],.km-seg>button[aria-selected=true]{color:var(--km-ink);box-shadow:var(--km-shadow-seg);background:#fff}.km-seg--groot{border:1px solid var(--km-border);padding:5px}.km-seg--groot>button{height:44px;padding:0 22px;font-size:15px}.km-seg--groot>button[aria-selected=true]{background:var(--km-ink);color:#fff}.km-seg--middel>button{height:34px;padding:0 14px;font-size:13px}.km-seg--klein>button{height:30px;padding:0 12px;font-size:12px}.km-seg--middel>button,.km-seg--klein>button{position:relative}.km-seg--middel>button:after,.km-seg--klein>button:after{content:"";position:absolute;inset:-3px 0}.km-seg--klein>button:after{inset:-5px 0}.km-tool{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:20px;display:grid}.km-card{border:1px solid var(--km-border);box-shadow:var(--km-shadow-card);background:#fff;border-radius:24px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.km-card--recept{gap:20px}.km-card-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.km-card-titel{font-size:17px;font-weight:600}.km-kolom{flex-direction:column;gap:14px;display:flex}.km-velden{grid-template-columns:1fr 1fr;gap:10px;display:grid}.km-veld{text-align:left;cursor:pointer;border:2px solid var(--km-border);min-width:0;color:var(--km-ink);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s;display:flex}.km-veld[aria-pressed=true]{border-color:var(--km-green)}.km-veld-staal{border:1px solid #16181a14;border-radius:12px;flex:none;width:36px;height:36px}.km-veld-tekst{flex-direction:column;gap:2px;min-width:0;display:flex}.km-veld-label{color:var(--km-ink);font-size:13px;font-weight:600}.km-veld-hex{font-family:var(--km-mono);color:var(--km-ink-2);font-size:12px}.km-sv{aspect-ratio:16/10;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-clip:padding-box;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 1px #16181a14,0 8px 24px #16181a1f}.km-sv-duim{width:22px;height:22px;box-shadow:var(--km-shadow-thumb);pointer-events:none;border:3px solid #fff;border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.km-hue{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;height:22px;position:relative;box-shadow:0 0 0 1px #16181a14,0 4px 12px #16181a1a}.km-hue-duim{pointer-events:none;border:3px solid #fff;border-radius:999px;width:26px;height:26px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 3px 8px #00000040}.km-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.km-pill{border:1px solid var(--km-border);background:#fff;border-radius:999px;align-items:center;gap:10px;min-width:0;height:48px;padding:0 8px;display:flex}.km-pill--invoer{flex:200px}.km-bol{border:1px solid #16181a14;border-radius:999px;flex:none;width:32px;height:32px}.km-hex-invoer{min-width:0;font-family:var(--km-mono);color:var(--km-ink);text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;font-size:15px}.km-pill-hex{font-family:var(--km-mono);color:var(--km-ink);font-size:15px}.km-pill-label{color:var(--km-ink-2);margin-left:auto;padding-right:10px;font-size:13px}.km-systeem{border:1px solid var(--km-border);cursor:pointer;height:48px;color:var(--km-ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.km-systeem:hover{background:var(--km-surface)}.km-systeem input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.km-presets{flex-wrap:wrap;gap:8px;display:flex}.km-preset{cursor:pointer;border:2px solid #fff;border-radius:999px;width:32px;height:32px;padding:0;box-shadow:inset 0 0 0 1px #16181a14}.km-preset[aria-pressed=true]{border-color:var(--km-ink)}.km-drop{aspect-ratio:16/10;border:2px dashed var(--km-drop);cursor:pointer;color:var(--km-ink);background:linear-gradient(#f6fbf9,#fff);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.km-drop:hover,.km-drop[data-sleep=true]{border-color:var(--km-green);background:var(--km-green-tint)}.km-drop-icoon{background:var(--km-green);color:#fff;width:52px;height:52px;box-shadow:var(--km-shadow-primary);border-radius:999px;justify-content:center;align-items:center;display:flex}.km-drop-titel{font-size:15px;font-weight:600}.km-drop-sub{color:var(--km-ink-2);text-align:center;max-width:30ch;font-size:13px}.km-foto{border:1px solid var(--km-border);background:var(--km-surface);border-radius:18px;position:relative;overflow:hidden}.km-foto canvas{cursor:crosshair;width:100%;height:auto;display:block}.km-foto[data-wit=true] canvas{cursor:cell}.km-marker{pointer-events:none;border:3px solid #fff;border-radius:999px;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 4px 12px #0000004d}.km-foto-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.km-foto-hint{color:var(--km-ink-2);font-size:14px}.km-knop-outline{border:1px solid var(--km-border);cursor:pointer;height:40px;color:var(--km-ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.km-knop-outline:hover{background:var(--km-surface)}.km-witbalans{min-height:40px;color:var(--km-ink-2);text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;align-self:flex-start;align-items:center;padding:0;font-size:13px;line-height:1.4;-webkit-text-decoration:underline #5b616966;text-decoration:underline #5b616966;display:inline-flex}.km-witbalans:hover{color:var(--km-ink)}.km-voorspeld{border:1px solid #16181a14;border-radius:20px;flex-direction:column;justify-content:flex-end;gap:4px;min-height:132px;padding:18px;display:flex;overflow:hidden}.km-voorspeld-kicker{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:600}.km-voorspeld-hex{font-family:var(--km-mono);font-size:16px}.km-viz-titel{font-size:14px;font-weight:600}.km-vlak{background:var(--km-surface);border-radius:18px;padding:16px}.km-vlak--midden{justify-content:center;align-items:center;display:flex}.km-scenes{flex-direction:column;gap:12px;display:flex}.km-scene-vlak{background:var(--km-surface);border-radius:18px;flex-direction:column;gap:6px;padding:18px 16px 22px;display:flex}.km-scene-kop{align-items:baseline;gap:10px;padding:0 4px;display:flex}.km-scene-titel{font-size:14px;font-weight:600}.km-scene{grid-template-columns:minmax(0,3fr) auto minmax(0,2fr);align-items:center;gap:16px;display:grid}.km-scene-links{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:30px 22px;padding:12px 0;display:flex}.km-ingredient{flex-direction:column;align-items:center;gap:10px;display:flex}.km-klodder{display:block;box-shadow:inset 0 -6px 12px #0000001f,0 0 0 1px #16181a14,0 6px 14px #16181a24}.km-klodder--resultaat{border-radius:52% 48% 54% 46%/48% 54% 46% 52%;width:120px;height:120px;box-shadow:inset 0 -8px 14px #00000024,0 0 0 1px #16181a14,0 8px 18px #16181a29}.km-onderschrift{text-align:center;flex-direction:column;align-items:center;display:flex}.km-onderschrift-naam{font-size:14px;font-weight:600}.km-onderschrift-sub{color:var(--km-ink-2);font-size:13px}.km-divider{align-self:stretch;align-items:center;gap:14px;display:flex}.km-divider-lijn{border-left:2px dashed var(--km-streep);align-self:stretch;width:0}.km-roeren{color:var(--km-ink-2);flex-direction:column;align-items:center;gap:2px;font-size:13px;display:flex}.km-scene-rechts{flex-direction:column;align-items:center;gap:12px;display:flex}.km-cirkel{border-radius:999px;width:180px;height:180px;box-shadow:inset 0 0 0 1px #16181a1a}.km-band{border-radius:999px;height:44px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #16181a1a}.km-band>div{height:100%}.km-beker{border:3px solid var(--km-ink);border-top-width:0;border-radius:6px 6px 34px 34px;flex-direction:column-reverse;width:130px;height:170px;display:flex;overflow:hidden;box-shadow:0 8px 20px #16181a1f}.km-beker>div{width:100%}.km-stappen{flex-direction:column;gap:16px;display:flex}.km-stap{flex-direction:column;gap:10px;display:flex}.km-stap-kop{align-items:baseline;gap:10px;display:flex}.km-stap-titel{font-size:15px;font-weight:600}.km-lijst{border:1px solid var(--km-border);border-radius:16px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.km-lijst-rij{border-top:1px solid var(--km-divider);align-items:center;gap:12px;padding:10px 14px;display:flex}.km-lijst-bol{border-radius:999px;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1px #16181a1a}.km-lijst-naam{flex:1;min-width:0;font-size:14px;font-weight:500}.km-lijst-code{color:var(--km-ink-2);font-weight:400}.km-lijst-aantal{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.km-notitie{color:var(--km-ink-2);font-size:13px}.km-leeg{background:var(--km-green-tint);color:var(--km-green-dark);border-radius:16px;padding:18px;font-size:14px;line-height:1.5}.km-voet{border-top:1px solid var(--km-divider);color:var(--km-ink-2);flex-direction:column;gap:6px;padding-top:6px;font-size:13px;line-height:1.5;display:flex}.km-tips{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:20px;margin-top:56px;display:grid}.km-tip{background:var(--km-surface);border-radius:20px;flex-direction:column;gap:8px;padding:22px 24px;display:flex}.km-tip-titel,.km-vraag-titel{font-size:16px;font-weight:600}.km-tekst-14{color:var(--km-ink-2);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.km-h2{letter-spacing:-.01em;color:var(--km-ink);margin:0 0 10px;font-size:28px;font-weight:700;line-height:1.15}.km-tekst-15{color:var(--km-ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.km-verfbakje{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:32px;margin-top:56px;display:grid}.km-verfbakje-rechts{flex-direction:column;gap:16px;min-width:0;display:flex}.km-verven{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.km-verf{border:1px solid var(--km-border);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.km-verf-bol{border-radius:999px;width:30px;height:30px;box-shadow:inset 0 0 0 1px #16181a1a}.km-verf-naam{font-size:14px;font-weight:500}.km-concept{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:40px;margin-top:88px;display:grid}.km-h2-concept{letter-spacing:-.02em;text-wrap:balance;color:var(--km-ink);margin:0 0 14px;font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.08}.km-alinea{color:var(--km-ink-2);text-wrap:pretty;max-width:52ch;margin:0 0 14px;font-size:16px;line-height:1.6}.km-alinea:last-child{margin-bottom:0}.km-foto-plek{aspect-ratio:4/3;background:var(--km-surface);overflow:hidden}.km-foto-plek>img{object-fit:cover;width:100%;height:100%;display:block}.km-foto-plek--concept{border-radius:28px}.km-foto-plek--stap{border-radius:18px}.km-foto-plek--tip{border-radius:14px;margin-bottom:6px}.km-foto-plek--verven{border-radius:20px}.km-foto-plek--palet{aspect-ratio:16/10;border-radius:18px}.km-stappen5{margin-top:72px}.km-stappen5-kop{max-width:60ch;margin-bottom:32px}.km-stappen5-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.km-stapkaart{border:1px solid var(--km-border);background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:18px;display:flex}.km-stapkaart-tekst{flex-direction:column;gap:6px;padding:0 4px 4px;display:flex}.km-stapkaart-titel{margin:0;font-size:17px;font-weight:600}.km-groen-tegel{background:var(--km-green-tint);border:1px solid var(--km-green-tint-border);color:var(--km-green-dark);border-radius:24px;flex-direction:column;justify-content:center;gap:14px;padding:28px;display:flex}.km-groen-tegel-titel{margin:0;font-size:17px;font-weight:600}.km-groen-tegel-tekst{text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.kleurmengen .km-knop{background:var(--km-green);color:#fff;height:44px;box-shadow:var(--km-shadow-primary);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.kleurmengen .km-knop:hover{background:var(--km-green-dark);color:#fff}.km-groen-tegel .km-knop{align-self:flex-start}.km-vragen{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:72px;display:grid}.km-vraag{background:var(--km-surface);border-radius:24px;flex-direction:column;gap:8px;padding:24px;display:flex}.km-vraag-titel{margin:0}.km-cta{background:var(--km-ink);color:#fff;border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:24px;margin-top:64px;padding:36px;display:grid}.km-cta-titel{letter-spacing:-.01em;color:#fff;margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.15}.km-cta-tekst{color:#ffffffb3;margin:0;font-size:15px}.km-cta-acties{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.kleurmengen .km-cta-acties>a{height:48px;padding:0 24px}.kleurmengen .km-knop-donker{color:#fff;border:1px solid #ffffff40;border-radius:999px;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.kleurmengen .km-knop-donker:hover{color:#fff;background:#ffffff14}.km-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#fffc;border:1px solid #16181a14;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:none;position:fixed;box-shadow:0 8px 30px #16181a29}.km-dock-kleuren{align-items:center;gap:6px;display:flex}.km-dock-bol{border-radius:999px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #16181a1a}.km-dock-hex{min-width:0;font-family:var(--km-mono);color:var(--km-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.kleurmengen .km-dock .km-knop{padding:0 18px}@media (max-width:1024px){.km-main{padding-bottom:120px;padding-left:20px;padding-right:20px}}@media (max-width:720px){.km-main{padding-left:14px;padding-right:14px;padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.km-hero{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:20px}.km-h1{font-size:30px}.km-lead{font-size:15px}.km-mode-wrap{width:100%}.km-seg--groot{grid-template-columns:1fr 1fr;width:100%;display:grid}.km-seg--groot>button{height:48px;padding:0}.km-mode-hint{display:none}.km-tool{grid-template-columns:minmax(0,1fr)}.km-card{border-radius:20px;gap:14px;padding:16px}.km-sv{aspect-ratio:4/3}.km-hue{height:32px}.km-hue-duim{width:34px;height:34px}.km-preset{width:40px;height:40px}.km-scene{grid-template-columns:1fr;gap:4px}.km-divider{flex-direction:column;align-self:center;gap:4px}.km-divider-lijn{display:none}.km-roeren svg{margin:15px 0;transform:rotate(90deg)}.km-cta{padding:24px}.km-cta-acties{justify-content:flex-start}.kleurmengen .km-cta-acties>a{flex:100%;justify-content:center}.km-dock{display:flex}.km-tips,.km-verfbakje,.km-concept,.km-stappen5-grid,.km-vragen{grid-template-columns:minmax(0,1fr)}}