.kb-verf button.kb-plus{position:relative;width:46px;height:46px;border:0;background:conic-gradient(#e8437e,#f0721f,#ffd800,#8fbf6f,#5bc6f2,#2e6e8e,#8e6e9e,#e8437e);box-shadow:0 2px 8px #16384a38;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.kb-plus:after{content:"+";position:absolute;top:9px;right:9px;bottom:9px;left:9px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--km-inkt, #16384A);font:800 22px/1 system-ui,sans-serif}.kb-verf button.kb-plus:hover,.kb-plus[aria-expanded=true]{transform:scale(1.12)}.kb-kiezer{margin:1rem auto 0;max-width:540px;background:var(--km-zand-licht, #F8F0DB);border-radius:22px;padding:16px 20px 18px}.kb-kiezer__kop{margin:0 0 .9rem;text-align:center;font-weight:800;font-size:18px;color:var(--km-inkt, #16384A)}.kb-kiezer__in{display:flex;align-items:center;gap:18px}.kb-kiezer__proef{flex:0 0 auto;width:88px;height:88px;border-radius:50%;border:5px solid #fff;box-shadow:0 3px 10px #16384a33}div.kb-kiezer__proef:empty{display:block}.kb-kiezer__stroken{flex:1 1 auto;display:flex;flex-direction:column;gap:16px;min-width:0;padding:0 17px}.kb-strook{position:relative;height:44px;border-radius:999px;cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px #16384a24}.kb-strook:focus-visible{outline:3px solid var(--km-zee, #2E6E8E);outline-offset:3px}.kb-strook--tint{background:linear-gradient(to right,#ed2121,#eded21,#21ed21,#21eded,#2121ed,#ed21ed,#ed2121 90%,#878787 90% 100%)}.kb-strook__knop{position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:50%;background:var(--knop, #fff);border:4px solid #fff;box-shadow:0 2px 8px #16384a59;transform:translate(-50%,-50%);pointer-events:none}.kb-kiezer__knoppen{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:1.1rem 0 0}.kb-kiezer[hidden]{display:none}.kb-kop{flex-wrap:nowrap;gap:12px}.kb-kop .kv-h2{white-space:nowrap}.kb-kop .kb-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kb-rooster{position:relative;display:grid;grid-template-columns:40px minmax(0,max-content);column-gap:14px;row-gap:12px;justify-content:center;align-items:start}.kb-rooster .kb-keuze{grid-column:2;grid-row:1;display:flex;gap:8px;margin:0;padding:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.kb-rooster .kb-keuze button{flex:0 0 auto;width:auto;min-width:0;height:50px;aspect-ratio:2400 / 1773;padding:0;overflow:hidden}.kb-rooster .kb-keuze button img{width:100%;height:100%;object-fit:cover}.kb-rooster .kb-keuze,.kb-rooster .kb-kleuren{contain:inline-size}.kb-rooster .kb-kwasten{grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;gap:16px;margin:0}.kb-rooster .kb-kwasten{gap:10px}.kb-kwasten__boven,.kb-kwasten__onder{display:flex;flex-direction:column;gap:3px}.kb-rooster .kb-bak{grid-column:2;grid-row:2;display:flex;justify-content:center}.kb-doek{position:relative;line-height:0;max-width:100%}.kb-bak .kb-doek canvas{display:block;width:auto;height:auto;max-width:100%;max-height:max(400px,calc(100vh - 400px))}.kb-rooster .kb-kwasten button,.kb-actie{box-sizing:border-box;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f4f8fa;border:2px solid var(--km-lucht-zacht, #CFE0E8);color:var(--km-inkt, #16384A);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.kb-rooster .kb-kwasten button:hover,.kb-actie:hover{transform:scale(1.08)}.kb-rooster .kb-kwasten button[aria-current=true],.kb-rooster .kb-kwasten button[aria-pressed=true]{background:#fff;border-color:var(--km-zee, #2E6E8E);box-shadow:0 0 0 3px var(--km-zee, #2E6E8E);transform:scale(1.06)}.kb-rooster .kb-kwasten .kb-actie--geel{background:var(--km-geel, #FCD800);border-color:var(--km-geel, #FCD800)}.kb-kwasten svg{width:26px;height:26px;display:block;overflow:visible}.kb-rooster .kb-kwasten button:disabled{opacity:.4;cursor:default;transform:none}.kb-rooster .kb-kwasten .kb-opnieuw--onder{display:none}.kb-vraag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#16384a99}.kb-vraag[hidden]{display:none}.kb-vraag__kaart{max-width:380px;padding:24px 24px 20px;border-radius:22px;background:#fff;border:3px solid var(--km-zee, #2E6E8E);box-shadow:0 12px 32px #0000004d;text-align:center}.kb-vraag__kop{margin:0 0 6px;font-weight:800;font-size:20px;color:var(--km-inkt, #16384A)}.kb-vraag__tekst{margin:0 0 18px;font-size:16px;color:var(--km-inkt, #16384A);text-wrap:balance}.kb-vraag__knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0}.kb-groot{position:fixed;z-index:900;width:340px;padding:8px 8px 6px;box-sizing:border-box;border-radius:14px;background:#fff;border:2px solid var(--km-zee, #2E6E8E);box-shadow:0 8px 24px #16384a33;pointer-events:none;text-align:center}.kb-groot[hidden]{display:none}.kb-groot img{display:block;width:100%;height:auto;aspect-ratio:2400 / 1773;border-radius:8px}.kb-groot span{display:block;margin-top:6px;font-weight:800;font-size:15px;color:var(--km-inkt, #16384A)}.kb-loep{position:absolute;z-index:5;--rand: 12px}.kb-loep[hidden]{display:none}.kb-loep__glas{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:50%;overflow:hidden;background:#fff;border:var(--rand) solid var(--km-geel, #FCD800);box-shadow:0 0 0 4px var(--km-zee, #2E6E8E),inset 0 0 0 3px var(--km-zee, #2E6E8E),0 12px 30px #16384a59;cursor:grab;touch-action:none}.kb-loep__glas canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.kb-loep__glas:after{content:"";position:absolute;left:12%;top:9%;width:36%;height:16%;border-radius:50%;background:#ffffff59;transform:rotate(-30deg);pointer-events:none}.kb-loep__steel{position:absolute;left:87%;top:87%;width:30px;height:40%;border-radius:15px;background:var(--km-zee, #2E6E8E);box-shadow:inset 0 0 0 6px var(--km-geel, #FCD800);transform:translate(-50%) rotate(-45deg);transform-origin:top center;cursor:grab;touch-action:none}.kb-loep__maat{position:absolute;left:50%;top:-14px;transform:translate(-50%);background:var(--km-geel, #FCD800);color:var(--km-inkt, #16384A);border:3px solid var(--km-zee, #2E6E8E);border-radius:999px;padding:0 10px;font:800 16px/1.4 system-ui,sans-serif;pointer-events:none}.kb-loep__knop{position:absolute;width:42px;height:42px;padding:0;border-radius:50%;background:#fff;border:3px solid var(--km-zee, #2E6E8E);color:var(--km-inkt, #16384A);font:800 26px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 8px #16384a4d}.kb-loep__knop--plus{left:calc(85.4% - 21px);top:calc(50% - 35.4% - 21px)}.kb-loep__knop--min{left:calc(50% - 35.4% - 21px);top:calc(85.4% - 21px)}.kb-voorbeeld{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto;padding:4px 16px 4px 4px;border:0;border-radius:999px;background:#fff6c2;color:#6b4e12;font:inherit;font-weight:800;font-size:14px;cursor:zoom-in;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.kb-voorbeeld:hover{transform:scale(1.04)}.kb-voorbeeld[hidden]{display:none}.kb-voorbeeld img{width:70px;height:46px;object-fit:cover;border-radius:999px;border:3px solid #fff;display:block}.kb-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:#16384a99;cursor:zoom-out}.kb-popup[hidden]{display:none}.kb-popup img{max-width:min(900px,94vw);max-height:80vh;width:auto;height:auto;border:6px solid #fff;border-radius:14px;box-shadow:0 12px 32px #0000004d}.kb-popup span{background:var(--km-geel, #FCD800);color:#6b4e12;border-radius:999px;padding:6px 16px;font-weight:800;font-size:15px}.kb-rooster .kb-kleuren{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:8px;margin:0;max-width:none}.kb-kleurrij{display:grid;grid-template-columns:repeat(14,34px);justify-content:space-between}.kb-kleurrij button{width:34px;height:34px;padding:0;border-width:3px;box-shadow:inset 0 0 0 1px #16384a2e}.kb-kleurrij button.kb-plus{width:34px;height:34px}.kb-kleurrij button.kb-plus:after{top:7px;right:7px;bottom:7px;left:7px;font-size:16px}.kb-handtekening{position:absolute;right:1.5%;bottom:1%;width:30%;height:auto;pointer-events:none}@media(max-width:760px){.kb-rooster{grid-template-columns:minmax(0,1fr)}.kb-rooster .kb-keuze{grid-column:1;grid-row:1}.kb-rooster .kb-keuze button{height:58px}.kb-loep{--rand: 8px}.kb-loep__knop{width:36px;height:36px;font-size:22px}.kb-loep__knop--plus{left:calc(85.4% - 18px);top:calc(50% - 35.4% - 18px)}.kb-loep__knop--min{left:calc(50% - 35.4% - 18px);top:calc(85.4% - 18px)}.kb-loep__steel{width:24px}.kb-rooster .kb-kwasten{grid-column:1;grid-row:2;flex-direction:row;justify-content:center;gap:14px}.kb-kwasten__boven,.kb-kwasten__onder{flex-direction:row}.kb-rooster .kb-kwasten .kb-opnieuw--boven{display:none}.kb-rooster .kb-kwasten .kb-opnieuw--onder{display:flex}.kb-kwasten__onder{gap:10px}.kb-rooster .kb-bak{grid-column:1;grid-row:3}.kb-rooster .kb-kleuren{grid-column:1;grid-row:4}.kb-kleurrij{grid-template-columns:repeat(7,34px);row-gap:8px}.kb-voorbeeld{flex:0 1 auto;min-width:0;padding-right:12px;font-size:12px;line-height:1.2;text-align:left}.kb-voorbeeld img{width:54px;height:36px}}@media(max-width:420px){.kb-rooster .kb-kwasten{flex-wrap:wrap;gap:6px}.kb-rooster .kb-kwasten button,.kb-actie{width:40px;height:40px;border-radius:12px}.kb-kwasten svg{width:24px;height:24px}}@media(max-width:560px){.kb-kiezer{padding:14px 12px 16px}.kb-kiezer__in{flex-direction:column;gap:14px}.kb-kiezer__stroken{width:100%;box-sizing:border-box}.kb-kiezer__proef{width:64px;height:64px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/km-kh-kleurboek.css.map */