/* === SECTIE: kleuren en basis (Figma Website Wireframes UI Kit: DM Sans en blauwgrijze schaal) === */
.b27b2{--n0:#FFFFFF;--n1:#EFF2F6;--n2:#DEE5ED;--n3:#CED7E4;--n6:#9CB0C9;--n7:#8CA2C0;--n8:#7B95B7;--n10:#486284;
--ink:#486284;--body:#7B95B7;--line:#DEE5ED;--line2:#CED7E4;--fill:#EFF2F6;--soft:#F7F9FC;--icon:#9CB0C9;
--font:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--ic-foto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%239CB0C9'/%3E%3Ccircle cx='45' cy='21' r='5.5' fill='%23EFF2F6'/%3E%3Cpath d='M9 50 25 27l11 15 7-9 12 17z' fill='%23EFF2F6'/%3E%3C/svg%3E");
--ic-portret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%239CB0C9'/%3E%3Ccircle cx='32' cy='23' r='9' fill='%23EFF2F6'/%3E%3Cpath d='M12 54c2-12 10-18 20-18s18 6 20 18z' fill='%23EFF2F6'/%3E%3C/svg%3E");
--ic-video:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%239CB0C9'/%3E%3Cpath d='M25 17v30l24-15z' fill='%23EFF2F6'/%3E%3C/svg%3E");
--ic-diagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%239CB0C9'/%3E%3Ccircle cx='18' cy='20' r='6' fill='%23EFF2F6'/%3E%3Ccircle cx='46' cy='20' r='6' fill='%23EFF2F6'/%3E%3Ccircle cx='32' cy='46' r='6' fill='%23EFF2F6'/%3E%3Cpath d='M22 24l7 18M42 24l-7 18M24 20h16' stroke='%23EFF2F6' stroke-width='3' fill='none'/%3E%3C/svg%3E");
--ic-window:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%239CB0C9'/%3E%3Crect x='10' y='14' width='44' height='36' rx='5' fill='%23EFF2F6'/%3E%3Crect x='10' y='14' width='44' height='9' rx='5' fill='%23CED7E4'/%3E%3Crect x='16' y='30' width='14' height='14' fill='%239CB0C9'/%3E%3Crect x='34' y='30' width='14' height='5' fill='%239CB0C9'/%3E%3Crect x='34' y='39' width='14' height='5' fill='%239CB0C9'/%3E%3C/svg%3E");
--ic-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath d='M4 14C4 7 10 2 20 2s16 5 16 12z' fill='%23CED7E4'/%3E%3Crect x='3' y='20' width='34' height='10' rx='5' fill='%23CED7E4'/%3E%3C/svg%3E")}
.b27b2 *{box-sizing:border-box}
.b27b2{color-scheme:light;scroll-behavior:smooth}
.b27b2 a{color:inherit}

/* === SECTIE: werkbalk en introductie (buiten het wireframe) === */

/* === SECTIE: het wireframe-venster en responsive gedrag (container queries) === */
.b27b2 .vp{container-type:inline-size;container-name:vp;width:min(var(--vw,1280px),100%);margin:12px auto 48px;background:#fff;box-shadow:0 0 0 1px #d6dce6;overflow-x:clip;position:relative;transition:width .2s;font-family:var(--font);color:var(--ink);letter-spacing:.3px}
.b27b2 .vp h1,.b27b2 .vp h2,.b27b2 .vp h3,.b27b2 .vp h4{margin:0;color:var(--ink);font-family:var(--font)}
.b27b2 .vp h1{font-size:clamp(34px,4.2cqi,60px);line-height:1.18;font-weight:700}
.b27b2 .vp h2{font-size:clamp(28px,3.1cqi,40px);line-height:1.2;font-weight:700}
.b27b2 .vp h3{font-size:clamp(20px,1.9cqi,24px);line-height:1.3;font-weight:700}
.b27b2 .vp h4{font-size:18px;line-height:1.35;font-weight:500}
.b27b2 .vp p{margin:0}
.b27b2 .wrap{width:100%;max-width:1216px;margin:0 auto;padding:0 clamp(16px,6.8cqi,98px)}
.b27b2 .sec{position:relative;padding:clamp(48px,6cqi,96px) 0}
.b27b2 .sec.alt{background:var(--soft)}
.b27b2 .stack>*+*{margin-top:16px}

/* === SECTIE: tekst, tekstniveaus en knoppen === */
.b27b2 .eyebrow{font:500 clamp(16px,1.4cqi,21px)/1.3 var(--font);letter-spacing:.15px;color:var(--ink)}
.b27b2 .eyebrow.caps{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--body)}
.b27b2 .lead{font-size:clamp(17px,1.5cqi,20px);line-height:1.6;color:var(--body)}
.b27b2 .vp .t2{font-size:clamp(28px,3.1cqi,40px);line-height:1.2;font-weight:700}
.b27b2 .vp .t3{font-size:clamp(22px,2.2cqi,28px);line-height:1.25;font-weight:700}
.b27b2 .vp .t5{font-size:18px;line-height:1.55}
.b27b2 .vp .t6{font-size:16px;line-height:1.5}
.b27b2 .vp .t7{font-size:13px;line-height:1.5;color:var(--body)}
.b27b2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:400 16px/1 var(--font);letter-spacing:.5px;text-decoration:none;cursor:pointer;white-space:nowrap}
.b27b2 .btn.primary{background:var(--ink);color:#fff}
.b27b2 .tag{display:inline-block;padding:4px 12px;border:1px solid var(--line2);border-radius:999px;font-size:13px;color:var(--ink);background:#fff;white-space:nowrap}
.b27b2 .vp hr{border:0;border-top:1px solid var(--line);margin:0}

/* === SECTIE: beeldvlakken, avatars en logo's (zoals in de kit) === */
.b27b2 .logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px 20px;align-items:center}
.b27b2 .logo{display:flex;align-items:center;justify-content:center;gap:6px;height:56px;border-radius:12px;background:var(--soft);font-weight:700;color:var(--n6);font-size:18px;text-align:center;padding:0 8px;letter-spacing:-.01em}
.b27b2 .logo span{font:700 9px/1 var(--font);letter-spacing:.1em;color:var(--n6);opacity:.8}
@container vp (max-width:900px){.b27b2 .logos{grid-template-columns:repeat(3,1fr)}}
@container vp (max-width:600px){.b27b2 .logos{grid-template-columns:repeat(2,1fr)}}

/* === SECTIE: bewijs: cijfers, getuigenissen, kaarten, stappen, vragen === */
.b27b2 .card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(18px,2cqi,28px);display:flex;flex-direction:column;gap:12px;min-width:0}
.b27b2 .badges{display:flex;flex-wrap:wrap;gap:14px}
.b27b2 .cert{width:88px;height:88px;border:1px dashed var(--n6);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11.5px;font-weight:500;color:var(--body);padding:8px;line-height:1.25}

/* === SECTIE: overlap en flow tussen secties === */

/* === SECTIE: header, menu en mega menu === */

/* === SECTIE: menu-frames, telefoon en sitemap-boom (buiten het venster) === */

/* === SECTIE: notities: pinnen, zijpaneel en gele blokken (annotatielaag, los van de kit-stijl) === */
.b27b2 :where(.vp section,.vp footer,.vp header){position:relative}

/* === SECTIE: fotonotitie van een achtergrondfoto op smalle schermen === */

/* === SECTIE: schaduw voor kaarten die over een andere sectie schuiven === */

/* === SECTIE: marges en maten in koppen (herzien volgens de afstanden van de Figma-kit) === */
.b27b2 .vp h1{font-size:clamp(34px,3.9cqi,56px);line-height:1.15}
.b27b2 .vp h2,.b27b2 .vp .t2{font-size:clamp(26px,2.7cqi,38px);line-height:1.2}
.b27b2 .vp h3,.b27b2 .vp .t3{font-size:clamp(20px,1.9cqi,26px);line-height:1.25}
.b27b2 .vp h1,.b27b2 .vp h2,.b27b2 .vp h3{text-wrap:balance}
.b27b2 .vp h1{max-width:17em}.b27b2 .vp h2{max-width:24em}
.b27b2 .lead{max-width:36em}
.b27b2 .stack>.eyebrow+h1,.b27b2 .stack>.eyebrow+h2,.b27b2 .stack>.eyebrow+h3{margin-top:8px}
.b27b2 .stack>h1+*,.b27b2 .stack>h2+*,.b27b2 .stack>h3+*{margin-top:16px}
.b27b2 .stack>h2+.logos,.b27b2 .stack>.lead+.logos{margin-top:clamp(28px,3.4cqi,48px)}

/* === SECTIE: hero met achtergrondfoto, high end uitstraling met meer ruimte === */
.b27b2 .sec{padding:clamp(56px,7cqi,112px) 0}

/* === SECTIE: sitemap met paginatype en status === */

/* === SECTIE: cijfers kleiner (hoe dieper de inhoud, hoe kleiner de tekst) === */

/* === SECTIE: logo's in de hero === */

/* === SECTIE: 1920 breed en vloeiend (v2.008) === */
.b27b2 .vp{width:min(1920px,100%);margin:0 auto 48px;transition:none}
.b27b2 .wrap{max-width:1440px}

/* === SECTIE: extra onderdelen voor de varianten (v2.008) === */

/* === SECTIE: leesbaarheid van fotonotities op donkere secties (v2.008) === */

/* === SECTIE: breed uitklapmenu en menuonderdelen (v2.008) === */

/* === SECTIE: marges buiten het paginavenster en hulpklassen (v2.008) === */
.b27b2 .hd{margin-bottom:clamp(28px,3.4cqi,48px)}

/* === SECTIE: uitklapmenu blijft open tot de muis het paneel bereikt (v2.008) === */

/* === SECTIE: witte kaart in donkere secties (v2.008) === */

/* === SECTIE: hover op menu, knoppen en kaarten (v2.008) === */
.b27b2 a{cursor:pointer}
.b27b2 .btn{transition:background .15s,color .15s,border-color .15s}
.b27b2 .btn.primary:hover{background:#2C3E57;border-color:#2C3E57}
.b27b2 .btn:not(.primary):not(.dark):not(.ghost):hover{background:var(--fill)}
.b27b2 .card{transition:box-shadow .2s,transform .2s}
.b27b2 .card:hover{box-shadow:0 14px 36px rgba(72,98,132,.14)}

/* === SECTIE: compacte fotonotities op tegels en een rustige intro (v2.008) === */

/* === SECTIE: vaste witruimte tussen elementen in een stack (v2.008) === */
.b27b2 .vp .stack>*+*{margin-top:16px}
.b27b2 .vp .stack>.eyebrow+h1,.b27b2 .vp .stack>.eyebrow+h2,.b27b2 .vp .stack>.eyebrow+h3{margin-top:8px}

/* === SECTIE: statusbolletjes en pagina-omhulsels (v2.008) === */

/* === SECTIE: tegels op tablet en mobiel (v2.008) === */

/* === SECTIE: logorijen die meebewegen met de breedte (v2.008) === */
.b27b2 .logos.x-l4{grid-template-columns:repeat(4,1fr)}
@container vp (max-width:900px){.b27b2 .logos.x-l4{grid-template-columns:repeat(3,1fr)}}
@container vp (max-width:600px){.b27b2 .logos.x-l4{grid-template-columns:repeat(2,1fr)}}

/* === SECTIE: lichte hero met zichtbaar fotovlak en leesbare logo's (v2.008) === */

/* === SECTIE: leesbaarheid in donkere secties (v2.008) === */

/* === SECTIE: labels en citaten als blok in een stack (v2.008) === */
.b27b2 .vp .stack>.eyebrow{display:block}

/* === SECTIE: geen label dat direct boven een sectiekop staat (v2.008) === */
.b27b2 .vp .eyebrow:has(+ h2){display:none}

/* === SECTIE: image-icoon in de achtergrond van de hero (v2.008) === */

/* === SECTIE: bento zonder overlap van fotonotities (v2.008) === */

/* === SECTIE: trage logostrook in de hero met een piepklein label (v2.008) === */
@keyframes x-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* === SECTIE: sectie 3 in elkaar, vier werkwoorden per oplossing (v2.008) === */

/* === SECTIE: v2.009 menu: knop onderaan het uitklapmenu en een menu dat niet open blijft na een klik === */

/* === SECTIE: lettertype DM Sans (variabel, latin), ingebed zodat het bestand offline klopt === */
.b27b2 .vp{width:100%;max-width:none;box-shadow:none}
.b27b2 .vp{margin:0 auto}
.b27b2 .logo.dv-klant{gap:0}
.b27b2 .logo.dv-klant i{display:block;width:120px;height:40px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.b27b2 .kz-kader{display:block;width:100%;border:0}
.b27b2 .kz-oud{display:none}
.b27b2 .kz-var{display:none}

.b27b2 .kz-sectie.sk-B2[data-var~="B2"]>.kz-wf{display:none}.b27b2 .kz-sectie.sk-B2>.kz-var[data-stijl="B2"]{display:block}

/* === SECTIE: variabelen === */
.b27b2 .sk-B2{
--ink:#1C0A3A;--body:#5A5478;--line:#E3E6F3;--line2:#D5D9EC;--fill:#ECEEF9;--soft:#F4F5FC;--icon:#3C1EFA;
--n0:#FFFFFF;--n1:#F4F5FC;--n2:#E6E9F6;--n3:#D3D8EE;--n6:#9EA5C9;--n7:#7A80A8;--n8:#5F6590;--n10:#32224D;
--b2-donker:#1C0A3A;--b2-diep:#12082B;--b2-tekst:#32224D;--b2-zacht:#5A5478;--b2-blauw:#3C1EFA;--b2-paars:#9600B9;
--b2-neon:#3C1EFA;--b2-violet:#9600B9;
--b2-basis:#F7F8FC;--b2-bg1:#F4F5FC;--b2-bg2:#ECEEF9;
--b2-streep:linear-gradient(90deg,#3C1EFA 0%,#3C1EFA 40%,#9600B9 100%);
--b2-gloed:0 0 10px rgba(60,30,250,.55),0 0 2px rgba(150,0,185,.8);
--b2-sch1:0 1px 2px rgba(16,18,32,.04),0 10px 28px rgba(16,18,32,.06);
--b2-sch2:0 2px 6px rgba(16,18,32,.05),0 26px 56px rgba(16,18,32,.11);
--b2-r:24px;--b2-rf:28px;--b2-dg:clamp(64px,7.5cqi,140px);
--b2-raster:linear-gradient(rgba(60,30,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(60,30,250,.05) 1px,transparent 1px);
--b2-pijl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 8h11M9 3.5L13.5 8 9 12.5'/%3E%3C/svg%3E");
--b2-zoek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E");
--b2-schild:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5z'/%3E%3C/svg%3E");
--b2-kwart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100A100 100 0 0 1 100 0V100Z'/%3E%3C/svg%3E");
--b2-half:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath d='M0 50A50 50 0 0 1 100 50Z'/%3E%3C/svg%3E");
background:var(--b2-basis);color:var(--b2-tekst);font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.b27b2 .sk-B2[data-nr="07"],.b27b2 .sk-B2[data-nr="15"]{
--ink:#FFFFFF;--body:#D6D1EA;--line:rgba(214,209,234,.14);--line2:rgba(214,209,234,.22);--fill:rgba(255,255,255,.08);--soft:rgba(255,255,255,.05);--icon:#B9C6FF;
--n0:#1C0A3A;--n1:#241449;--n2:#2E1D55;--n3:#3B2A66;--n6:#6F62A0;--n7:#9A90C0;--n8:#B7AFD6;--n10:#E6E1F3;
color:#D6D1EA}

/* === SECTIE: sectievlakken (achtergrond en ruimte op het omhulsel, de lege section van de bouw valt weg) === */
.b27b2 .sk-B2>.kz-wf,.b27b2 .sk-B2>.kz-var{position:relative;isolation:isolate;overflow-x:clip;background:var(--b2-basis);padding:clamp(64px,6.4cqi,124px) 0}
.b27b2 .sk-B2 .sec{padding:0;background:transparent;margin-top:0;border-radius:0;clip-path:none;min-height:0}
.b27b2 .sk-B2 section.sec:empty,.b27b2 .sk-B2 footer.sec:empty{display:none}
.b27b2 .sk-B2[data-nr="00"]>.kz-wf,.b27b2 .sk-B2[data-nr="00"]>.kz-var{overflow:visible;padding:0;background:transparent;z-index:20}
.b27b2 .sk-B2[data-nr="03"]>*,.b27b2 .sk-B2[data-nr="06"]>*,.b27b2 .sk-B2[data-nr="11"]>*,.b27b2 .sk-B2[data-nr="13"]>*{background:var(--b2-bg1)}
.b27b2 .sk-B2[data-nr="04"]>*,.b27b2 .sk-B2[data-nr="09"]>*,.b27b2 .sk-B2[data-nr="12"]>*,.b27b2 .sk-B2[data-nr="14"]>*{background:#FFFFFF}
.b27b2 .sk-B2[data-nr="16"]>*{background:var(--b2-bg2);padding:clamp(48px,4.4cqi,84px) 0 clamp(28px,2.4cqi,40px)}
.b27b2 .sk-B2[data-nr="07"]>*,.b27b2 .sk-B2[data-nr="15"]>*{background-color:#1C0A3A;background-image:none;background-size:auto,auto,48px 48px,48px 48px}
.b27b2 .sk-B2[data-nr="15"]>*{background-image:none}
.b27b2 .sk-B2[data-nr="16"]>.kz-kader,.b27b2 .sk-B2>.kz-oud{background:none;padding:0}
.b27b2 .sk-B2>.kz-oud{padding:0}
.b27b2 .sk-B2[data-nr="03"]>.kz-wf::before,.b27b2 .sk-B2[data-nr="06"]>.kz-wf::before,.b27b2 .sk-B2[data-nr="08"]>.kz-wf::before,.b27b2 .sk-B2[data-nr="08"]>.kz-var::before,.b27b2 .sk-B2[data-nr="11"]>.kz-wf::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--b2-raster);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 0%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 0%,transparent 100%)}
.b27b2 .sk-B2[data-nr="02"]>.kz-wf::after,.b27b2 .sk-B2[data-nr="06"]>.kz-wf::after,.b27b2 .sk-B2[data-nr="12"]>.kz-wf::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-10%;top:-20%;width:60%;height:80%;background:none;border-radius:50%}
.b27b2 .sk-B2[data-nr="06"]>.kz-wf::after{left:-15%;right:auto;top:10%}

/* === SECTIE: verborgen keuzerondjes (de omhullende section ontbreekt in de bouw) === */

/* === SECTIE: typografie (maatlijn, gelijk aan C) === */
.b27b2 .sk-B2 h1,.b27b2 .sk-B2 h2,.b27b2 .sk-B2 h3,.b27b2 .sk-B2 h4,.b27b2 .sk-B2 .t2,.b27b2 .sk-B2 .t3{color:var(--ink);font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif}
.b27b2 .sk-B2 h1{font-size:clamp(34px,3.9cqi,56px);line-height:1.08;font-weight:700;letter-spacing:-.035em}
.b27b2 .sk-B2 h2,.b27b2 .sk-B2 .t2{font-size:clamp(32px,3.15cqi,60px);line-height:1.06;font-weight:700;letter-spacing:-.035em}
.b27b2 .sk-B2 h3,.b27b2 .sk-B2 .t3{font-size:clamp(21px,1.7cqi,28px);line-height:1.2;font-weight:700;letter-spacing:-.02em}
.b27b2 .sk-B2 .t5{font-size:18px;line-height:1.55;color:var(--b2-tekst)}
.b27b2 .sk-B2 .t6{font-size:16px;line-height:1.55;color:var(--b2-tekst)}
.b27b2 .sk-B2 .t7{color:var(--body)}
.b27b2 .sk-B2 .t7{font-size:13px}
.b27b2 .sk-B2 .lead{font-size:clamp(17px,1.15cqi,21px);line-height:1.6;color:var(--body)}
.b27b2 .sk-B2 .eyebrow,.b27b2 .sk-B2 .eyebrow.caps{color:var(--b2-paars);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.b27b2 .sk-B2 b{color:var(--ink)}
.b27b2 .sk-B2[data-nr="07"] .t5,.b27b2 .sk-B2[data-nr="07"] .t6,.b27b2 .sk-B2[data-nr="15"] .t5,.b27b2 .sk-B2[data-nr="15"] .t6{color:#D6D1EA}
.b27b2 .sk-B2[data-nr="07"] .eyebrow,.b27b2 .sk-B2[data-nr="15"] .eyebrow{color:#D9A8FF}
.b27b2 .sk-B2 h2.t2{position:relative;padding-bottom:24px}
.b27b2 .sk-B2 h2.t2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%) -80px 0/40px 100% no-repeat,var(--b2-streep);box-shadow:var(--b2-gloed);animation:b2-glans 5s ease-in-out infinite}
@keyframes b2-glans{0%,55%{background-position:-60px 0,0 0}100%{background-position:110px 0,0 0}}

/* === SECTIE: knoppen, links en labels (overal gelijk) === */
.b27b2 .sk-B2 .btn{height:48px;padding:0 24px;border:0;border-radius:999px;background:#FFFFFF;color:var(--b2-donker);font:600 16px/1 "DM Sans",sans-serif;letter-spacing:0;text-decoration:none;box-shadow:var(--b2-sch1);transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.b27b2 .sk-B2 .btn:hover,.b27b2 .sk-B2 .btn:not(.primary):not(.dark):not(.ghost):hover{background:var(--b2-donker);color:#FFFFFF;transform:translateY(-1px)}
.b27b2 .sk-B2 .btn.primary{background:var(--b2-blauw);color:#FFFFFF;box-shadow:0 2px 6px rgba(16,18,32,.10)}
.b27b2 .sk-B2 .btn.primary:hover{background:var(--b2-donker);color:#FFFFFF;border-color:transparent;box-shadow:0 12px 26px -12px rgba(16,18,32,.45)}
.b27b2 .sk-B2 .btn:focus-visible,.b27b2 .sk-B2 a:focus-visible,.b27b2 .sk-B2 summary:focus-visible{outline:3px solid #3C1EFA;outline-offset:3px}
.b27b2 .sk-B2[data-nr="07"] .btn:not(.primary){background:rgba(255,255,255,.08);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.b27b2 .sk-B2[data-nr="07"] .btn:not(.primary):hover{background:#FFFFFF;color:var(--b2-donker)}
.b27b2 .sk-B2[data-nr="07"] .btn.primary{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 26px -12px rgba(0,0,0,.6)}
.b27b2 .sk-B2[data-nr="07"] .btn.primary:hover{background:#FFFFFF;color:var(--b2-blauw)}
.b27b2 .sk-B2 .tag{border:0;border-radius:999px;background:var(--fill);color:#2A1F6B;font-size:13px;font-weight:600;padding:5px 13px}
.b27b2 .sk-B2 .cert{border:0;background:#FFFFFF;color:var(--b2-donker);font-weight:600;box-shadow:var(--b2-sch1)}
.b27b2 .sk-B2 hr{border-top-color:var(--line)}

/* === SECTIE: kaarten en beeld === */
.b27b2 .sk-B2 .card{position:relative;border:0;background:#FFFFFF;border-radius:var(--b2-r);box-shadow:var(--b2-sch1);transition:box-shadow .25s,transform .25s}
.b27b2 .sk-B2 .card:hover{box-shadow:var(--b2-sch2);transform:translateY(-4px)}
.b27b2 .sk-B2 .card::before{content:"";position:absolute;z-index:3;left:24px;top:0;width:56px;height:3px;border-radius:0 0 3px 3px;background:var(--b2-streep);box-shadow:var(--b2-gloed);opacity:0;transform:scaleX(.4);transform-origin:left;transition:opacity .25s,transform .35s;pointer-events:none}
.b27b2 .sk-B2 .card:hover::before{opacity:1;transform:none}

/* === SECTIE: 00 kopbalk en menu === */

/* === SECTIE: 02 voordelen: de open rij is een verlicht paneel, de nummers zijn statuslampjes === */
@keyframes b2-puls{50%{box-shadow:0 0 0 7px rgba(60,30,250,.05)}}

/* === SECTIE: 03 verkenner als 3D-gebouw: licht model op een tekentafel, neon op de gekozen ruimte === */

/* === SECTIE: 04 doelgroepen: drie kolommen verbonden door een lichtlijn met een knooppunt per rol === */

/* === SECTIE: 05 projecten op maat (naar C: grote ronde hoek, donker verloop, licht statuslampje bij de plaats) === */

/* === SECTIE: 06 aansluiten op wat je hebt: donkere schijf als scherm, neonlijn naar het gekozen merk, neonbus van B === */
.b27b2 .sk-B2 .x-compat-dia{border-radius:50%;background:#1C0A3A;box-shadow:0 30px 70px rgba(16,18,32,.22),0 0 0 10px rgba(255,255,255,.7),0 0 0 11px rgba(60,30,250,.18)}
.b27b2 .sk-B2 .x-compat-arc{stroke:rgba(185,198,255,.26)}
.b27b2 .sk-B2 .x-compat-ln{stroke:rgba(185,198,255,.30)}
.b27b2 .sk-B2 .x-compat-flow{stroke:#B9C6FF;filter:none}
.b27b2 .sk-B2 .x-compat-nd{fill:#1C0A3A;stroke:#8FA4FF}
.b27b2 .sk-B2 .x-compat-bt{fill:#C9D1F5;stroke:#1C0A3A}
.b27b2 .sk-B2 .x-compat-mid{background:#3C1EFA;color:#FFFFFF;font-weight:700;box-shadow:0 0 0 8px rgba(60,30,250,.16)}
.b27b2 .sk-B2 .x-compat-chip{border:0;background:#FFFFFF;color:var(--b2-donker);font-weight:600;box-shadow:0 6px 18px rgba(16,18,32,.16);transition:background .2s,color .2s}
.b27b2 .sk-B2 .x-compat-chip:hover{background:var(--b2-donker);color:#FFFFFF}
.b27b2 .sk-B2 .x-compat-mini{border:0;background:var(--fill);color:#2A1F6B;font-weight:600;transition:background .2s,color .2s}
.b27b2 .sk-B2 .x-compat-mini:hover{background:var(--b2-donker);color:#FFFFFF}
.b27b2 .sk-B2 .x-compat-famnaam{color:var(--b2-paars);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.b27b2 .sk-B2 .x-compat-pfam,.b27b2 .sk-B2 .x-compat-zin{color:var(--b2-donker)}
.b27b2 .sk-B2 .x-compat-inv{color:var(--b2-zacht)}
.b27b2 .sk-B2 .x-compat-ook{border-top-color:var(--line)}
.b27b2 .sk-B2 .x-compat-staal{color:#3C1EFA;opacity:1}
.b27b2 .sk-B2 .x-compat-p{border-radius:var(--b2-rf) var(--b2-dg) var(--b2-rf) var(--b2-rf)}
.b27b2 .sk-B2 .x-compat-p:hover{transform:none}
.b27b2 .sk-B2 .x-compat-pt{font-size:clamp(34px,3.2cqi,50px);line-height:1;letter-spacing:-.03em}
.b27b2 .sk-B2 .x-compat-panelen{position:relative;--b2-val:420px}
.b27b2 .sk-B2 .x-compat-panelen::before{content:"";position:absolute;z-index:0;left:calc(clamp(28px,4cqi,64px) / -2 - 1px);top:6%;bottom:6%;width:2px;border-radius:2px;background:none;box-shadow:none}
.b27b2 .sk-B2 .x-compat-panelen::after{content:"";position:absolute;z-index:1;left:calc(clamp(28px,4cqi,64px) / -2 - 2px);top:6%;width:4px;height:110px;border-radius:4px;background:#3C1EFA;box-shadow:none;animation:b2-val 3.2s linear infinite}
@keyframes b2-val{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(var(--b2-val,420px));opacity:0}}
.b27b2 .sk-B2 .x-ult-partners{border-color:var(--line)!important}
.b27b2 .sk-B2 .x-ult-partners .eyebrow{color:var(--b2-paars)}
.b27b2 .sk-B2 .x-ult-partners .logo,.b27b2 .sk-B2 .logos .logo{background:#FFFFFF;color:#3A3360;border-radius:16px;box-shadow:var(--b2-sch1);transition:color .2s}
.b27b2 .sk-B2 .logo.dv-klant:hover{color:var(--b2-blauw)}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-l1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-l2,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-l3,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-l4,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-l5,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-l6,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-l7,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-l8,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-l9,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-l10,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-l11,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-l12{stroke:#8FA4FF;stroke-width:3.5;stroke-dasharray:none;filter:none}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-v1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-v2,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-v3,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-v4,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-v5,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-v6,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-v7,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-v8,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-v9,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-v10,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-v11,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-v12{stroke:#FFFFFF}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-a5,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-a5{stroke:#7B8FFF;filter:none}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-b5,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-b5{fill:#FFFFFF}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-c12{background:var(--b2-blauw);color:#FFFFFF;border-color:transparent;box-shadow:0 0 0 4px rgba(60,30,250,.22)}
.b27b2 .sk-B2 #x-compat-t1:checked~.x-compat-hub .x-compat-d1,.b27b2 .sk-B2 #x-compat-t2:checked~.x-compat-hub .x-compat-d2,.b27b2 .sk-B2 #x-compat-t3:checked~.x-compat-hub .x-compat-d3,.b27b2 .sk-B2 #x-compat-t4:checked~.x-compat-hub .x-compat-d4,.b27b2 .sk-B2 #x-compat-t5:checked~.x-compat-hub .x-compat-d5,.b27b2 .sk-B2 #x-compat-t6:checked~.x-compat-hub .x-compat-d6,.b27b2 .sk-B2 #x-compat-t7:checked~.x-compat-hub .x-compat-d7,.b27b2 .sk-B2 #x-compat-t8:checked~.x-compat-hub .x-compat-d8,.b27b2 .sk-B2 #x-compat-t9:checked~.x-compat-hub .x-compat-d9,.b27b2 .sk-B2 #x-compat-t10:checked~.x-compat-hub .x-compat-d10,.b27b2 .sk-B2 #x-compat-t11:checked~.x-compat-hub .x-compat-d11,.b27b2 .sk-B2 #x-compat-t12:checked~.x-compat-hub .x-compat-d12{fill:#8FA4FF;stroke:#8FA4FF}

/* === SECTIE: 07 BooleanOne in actie (donkere sleutelsectie; de eigen versie staat in varianten/B2/sectie-07.html) === */
.b27b2 .sk-B2[data-nr="07"] h2{color:#FFFFFF}
.b27b2 .sk-B2[data-nr="07"] .lead{color:#D6D1EA}

/* === SECTIE: 08 veilig vanaf het ontwerp (basis; de eigen versie staat in varianten/B2/sectie-08.html) === */

/* === SECTIE: 09 klantinterviews (basis; de eigen versie staat in varianten/B2/sectie-09.html) === */

/* === SECTIE: 10 vragen wegnemen: open vraag als verlicht paneel === */

/* === SECTIE: 11 events: datum als verlichte tegel === */

/* === SECTIE: 12 nieuws === */
.b27b2 .sk-B2[data-nr="12"] .card .t7{color:var(--b2-paars);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12.5px}

/* === SECTIE: 13 kennis en support: het supportblok is een klein donker bedieningspaneel === */

/* === SECTIE: 14 careers === */

/* === SECTIE: 15 slotoproep (donkere sleutelsectie, wit formulier als verlicht paneel) === */
.b27b2 .sk-B2[data-nr="15"] h2{color:#FFFFFF}
.b27b2 .sk-B2[data-nr="15"] .lead{color:#D6D1EA}

/* === SECTIE: 16 footer === */
.b27b2 .sk-B2[data-nr="16"] .tag{background:#FFFFFF;color:var(--b2-donker);box-shadow:var(--b2-sch1);transition:background .2s,color .2s}
.b27b2 .sk-B2[data-nr="16"] .tag:hover{background:var(--b2-donker);color:#FFFFFF}

/* === SECTIE: eigen versie 07: de demo als scherm met live panelen === */
@keyframes b2-lamp{50%{box-shadow:0 0 0 6px rgba(43,211,138,.05),0 0 14px rgba(43,211,138,1)}}
@keyframes b2-teken{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes b2-op{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* === SECTIE: eigen versie 08: stappen naast een levend netwerkschema === */
.b27b2 .sk-B2[data-nr="08"]>.kz-var{background:var(--b2-basis)}
@keyframes b2-pakket{from{stroke-dashoffset:610}to{stroke-dashoffset:0}}

/* === SECTIE: eigen versie 09: groot interview en een afspeellijst === */

/* === SECTIE: beweging rustig houden en uit te zetten === */
@media (prefers-reduced-motion:reduce){
.b27b2 .sk-B2 *,.b27b2 .sk-B2 *::before,.b27b2 .sk-B2 *::after{animation:none!important;transition:none!important}
.b27b2 .sk-B2 .card:hover{transform:none}
}
@keyframes x3kring{0%{transform:scale(.2);opacity:.7}100%{transform:scale(1);opacity:0}}
@keyframes x3zwaai{from{transform:rotateZ(-22deg)}to{transform:rotateZ(22deg)}}
@keyframes x3run2{from{transform:translate3d(0,0,0)}to{transform:translate3d(15.5em,0,0)}}
@keyframes x3draai{0%,30%{transform:rotateZ(0)}45%,100%{transform:rotateZ(120deg)}}
@keyframes x3slag{0%,28%{transform:rotateY(0)}40%,70%{transform:rotateY(-78deg)}82%,100%{transform:rotateY(0)}}
@keyframes x3float{from{transform:translateZ(0)}to{transform:translateZ(.8em)}}
@keyframes x3hover{from{transform:translateZ(0)}to{transform:translateZ(1.2em)}}
@keyframes x3run{from{transform:translate3d(-5em,0,0)}to{transform:translate3d(13.5em,0,0)}}
@keyframes x3belt{to{background-position:2em 0}}
@keyframes x3spin{to{transform:rotate(360deg)}}
@keyframes x3bar{from{transform:scaleY(var(--h))}to{transform:scaleY(calc(var(--h) + .2))}}
@keyframes x3bar2{from{opacity:.5}to{opacity:1}}
@keyframes x3pulse{from{opacity:calc(var(--glow)*.55)}to{opacity:var(--glow)}}
@keyframes x3lamp{from{opacity:calc(.2 + .6*var(--lamp))}to{opacity:calc(.3 + .9*var(--lamp))}}
@keyframes x3ring{0%{transform:translate3d(-7em,-7em,1.5em) scale(.3);opacity:.9}100%{transform:translate3d(-7em,-7em,1.5em) scale(1.15);opacity:0}}
@keyframes x3imA{from{stroke-dashoffset:0}to{stroke-dashoffset:calc(-1*var(--P))}}
@keyframes x3glint{0%{background-position:120% 0;opacity:0}12%{opacity:1}40%{background-position:-20% 0;opacity:0}100%{background-position:-20% 0;opacity:0}}
@keyframes x3charge{0%,6%{transform:scaleY(.12);opacity:.35}22%,86%{transform:scaleY(1);opacity:1}94%,100%{transform:scaleY(.12);opacity:.35}}
@keyframes x3gate{0%,28%{transform:rotateY(0)}40%,70%{transform:rotateY(78deg)}82%,100%{transform:rotateY(0)}}
@keyframes x3blink{0%,60%{opacity:1}60.01%,100%{opacity:.25}}
@keyframes x3imB{from{stroke-dashoffset:calc(var(--S)/2)}to{stroke-dashoffset:calc(var(--S)/2 + var(--P))}}
@keyframes x3flowy{to{background-position:0 2.1em}}
@keyframes x3dial{from{transform:rotate(200deg)}to{transform:rotate(330deg)}}
@keyframes x3cat{0%,8%{transform:translate3d(0,0,0)}44%,56%{transform:translate3d(9.5em,0,0)}92%,100%{transform:translate3d(0,0,0)}}
@keyframes x3scan{from{opacity:.35}to{opacity:.95}}
@keyframes x3beam{from{opacity:.45}to{opacity:.95}}

@keyframes x3sway{0%,100%{transform:none}25%{transform:rotateZ(2.4deg)}75%{transform:rotateZ(-2.4deg)}}
@keyframes x3psw0{0%,100%{left:calc(var(--ox) + -23.31cqi);top:calc(var(--oy) + -4.39cqi)}25%{left:calc(var(--ox) + -23.05cqi);top:calc(var(--oy) + -4.95cqi)}75%{left:calc(var(--ox) + -23.53cqi);top:calc(var(--oy) + -3.83cqi)}}
@keyframes x3psw1{0%,100%{left:calc(var(--ox) + 32.86cqi);top:calc(var(--oy) + -7.46cqi)}25%{left:calc(var(--ox) + 32.95cqi);top:calc(var(--oy) + -6.67cqi)}75%{left:calc(var(--ox) + 32.72cqi);top:calc(var(--oy) + -8.25cqi)}}
@keyframes x3psw2{0%,100%{left:calc(var(--ox) + 14.97cqi);top:calc(var(--oy) + -8.6cqi)}25%{left:calc(var(--ox) + 15.05cqi);top:calc(var(--oy) + -8.24cqi)}75%{left:calc(var(--ox) + 14.87cqi);top:calc(var(--oy) + -8.96cqi)}}
@keyframes x3psw3{0%,100%{left:calc(var(--ox) + 23.57cqi);top:calc(var(--oy) + -10.76cqi)}25%{left:calc(var(--ox) + 23.87cqi);top:calc(var(--oy) + -10.19cqi)}75%{left:calc(var(--ox) + 23.23cqi);top:calc(var(--oy) + -11.32cqi)}}
@keyframes x3psw4{0%,100%{left:calc(var(--ox) + -32.66cqi);top:calc(var(--oy) + -13.41cqi)}25%{left:calc(var(--ox) + -31.95cqi);top:calc(var(--oy) + -14.18cqi)}75%{left:calc(var(--ox) + -33.31cqi);top:calc(var(--oy) + -12.62cqi)}}
@keyframes x3psw5{0%,100%{left:calc(var(--ox) + -3.7cqi);top:calc(var(--oy) + 10.15cqi)}25%{left:calc(var(--ox) + -4.51cqi);top:calc(var(--oy) + 10.05cqi)}75%{left:calc(var(--ox) + -2.87cqi);top:calc(var(--oy) + 10.23cqi)}}
@keyframes x3psw6{0%,100%{left:calc(var(--ox) + 25.65cqi);top:calc(var(--oy) + 11.3cqi)}25%{left:calc(var(--ox) + 24.72cqi);top:calc(var(--oy) + 11.9cqi)}75%{left:calc(var(--ox) + 26.53cqi);top:calc(var(--oy) + 10.67cqi)}}
@keyframes x3psw7{0%,100%{left:calc(var(--ox) + 31.77cqi);top:calc(var(--oy) + 4.05cqi)}25%{left:calc(var(--ox) + 31.37cqi);top:calc(var(--oy) + 4.81cqi)}75%{left:calc(var(--ox) + 32.12cqi);top:calc(var(--oy) + 3.28cqi)}}
@keyframes x3psw8{0%,100%{left:calc(var(--ox) + -21cqi);top:calc(var(--oy) + -22.6cqi)}25%{left:calc(var(--ox) + -19.98cqi);top:calc(var(--oy) + -23.09cqi)}75%{left:calc(var(--ox) + -21.97cqi);top:calc(var(--oy) + -22.08cqi)}}
@keyframes x3psw9{0%,100%{left:calc(var(--ox) + -8.46cqi);top:calc(var(--oy) + -12.83cqi)}25%{left:calc(var(--ox) + -8.07cqi);top:calc(var(--oy) + -13.02cqi)}75%{left:calc(var(--ox) + -8.84cqi);top:calc(var(--oy) + -12.62cqi)}}
@keyframes x3psw10{0%,100%{left:calc(var(--ox) + -10.46cqi);top:calc(var(--oy) + -0.14cqi)}25%{left:calc(var(--ox) + -10.52cqi);top:calc(var(--oy) + -0.39cqi)}75%{left:calc(var(--ox) + -10.38cqi);top:calc(var(--oy) + 0.11cqi)}}
@keyframes x3psw11{0%,100%{left:calc(var(--ox) + 4.43cqi);top:calc(var(--oy) + -12.12cqi)}25%{left:calc(var(--ox) + 4.93cqi);top:calc(var(--oy) + -12.01cqi)}75%{left:calc(var(--ox) + 3.92cqi);top:calc(var(--oy) + -12.22cqi)}}
@keyframes v3sway{0%,100%{transform:none}25%{transform:rotateZ(2.4deg) rotateX(-1deg)}75%{transform:rotateZ(-2.4deg) rotateX(1deg)}}
@keyframes v3run{from{transform:translate3d(-21.6em,0,0)}to{transform:translate3d(-11.2em,0,0)}}
@keyframes v3belt{to{background-position:2em 0}}
@keyframes v3spin{to{transform:rotate(360deg)}}
@keyframes v3bar{from{transform:scaleY(var(--h))}to{transform:scaleY(calc(var(--h) + .3))}}
@keyframes v3glow{from{opacity:.55}to{opacity:1}}
@keyframes v3ring{0%{transform:translate3d(-1.8em,-11.6em,14.6em) scale(.2);opacity:.9}100%{transform:translate3d(-1.8em,-11.6em,14.6em) scale(1);opacity:0}}

/* === SECTIE: s4 kolommen, drie hoge kolommen met dunne lijnen en een groot cijfer === */

/* === SECTIE: s20 compat, hubdiagram met twaalf chips als keuzerondjes en een paneel === */
.b27b2 .x-compat-box{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,4cqi,64px);align-items:center}
.b27b2 .x-compat-in{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.b27b2 .x-compat-hub{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2cqi,28px);min-width:0}
.b27b2 .x-compat-ring{position:relative;width:100%;max-width:660px}
.b27b2 .x-compat-dia{position:relative;width:100%;aspect-ratio:1/1}
.b27b2 .x-compat-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.b27b2 .x-compat-arc{fill:none;stroke:var(--n3);stroke-width:4;stroke-linecap:round;transition:stroke .25s}
.b27b2 .x-compat-ln{fill:none;stroke:var(--n6);stroke-width:1.5;stroke-linecap:round;transition:stroke .25s,stroke-width .25s}
.b27b2 .x-compat-flow{fill:none;stroke:var(--n0);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:0.5 13;opacity:0;transition:opacity .25s}
.b27b2 .x-compat-nd{display:none;fill:var(--n0);stroke:var(--n6);stroke-width:1.5}
.b27b2 .x-compat-mid{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:24%;aspect-ratio:1/1;border-radius:50%;background:var(--ink);color:var(--n0);font:700 clamp(15px,1.4cqi,20px)/1 var(--font);letter-spacing:.3px;transform:translate(-50%,-50%);box-shadow:0 0 0 10px var(--fill)}
.b27b2 .x-compat-chips{position:absolute;inset:0}
.b27b2 .x-compat-fam{display:contents}
.b27b2 .x-compat-famnaam{display:none}
.b27b2 .x-compat-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 18px;border:1px solid var(--line2);border-radius:999px;background:var(--n0);color:var(--ink);font:500 clamp(13px,1.15cqi,15px)/1.2 var(--font);white-space:nowrap;cursor:pointer;transform:translate(-50%,-50%);transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.b27b2 .x-compat-chip:hover{border-color:var(--ink)}
.b27b2 .x-compat-staal{flex:none;width:28px;height:6px;opacity:.7}
.b27b2 .x-compat-staal line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.b27b2 .x-compat-bt{font:500 13px/1 var(--font);letter-spacing:.4px;fill:var(--body);stroke:var(--n0);stroke-width:5px;stroke-linejoin:round;paint-order:stroke;transition:fill .25s}
.b27b2 .x-compat-panelen{display:grid;min-width:0}
.b27b2 .x-compat-panelen .x-compat-p{grid-area:1/1;gap:16px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility 0s linear .3s}
.b27b2 .x-compat-pkop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.b27b2 .x-compat-pt{margin:0;overflow-wrap:anywhere}
.b27b2 .x-compat-soort{color:var(--body)}
.b27b2 .x-compat-pfam{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink)}
.b27b2 .x-compat-pfam .x-compat-staal{opacity:1}
.b27b2 .x-compat-zin{margin:0;color:var(--ink)}
.b27b2 .x-compat-inv{margin:0}
.b27b2 .x-compat-ook{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.b27b2 .x-compat-ookt{margin:0}
.b27b2 .x-compat-ookl{display:flex;flex-wrap:wrap;gap:8px}
.b27b2 .x-compat-mini{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 18px;border:1px solid var(--line2);border-radius:999px;background:var(--n0);color:var(--ink);font-size:15px;cursor:pointer;transition:border-color .2s}
.b27b2 .x-compat-mini:hover{border-color:var(--ink)}
.b27b2 .x-compat-btn{align-self:flex-start;margin-top:4px;max-width:100%;height:auto;min-height:48px;padding-top:12px;padding-bottom:12px;white-space:normal;line-height:1.3;text-align:left}
.b27b2 .x-compat-pijl{flex:none}
@keyframes x-compat-loop{to{stroke-dashoffset:-13.5}}
.b27b2 .x-compat-s2{stroke-dasharray:5 7}
.b27b2 .x-compat-s3{stroke-dasharray:0.5 6}
.b27b2 .x-compat-s4{stroke-dasharray:12 7 0.5 7}
.b27b2 .x-compat-s5{stroke-dasharray:0.5 5 0.5 5 9 6}
.b27b2 .x-compat-c1{left:58.77%;top:12.00%}
.b27b2 .x-compat-c2{left:76.60%;top:21.48%}
.b27b2 .x-compat-c3{left:87.30%;top:38.60%}
.b27b2 .x-compat-c4{left:88.00%;top:58.77%}
.b27b2 .x-compat-c5{left:78.52%;top:76.60%}
.b27b2 .x-compat-c6{left:61.40%;top:87.30%}
.b27b2 .x-compat-c7{left:41.23%;top:88.00%}
.b27b2 .x-compat-c8{left:23.40%;top:78.52%}
.b27b2 .x-compat-c9{left:12.70%;top:61.40%}
.b27b2 .x-compat-c10{left:12.00%;top:41.23%}
.b27b2 .x-compat-c11{left:21.48%;top:23.40%}
.b27b2 .x-compat-c12{left:38.60%;top:12.70%}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-cf1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-cf1,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-cf2,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-cf2,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-cf2,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-cf3,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-cf3,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-cf3,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-cf4,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-cf4,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-cf5,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-cf5{border-color:var(--n8);background:var(--soft)}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-lf1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-lf1,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-lf2,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-lf2,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-lf2,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-lf3,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-lf3,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-lf3,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-lf4,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-lf4,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-lf5,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-lf5{stroke:var(--n8)}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-a1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-a1,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-a2,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-a2,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-a2,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-a3,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-a3,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-a3,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-a4,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-a4,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-a5,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-a5{stroke:var(--ink)}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-b1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-b1,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-b2,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-b2,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-b2,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-b3,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-b3,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-b3,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-b4,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-b4,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-b5,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-b5{fill:var(--ink);font-weight:700}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-c12{background:var(--ink);border-color:var(--ink);color:var(--n0);box-shadow:0 0 0 6px var(--fill);cursor:default}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-l1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-l2,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-l3,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-l4,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-l5,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-l6,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-l7,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-l8,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-l9,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-l10,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-l11,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-l12{stroke:var(--ink);stroke-width:3;stroke-dasharray:none}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-v1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-v2,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-v3,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-v4,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-v5,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-v6,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-v7,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-v8,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-v9,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-v10,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-v11,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-v12{opacity:1;animation:x-compat-loop 1.1s linear infinite}
.b27b2 #x-compat-t1:checked~.x-compat-hub .x-compat-d1,.b27b2 #x-compat-t2:checked~.x-compat-hub .x-compat-d2,.b27b2 #x-compat-t3:checked~.x-compat-hub .x-compat-d3,.b27b2 #x-compat-t4:checked~.x-compat-hub .x-compat-d4,.b27b2 #x-compat-t5:checked~.x-compat-hub .x-compat-d5,.b27b2 #x-compat-t6:checked~.x-compat-hub .x-compat-d6,.b27b2 #x-compat-t7:checked~.x-compat-hub .x-compat-d7,.b27b2 #x-compat-t8:checked~.x-compat-hub .x-compat-d8,.b27b2 #x-compat-t9:checked~.x-compat-hub .x-compat-d9,.b27b2 #x-compat-t10:checked~.x-compat-hub .x-compat-d10,.b27b2 #x-compat-t11:checked~.x-compat-hub .x-compat-d11,.b27b2 #x-compat-t12:checked~.x-compat-hub .x-compat-d12{fill:var(--ink);stroke:var(--ink)}
.b27b2 #x-compat-t1:checked~.x-compat-panelen .x-compat-p1,.b27b2 #x-compat-t2:checked~.x-compat-panelen .x-compat-p2,.b27b2 #x-compat-t3:checked~.x-compat-panelen .x-compat-p3,.b27b2 #x-compat-t4:checked~.x-compat-panelen .x-compat-p4,.b27b2 #x-compat-t5:checked~.x-compat-panelen .x-compat-p5,.b27b2 #x-compat-t6:checked~.x-compat-panelen .x-compat-p6,.b27b2 #x-compat-t7:checked~.x-compat-panelen .x-compat-p7,.b27b2 #x-compat-t8:checked~.x-compat-panelen .x-compat-p8,.b27b2 #x-compat-t9:checked~.x-compat-panelen .x-compat-p9,.b27b2 #x-compat-t10:checked~.x-compat-panelen .x-compat-p10,.b27b2 #x-compat-t11:checked~.x-compat-panelen .x-compat-p11,.b27b2 #x-compat-t12:checked~.x-compat-panelen .x-compat-p12{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.b27b2 #x-compat-t1:focus-visible~.x-compat-hub .x-compat-c1,.b27b2 #x-compat-t2:focus-visible~.x-compat-hub .x-compat-c2,.b27b2 #x-compat-t3:focus-visible~.x-compat-hub .x-compat-c3,.b27b2 #x-compat-t4:focus-visible~.x-compat-hub .x-compat-c4,.b27b2 #x-compat-t5:focus-visible~.x-compat-hub .x-compat-c5,.b27b2 #x-compat-t6:focus-visible~.x-compat-hub .x-compat-c6,.b27b2 #x-compat-t7:focus-visible~.x-compat-hub .x-compat-c7,.b27b2 #x-compat-t8:focus-visible~.x-compat-hub .x-compat-c8,.b27b2 #x-compat-t9:focus-visible~.x-compat-hub .x-compat-c9,.b27b2 #x-compat-t10:focus-visible~.x-compat-hub .x-compat-c10,.b27b2 #x-compat-t11:focus-visible~.x-compat-hub .x-compat-c11,.b27b2 #x-compat-t12:focus-visible~.x-compat-hub .x-compat-c12{outline:2px solid var(--ink);outline-offset:3px}

@container vp (max-width:900px){
.b27b2 .x-compat-box{grid-template-columns:minmax(0,1fr)}
.b27b2 .x-compat-ring{max-width:600px}
.b27b2 .x-compat-chip{font-size:clamp(13px,1.9cqi,15px)}
}
@container vp (max-width:600px){
.b27b2 .x-compat-hub{gap:0}
.b27b2 .x-compat-dia{width:min(220px,64%);margin:0 auto}
.b27b2 .x-compat-mid{font-size:12px;box-shadow:0 0 0 5px var(--fill)}
.b27b2 .x-compat-nd{display:inline}
.b27b2 .x-compat-arc{stroke-width:3}
.b27b2 .x-compat-chips{position:static;display:flex;flex-direction:column;gap:18px;margin-top:28px}
.b27b2 .x-compat-fam{display:flex;flex-wrap:wrap;gap:8px}
.b27b2 .x-compat-famnaam{display:flex;align-items:center;gap:10px;width:100%;margin:0;font-size:13px;line-height:1.4;color:var(--body)}
.b27b2 .x-compat-chip{position:static;transform:none;font-size:15px}
.b27b2 .x-compat-bt{display:none}
.b27b2 .x-compat-btn{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
.b27b2 .x-compat-arc,.b27b2 .x-compat-ln,.b27b2 .x-compat-flow,.b27b2 .x-compat-chip,.b27b2 .x-compat-bt,.b27b2 .x-compat-mini,.b27b2 .x-compat-panelen .x-compat-p{transition:none!important}
.b27b2 .x-compat-flow{animation:none!important}
.b27b2 .x-compat-panelen .x-compat-p{transform:none}
}

/* === SECTIE: voordelen: elke rij is een knop die de techniek eronder openklapt, in het vorige ontwerp (rijen) === */
@keyframes x-vd3-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-cf1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-cf1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-cf4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-cf4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-cf5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-cf5{border-color:var(--n8);background:var(--soft)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-lf1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-lf1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-lf2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-lf2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-lf2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-lf3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-lf3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-lf3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-lf4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-lf4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-lf5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-lf5{stroke:var(--n8)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-a5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-a5{stroke:var(--ink)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-b5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-b5{fill:var(--ink);font-weight:700}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-c12{background:var(--ink);border-color:var(--ink);color:var(--n0);box-shadow:0 0 0 6px var(--fill);cursor:default}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-l1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-l2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-l3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-l4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-l5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-l6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-l7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-l8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-l9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-l10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-l11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-l12{stroke:var(--ink);stroke-width:3;stroke-dasharray:none}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-v1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-v2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-v3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-v4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-v5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-v6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-v7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-v8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-v9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-v10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-v11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-v12{opacity:1;animation:x-compat-loop 1.1s linear infinite}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-d1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-d2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-d3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-d4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-d5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-d6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-d7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-d8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-d9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-d10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-d11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-d12{fill:var(--ink);stroke:var(--ink)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-panelen .x-compat-p1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-panelen .x-compat-p2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-panelen .x-compat-p3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-panelen .x-compat-p4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-panelen .x-compat-p5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-panelen .x-compat-p6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-panelen .x-compat-p7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-panelen .x-compat-p8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-panelen .x-compat-p9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-panelen .x-compat-p10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-panelen .x-compat-p11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-panelen .x-compat-p12{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.b27b2 .sk-B2#s-06 #B2-06-t1:focus-visible~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:focus-visible~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:focus-visible~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:focus-visible~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:focus-visible~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:focus-visible~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:focus-visible~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:focus-visible~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:focus-visible~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:focus-visible~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:focus-visible~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:focus-visible~.x-compat-hub .x-compat-c12{outline:2px solid var(--ink);outline-offset:3px}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-l1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-l2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-l3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-l4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-l5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-l6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-l7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-l8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-l9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-l10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-l11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-l12{stroke:#8FA4FF;stroke-width:3.5;stroke-dasharray:none;filter:none}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-v1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-v2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-v3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-v4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-v5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-v6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-v7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-v8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-v9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-v10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-v11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-v12{stroke:#FFFFFF}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-a1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-a2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-a3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-a4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-a5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-a5{stroke:#7B8FFF;filter:none}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-b5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-b5{fill:#FFFFFF}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-c12{background:var(--b2-blauw);color:#FFFFFF;border-color:transparent;box-shadow:0 0 0 4px rgba(60,30,250,.22)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-d1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-d2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-d3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-d4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-d5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-d6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-d7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-d8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-d9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-d10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-d11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-d12{fill:#8FA4FF;stroke:#8FA4FF}
.b27b2 .sk-B2#s-06 .x-compat-dia{background:radial-gradient(circle at 50% 40%,#FFFFFF 0%,#FAF9FC 52%,#F5F3F8 100%);box-shadow:0 34px 80px rgba(28,24,40,.09),0 4px 14px rgba(28,24,40,.05),0 0 0 12px rgba(255,255,255,.75)}
.b27b2 .sk-B2#s-06 .x-compat-arc{stroke:rgba(60,30,250,.16)}
.b27b2 .sk-B2#s-06 .x-compat-ln{stroke:rgba(50,34,77,.16)}
.b27b2 .sk-B2#s-06 .x-compat-flow{stroke:#3C1EFA;filter:none}
.b27b2 .sk-B2#s-06 .x-compat-nd{fill:#FFFFFF;stroke:#3C1EFA}
.b27b2 .sk-B2#s-06 .x-compat-bt{fill:#5E5277;stroke:#FAF9FC}
.b27b2 .sk-B2#s-06 .x-compat-mid{box-shadow:0 0 0 10px rgba(60,30,250,.07)}
.b27b2 .sk-B2#s-06 .x-compat-chip{box-shadow:0 1px 2px rgba(28,24,40,.06),0 8px 22px rgba(28,24,40,.09)}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-v1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-v2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-v3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-v4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-v5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-v6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-v7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-v8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-v9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-v10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-v11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-v12{stroke:#3C1EFA}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-b1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-b2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-b3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-b4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-b5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-b5{fill:#1C0A3A}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-cf1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-cf1,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-cf2,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-cf3,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-cf4,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-cf4,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-cf5,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-cf5{background:#EFEAF8;color:#1C0A3A}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-c12{background:var(--ink);border-color:var(--ink);color:var(--n0);box-shadow:0 0 0 6px var(--fill);cursor:default}
.b27b2 .sk-B2#s-06 #B2-06-t1:focus-visible~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:focus-visible~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:focus-visible~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:focus-visible~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:focus-visible~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:focus-visible~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:focus-visible~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:focus-visible~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:focus-visible~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:focus-visible~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:focus-visible~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:focus-visible~.x-compat-hub .x-compat-c12{outline:2px solid var(--ink);outline-offset:3px}
.b27b2 .sk-B2#s-06 #B2-06-t1:checked~.x-compat-hub .x-compat-c1,.b27b2 .sk-B2#s-06 #B2-06-t2:checked~.x-compat-hub .x-compat-c2,.b27b2 .sk-B2#s-06 #B2-06-t3:checked~.x-compat-hub .x-compat-c3,.b27b2 .sk-B2#s-06 #B2-06-t4:checked~.x-compat-hub .x-compat-c4,.b27b2 .sk-B2#s-06 #B2-06-t5:checked~.x-compat-hub .x-compat-c5,.b27b2 .sk-B2#s-06 #B2-06-t6:checked~.x-compat-hub .x-compat-c6,.b27b2 .sk-B2#s-06 #B2-06-t7:checked~.x-compat-hub .x-compat-c7,.b27b2 .sk-B2#s-06 #B2-06-t8:checked~.x-compat-hub .x-compat-c8,.b27b2 .sk-B2#s-06 #B2-06-t9:checked~.x-compat-hub .x-compat-c9,.b27b2 .sk-B2#s-06 #B2-06-t10:checked~.x-compat-hub .x-compat-c10,.b27b2 .sk-B2#s-06 #B2-06-t11:checked~.x-compat-hub .x-compat-c11,.b27b2 .sk-B2#s-06 #B2-06-t12:checked~.x-compat-hub .x-compat-c12{background:var(--b2-blauw);color:#FFFFFF;border-color:transparent;box-shadow:0 0 0 4px rgba(60,30,250,.22)}