.kkbn{--kkbn-sumi:#14110F;--kkbn-cream:#FAF8F5;--kkbn-cream-2:#CFC7BA;--kkbn-cream-3:#8E867C;--kkbn-goud:#E9CE85;--kkbn-goud-hi:#F2DCA6;--kkbn-shu:#9A2A2A;--kkbn-lijn:rgba(233,206,133,.14);--kkbn-duur:70s;--kkbn-bal:34px;position:relative;overflow:hidden;background:var(--kkbn-sumi);color:var(--kkbn-cream);padding-block:var(--kkbn-pt,48px) var(--kkbn-pb,48px)}.kkbn *{box-sizing:border-box}.kkbn__beeld{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.kkbn__beeld img{width:100%;height:100%;object-fit:cover;display:block}.kkbn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1px 1px at 12% 18%,rgba(250,248,245,.5),transparent),radial-gradient(1px 1px at 78% 12%,rgba(250,248,245,.4),transparent),radial-gradient(1.5px 1.5px at 32% 72%,rgba(233,206,133,.45),transparent),radial-gradient(1px 1px at 88% 64%,rgba(250,248,245,.35),transparent),radial-gradient(1px 1px at 56% 88%,rgba(250,248,245,.3),transparent),radial-gradient(1.5px 1.5px at 68% 34%,rgba(233,206,133,.35),transparent),radial-gradient(1px 1px at 22% 46%,rgba(250,248,245,.3),transparent),radial-gradient(1px 1px at 44% 8%,rgba(250,248,245,.35),transparent),radial-gradient(58% 46% at 50% 52%,rgba(233,206,133,.1),transparent 70%)}.kkbn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(78% 66% at 50% 50%,#14110f59,#14110fe0 78%)}.kkbn__binnen{position:relative;z-index:2;width:min(100%,72rem);margin-inline:auto;padding-inline:1.25rem}.kkbn__kop{text-align:center;max-width:36rem;margin:0 auto 1.2rem}.kkbn__eyebrow{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--kkbn-goud);font-weight:600}.kkbn__titel{margin:0;font-size:clamp(1.5rem,5vw,2.3rem);line-height:1.12;letter-spacing:-.015em;color:var(--kkbn-cream);text-wrap:balance}.kkbn__lede{margin:.6rem 0 0;font-size:.95rem;line-height:1.55;color:var(--kkbn-cream-2)}.kkbn__veld{position:relative;width:min(100%,40rem);aspect-ratio:1/1;margin:1.5rem auto 0}.kkbn__spoor{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid var(--kkbn-lijn);border-radius:50%}.kkbn__spoor--1{width:54%;height:54%}.kkbn__spoor--2{width:66%;height:66%}.kkbn__spoor--3{width:76%;height:76%}.kkbn__hart{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;z-index:2;pointer-events:none}.kkbn__zegel{display:flex;align-items:center;justify-content:center;width:64px;height:72px;border-radius:4px;background:var(--kkbn-shu);color:var(--kkbn-goud-hi);font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",MS Mincho,serif;font-size:34px;line-height:1;font-weight:700;box-shadow:0 8px 26px #9a2a2a6b,inset 0 2px #ffffff2e}.kkbn__ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:kkbn-draai var(--kkbn-duur) linear infinite}@keyframes kkbn-draai{to{rotate:360deg}}.kkbn__item{position:absolute;top:0;right:0;bottom:0;left:0;rotate:var(--hoek);text-decoration:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.kkbn__arm{position:absolute;left:50%;bottom:50%;width:0;height:var(--straal)}.kkbn__recht{position:absolute;left:0;top:0;rotate:calc(var(--hoek) * -1);transform-origin:0 0}.kkbn__tegen{display:flex;align-items:center;gap:.55rem;animation:kkbn-terug var(--kkbn-duur) linear infinite;white-space:nowrap;pointer-events:auto}@keyframes kkbn-terug{to{rotate:-360deg}}.kkbn__item[data-kant=rechts] .kkbn__tegen{translate:calc(var(--kkbn-bal) / -2) -50%;transform-origin:calc(var(--kkbn-bal) / 2) 50%}.kkbn__item[data-kant=links] .kkbn__tegen{flex-direction:row-reverse;translate:calc(-100% + var(--kkbn-bal) / 2) -50%;transform-origin:calc(100% - var(--kkbn-bal) / 2) 50%}.kkbn__bal{flex:none;display:block;width:var(--kkbn-bal);height:var(--kkbn-bal);filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .25s cubic-bezier(.2,.7,.2,1),filter .25s ease}.kkbn__bal svg{display:block;width:100%;height:100%}.kkbn__naam{display:inline-flex;align-items:center;min-height:34px;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--kkbn-lijn);background:#14110fb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.78rem;font-weight:500;color:var(--kkbn-cream-2);transition:color .25s ease,border-color .25s ease,background .25s ease}@media(hover:hover){.kkbn__item:hover .kkbn__bal{transform:scale(1.18);filter:drop-shadow(0 5px 14px rgba(233,206,133,.4))}.kkbn__item:hover .kkbn__naam{color:var(--kkbn-goud-hi);border-color:var(--kkbn-goud);background:#14110fe6}}.kkbn__item:focus-visible{outline:none}.kkbn__item:focus-visible .kkbn__naam{outline:2px solid var(--kkbn-goud);outline-offset:3px}.kkbn__item:focus-visible .kkbn__bal{transform:scale(1.18)}.kkbn__knop{width:fit-content;margin:1.4rem auto 0;min-height:48px;padding:.85rem 1.6rem;border-radius:999px;border:1px solid var(--kkbn-goud);color:var(--kkbn-goud);text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.kkbn__knop:hover{background:var(--kkbn-goud);color:var(--kkbn-sumi)}.kkbn__knop:focus-visible{outline:2px solid var(--kkbn-goud);outline-offset:3px}@media(max-width:767px){.kkbn{--kkbn-bal:32px}.kkbn__veld{width:min(100%,21rem);margin-top:1.1rem}.kkbn__spoor--1{display:none}.kkbn__spoor--2{width:50%;height:50%}.kkbn__spoor--3{width:80%;height:80%}.kkbn__ring>.kkbn__item:nth-child(odd){--straal:40% !important}.kkbn__ring>.kkbn__item:nth-child(2n){--straal:25% !important}.kkbn__item .kkbn__tegen,.kkbn__item[data-kant=links] .kkbn__tegen,.kkbn__item[data-kant=rechts] .kkbn__tegen{flex-direction:column;align-items:center;gap:.18rem;width:78px;translate:-50% -50%;transform-origin:50% calc(var(--kkbn-bal) / 2)}.kkbn__naam{position:static;width:auto;min-height:0;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;text-align:center;white-space:normal;text-wrap:balance;font-size:10px;font-weight:600;line-height:1.15;letter-spacing:.01em;color:var(--kkbn-cream-2);text-shadow:0 1px 3px rgba(20,17,15,.95),0 0 8px rgba(20,17,15,.8)}.kkbn__item[data-actief] .kkbn__bal{transform:scale(1.28);filter:drop-shadow(0 5px 14px rgba(233,206,133,.45))}.kkbn__item[data-actief] .kkbn__naam{color:var(--kkbn-goud-hi)}.kkbn__zegel{width:50px;height:58px;font-size:26px}}@media(prefers-reduced-motion:reduce){.kkbn{--kkbn-bal:28px}.kkbn__ring,.kkbn__tegen{animation:none}.kkbn__veld{aspect-ratio:auto;width:100%}.kkbn__ring{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem}.kkbn__spoor,.kkbn__hart{display:none}.kkbn__item{position:static;inset:auto;rotate:none;pointer-events:auto}.kkbn__arm{position:static;width:auto;height:auto}.kkbn__recht{position:static;rotate:none}.kkbn__item .kkbn__tegen,.kkbn__item[data-kant=links] .kkbn__tegen,.kkbn__item[data-kant=rechts] .kkbn__tegen{translate:none;gap:.6rem;flex-direction:row;width:auto;padding:.45rem .6rem;border:1px solid var(--kkbn-lijn);border-radius:10px;background:#faf8f508}.kkbn__naam{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:0;white-space:normal;text-align:left;font-size:.78rem;text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/kk-baan.css.map */