.kkop{--kkop-cream:#FAF8F5;--kkop-cream-2:#CFC7BA;--kkop-cream-3:#8E867C;--kkop-goud:#E9CE85;--kkop-goud-hi:#F2DCA6;--kkop-goud-dim:#B8912F;--kkop-shu:#9A2A2A;--kkop-shu-hi:#E88F7E;--kkop-ver:#9A2A2A;--kkop-ver-hi:#D98355;--kkop-half:#B8912F;--kkop-half-hi:#E4C673;--kkop-bij:#E4C673;--kkop-bij-hi:#FFF0C9;--kkop-groen:#4E9E5C;--kkop-groen-hi:#9BD9A6;--kkop-vlak:rgba(250,248,245,.045);--kkop-lijn:rgba(250,248,245,.1);--kkop-spoor:rgba(250,248,245,.1);display:grid;gap:.7rem;margin-top:1rem;font-variant-numeric:tabular-nums}.kkop *{box-sizing:border-box}.kkop__vak{border:1px solid var(--kkop-lijn);border-radius:12px;background:var(--kkop-vlak);padding:.85rem}.kkop__vak--strak{padding:.75rem .85rem}.kkop__vak--baan{padding-right:0;overflow:hidden}.kkop__kop{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.kkop__vak--baan .kkop__kop{padding-right:.85rem}.kkop__kop h3{margin:0;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--kkop-cream-3)}.kkop__kop em{font-style:normal;font-size:.7rem;letter-spacing:.05em;color:var(--kkop-goud)}.kkop__sub{margin:.5rem 0 0;font-size:.71rem;line-height:1.45;color:var(--kkop-cream-3)}.kkop__noot{margin:.55rem 0 0;font-size:.71rem;line-height:1.45;color:var(--kkop-cream-3)}.kkop__baan{margin-top:.55rem;height:8px;border-radius:99px;background:var(--kkop-spoor);overflow:hidden}.kkop__vul{display:block;height:100%;width:100%;border-radius:99px;transform-origin:0 50%;transform:scaleX(var(--deel,0));background:linear-gradient(90deg,var(--kkop-ver),var(--kkop-ver-hi));transition:transform .6s cubic-bezier(.2,.7,.2,1),background .45s ease}.kkop__baan--voorraad .kkop__vul{background:linear-gradient(90deg,var(--kkop-shu),var(--kkop-goud-dim))}.kkop__voorraad{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.86rem;line-height:1.4;color:var(--kkop-cream-2)}.kkop__voorraad b{color:var(--kkop-cream);font-weight:700}.kkop__stip{flex:none;width:7px;height:7px;border-radius:50%;background:var(--kkop-goud);box-shadow:0 0 0 3px #e9ce8529}.kkop__voorraad--laag{color:var(--kkop-shu-hi)}.kkop__voorraad--laag .kkop__stip{background:var(--kkop-shu-hi);box-shadow:0 0 0 3px #e88f7e33}.kkop__vormen{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}.kkop__vorm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:66px;padding:.55rem .3rem;border-radius:8px;text-decoration:none;border:1px solid var(--kkop-lijn);background:#faf8f508;-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,transform .1s}.kkop__vorm b{font-size:.86rem;font-weight:600;color:var(--kkop-cream);line-height:1.1}.kkop__vorm span{font-size:.82rem;font-weight:700;color:var(--kkop-goud-hi);line-height:1.1}.kkop__vorm i{font-style:normal;font-size:.58rem;letter-spacing:.04em;color:var(--kkop-cream-3);line-height:1.15;text-align:center}.kkop__vorm:active{transform:scale(.97)}.kkop__vorm:focus-visible{outline:2px solid var(--kkop-goud);outline-offset:2px}.kkop__vorm--nu{background:linear-gradient(180deg,#e9ce852e,#e9ce850f);border-color:var(--kkop-goud);cursor:default}.kkop__vorm--nu i{color:var(--kkop-goud)}.kkop__trap{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}.kkop__trap button{-webkit-appearance:none;appearance:none;border:1px solid var(--kkop-lijn);background:#faf8f508;color:var(--kkop-cream-2);border-radius:8px;padding:.5rem .2rem;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-height:54px;-webkit-tap-highlight-color:transparent;transition:border-color .18s,background .18s,transform .1s}.kkop__trap button b{font-size:1.05rem;font-weight:700;line-height:1;color:var(--kkop-cream)}.kkop__trap button span{font-size:.58rem;letter-spacing:.04em;line-height:1;color:var(--kkop-cream-3)}.kkop__trap button:active{transform:scale(.96)}.kkop__trap button[aria-pressed=true]{background:linear-gradient(180deg,#e9ce852e,#e9ce850f);border-color:var(--kkop-goud)}.kkop__trap button[aria-pressed=true] b{color:var(--kkop-goud-hi)}.kkop__trap button[aria-pressed=true] span{color:var(--kkop-goud)}.kkop__trap button:focus-visible{outline:2px solid var(--kkop-goud);outline-offset:2px}.kkop__winst{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.6rem 0 0;padding:.55rem .65rem;border-radius:8px;background:#e9ce8514;border:1px solid rgba(233,206,133,.2);font-size:.81rem;line-height:1.35;color:var(--kkop-cream)}.kkop__winst[hidden]{display:none}.kkop__winst b{color:var(--kkop-goud-hi);font-weight:700;white-space:nowrap}.kkop__winstknop{-webkit-appearance:none;appearance:none;flex:none;border:1px solid var(--kkop-goud);background:transparent;color:var(--kkop-goud);border-radius:999px;min-height:38px;padding:0 .8rem;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .18s,transform .1s}.kkop__winstknop[hidden]{display:none}.kkop__winstknop:active{transform:scale(.95)}.kkop__winstknop:focus-visible{outline:2px solid var(--kkop-goud);outline-offset:2px}.kkop__meter[hidden]{display:none}.kkop__meterregel{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.kkop__meterregel strong{font-size:.86rem;font-weight:700;color:var(--kkop-goud-hi);line-height:1.35}.kkop__meterregel span{font-size:.73rem;color:var(--kkop-cream-3);white-space:nowrap}.kkop__meter[data-stand=half] .kkop__vul{background:linear-gradient(90deg,var(--kkop-half),var(--kkop-half-hi))}.kkop__meter[data-stand=bij] .kkop__vul{background:linear-gradient(90deg,var(--kkop-bij),var(--kkop-bij-hi))}.kkop__meter[data-stand=vrij] .kkop__vul{background:linear-gradient(90deg,var(--kkop-groen),var(--kkop-groen-hi))}.kkop__meter[data-stand=ver] .kkop__meterregel strong{color:var(--kkop-ver-hi)}.kkop__meter[data-stand=half] .kkop__meterregel strong{color:var(--kkop-half-hi)}.kkop__meter[data-stand=bij] .kkop__meterregel strong{color:var(--kkop-bij-hi)}.kkop__meter[data-stand=vrij] .kkop__meterregel strong{color:var(--kkop-groen-hi)}.kkop__meter[data-stand=vrij] .kkop__baan{animation:kkop-klop .5s ease}@keyframes kkop-klop{0%,to{transform:scaleY(1)}45%{transform:scaleY(1.7)}}.kkop__kaarten{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.1rem .85rem .3rem 0;margin:0}.kkop__kaarten::-webkit-scrollbar{display:none}.kkop__kaart{flex:0 0 43%;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;gap:.35rem;padding:.45rem;border:1px solid var(--kkop-lijn);border-radius:10px;background:#faf8f508}@media(min-width:560px){.kkop__kaart{flex-basis:30%}}.kkop__kaartbeeld{position:relative;aspect-ratio:1/1;border-radius:7px;overflow:hidden;background:#faf8f5e6;display:flex;align-items:center;justify-content:center}.kkop__gat{position:absolute;left:0;right:0;bottom:0;padding:.22rem .3rem;text-align:center;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#14110f;background:linear-gradient(90deg,var(--kkop-groen),var(--kkop-groen-hi))}.kkop__gat[hidden]{display:none}.kkop__kaart[data-klaar]{border-color:var(--kkop-goud)}.kkop__kaartbeeld img{width:100%;height:100%;object-fit:cover;display:block}.kkop__kaartzegel{font-size:1.5rem;color:var(--kkop-shu)}.kkop__kaartnaam{margin:0;font-size:.76rem;line-height:1.3;color:var(--kkop-cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kkop__kaartprijs{margin:0;font-size:.86rem;font-weight:700;color:var(--kkop-goud-hi);line-height:1.2}.kkop__kaartprijs em{font-style:normal;font-size:.68rem;font-weight:400;color:var(--kkop-cream-3)}.kkop__kaartprijs span{display:block;font-size:.64rem;font-weight:400;color:var(--kkop-cream-3);margin-top:.1rem}.kkop__kaartknop{-webkit-appearance:none;appearance:none;margin-top:auto;width:100%;border:1px solid var(--kkop-goud);background:transparent;color:var(--kkop-goud);border-radius:999px;min-height:40px;padding:0 .5rem;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s,transform .1s}.kkop__kaartknop:active{transform:scale(.96)}.kkop__kaartknop:focus-visible{outline:2px solid var(--kkop-goud);outline-offset:2px}.kkop__kaartknop[data-klaar]{background:var(--kkop-goud);color:#14110f;border-color:var(--kkop-goud)}.kkop__kaartknop[disabled]{opacity:.55;cursor:default}.kkop__sk{display:block;border-radius:5px;background:linear-gradient(90deg,#faf8f50d 25%,#faf8f51f,#faf8f50d 75%);background-size:200% 100%;animation:kkop-sk 1.4s linear infinite}@keyframes kkop-sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kkop__sk{animation:none}.kkop__vul{transition:none}.kkop__meter[data-stand=vrij] .kkop__baan{animation:none}.kkop__kaarten{scroll-behavior:auto}}.kkop[data-wereld=dag]{--kkop-cream:#14110F;--kkop-cream-2:#4A443D;--kkop-cream-3:#6B645B;--kkop-goud:#8F6F1F;--kkop-goud-hi:#6E5415;--kkop-goud-dim:#B8912F;--kkop-shu-hi:#9A2A2A;--kkop-ver-hi:#8C4A2F;--kkop-half-hi:#8F6F1F;--kkop-bij-hi:#7A5E17;--kkop-groen:#3E7A47;--kkop-groen-hi:#2F6237;--kkop-vlak:rgba(20,17,15,.03);--kkop-lijn:rgba(20,17,15,.12);--kkop-spoor:rgba(20,17,15,.1)}.kkop[data-wereld=dag] .kkop__kaartbeeld{background:#14110f0d}.kkop[data-wereld=dag] .kkop__gat{color:#faf8f5}
/*# sourceMappingURL=/cdn/shop/t/112/assets/kk-opbouw.css.map */