.cio-ab-group{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cio-muted);padding:0 12px;margin:0 0 3px}.cio-ab-group:not(:first-child){margin-top:7px}.cio-ab-row{display:grid;grid-template-columns:1fr 56px 164px;align-items:center;gap:10px;border:1px solid var(--cio-line);border-radius:8px;padding:4px 12px;font-size:12px;position:relative;transition:background .3s}.cio-ab-row+.cio-ab-row{margin-top:4px}.cio-ab-row strong{font-weight:600}.cio-ab-num{position:relative;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:13.5px;overflow:hidden}.cio-ab-num i{font-style:normal;grid-area:1/1}.cio-ab-num .is-new{opacity:0;transform:translateY(100%)}.cio-scene.is-active .cio-ab-num .is-old{animation:cio-ab-out .35s ease var(--d,0s) both}.cio-scene.is-active .cio-ab-num .is-new{animation:cio-ab-in .35s ease var(--d,0s) both}.cio-scene.is-active .cio-ab-num.a-hl{animation:cio-ab-hl 1.4s ease var(--d,0s) both}@keyframes cio-ab-out{to{opacity:0;transform:translateY(-100%)}}@keyframes cio-ab-in{to{opacity:1;transform:none}}@keyframes cio-ab-hl{0%{background:transparent}25%{background:var(--cio-brand-soft)}to{background:var(--cio-brand-soft)}}.cio-ab-act{display:grid;justify-items:end;align-items:center}.cio-ab-act>*{grid-area:1/1}.cio-ab-link{position:relative;font-size:12px;font-weight:700;color:var(--cio-accent);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cio-ab-link svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.cio-ab-chip{font-size:11px;font-weight:700;border-radius:999px;padding:4px 9px;white-space:nowrap}.cio-ab-chip.is-now{background:#1fae6b24;color:var(--cio-ok)}.cio-ab-chip.is-next{background:var(--cio-brand-soft);color:var(--cio-brand-text)}.cio-ab-chip.is-plain{background:var(--cio-canvas);color:var(--cio-muted)}@media(max-width:620px){.cio-ab-row{grid-template-columns:1fr 36px 104px;gap:6px;padding:4px 10px;font-size:11.5px}.cio-ab-chip{font-size:10.5px;padding:4px 8px;white-space:normal;text-align:center;line-height:1.25}.cio-ab-link span{display:none}}#abonnementen-demo{--cio-stage-h:300px;--cio-stage-h-m:330px}.cio-ab-link.is-soft{color:var(--cio-muted)}.cio-ab-chip.is-stop{background:#e5484d1f;color:#e5484d}.cio-ab-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0f0c2861;opacity:0;pointer-events:none;border-radius:inherit}.dark .cio-ab-overlay{background:#00000080}.cio-scene.is-active .cio-ab-life{animation:cio-ab-life var(--len,3s) ease var(--d,0s) both}@keyframes cio-ab-life{0%{opacity:0}8%{opacity:1}92%{opacity:1}to{opacity:0}}.cio-ab-modal{width:min(300px,86%);background:var(--cio-surface);border:1px solid var(--cio-line);border-radius:12px;padding:14px 16px;box-shadow:0 20px 40px -12px #0a062873;transform:scale(.92)}.cio-scene.is-active .cio-ab-modal{animation:cio-ab-mpop .35s cubic-bezier(.2,.9,.3,1.3) calc(var(--d,0s) + 1.15s) both}@keyframes cio-ab-mpop{0%{transform:scale(.92)}to{transform:none}}.cio-ab-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}.cio-ab-x{color:var(--cio-muted);font-size:16px;line-height:1}.cio-ab-mrow{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--cio-muted);padding:5px 0}.cio-ab-mrow.is-toggle{color:var(--cio-ink);font-weight:600;border-top:1px solid var(--cio-line);margin-top:4px;padding-top:9px}.cio-ab-sw{position:relative;width:32px;height:18px;border-radius:999px;background:var(--cio-ok)}.cio-ab-sw:after{content:"";position:absolute;top:2px;left:16px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040}.cio-scene.is-active .cio-ab-sw{animation:cio-ab-swbg .25s ease var(--d,0s) both}.cio-scene.is-active .cio-ab-sw:after{animation:cio-ab-swk .25s ease var(--d,0s) both}@keyframes cio-ab-swbg{to{background:var(--cio-line)}}@keyframes cio-ab-swk{to{left:2px}}.cio-ab-hint{margin:6px 0 0;font-size:11px;color:var(--cio-muted);line-height:1.4}.cio-ab-mf{display:flex;justify-content:flex-end;margin-top:10px}.cio-ab-save{padding:8px 14px;min-width:104px;font-size:12px}