:root{--sb-porselein:#fafaf7;--sb-glas:#414849;--sb-rubber:#242628;--sb-metaal:#bcc3c5;--sb-zij:#d9dcd9;--sb-schaduw:#1014182b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sb-porselein:#dce0e1;--sb-glas:#20262a;--sb-rubber:#101416;--sb-metaal:#aab5ba;--sb-zij:#9ba5aa;--sb-schaduw:#0000007a}}:root[data-theme=dark]{--sb-porselein:#dce0e1;--sb-glas:#20262a;--sb-rubber:#101416;--sb-metaal:#aab5ba;--sb-zij:#9ba5aa;--sb-schaduw:#0000007a}.sb-kader{aspect-ratio:var(--sb-mobiel,4 / 3);position:relative}@media (min-width:960px){.sb-kader{aspect-ratio:var(--sb-desktop,5 / 4)}}.sb{background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--wash) 65%, transparent), transparent 74%);color:var(--ink);isolation:isolate;contain:layout paint;border-radius:24px;position:absolute;inset:0;overflow:hidden}.sb__svg{transition:opacity .7s var(--ease);position:absolute;inset:0}.sb__svg>svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.sb__doek{opacity:0;block-size:100%;inline-size:100%;transition:opacity .7s var(--ease);display:block;position:absolute;inset:0}.sb[data-staat=drie] .sb__doek{opacity:1}.sb[data-staat=drie] .sb__svg{opacity:0}.sb svg{fill:none;stroke:var(--ink);stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.sb-vlak{fill:var(--sb-porselein)}.sb-ruit{fill:var(--sb-glas)}.sb-lijn--fijn{stroke-width:1px}.sb-plaat{fill:var(--plate);stroke:var(--plate-ink);stroke-width:1px}.sb-hoeken{stroke-width:2px}.sb-zacht{stroke:var(--line-2);stroke-width:1px}.sb-stip{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:5 5}.sb-maat path{stroke:var(--line-2);stroke-width:1px}.sb-maat text,.sb-tekst{fill:var(--ink-3);stroke:none;font-family:var(--f-mono);letter-spacing:.04em;font-size:11px;font-weight:500}.sb-schijf{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:6 6}.sb-inktvlak{fill:var(--ink);stroke:none}.sb-papiervlak{fill:var(--paper)}.sb[data-js=aan] .sb-lijn{stroke-dasharray:1;stroke-dashoffset:1px}.sb[data-js=aan] :is(.sb-vlak,.sb-ruit){fill-opacity:0}.sb[data-js=aan] :is(.sb-plaat,.sb-klik,.sb-maat,.sb-schijf,.sb-in){opacity:0}.sb[data-js=aan][data-in=ja] .sb-lijn{animation:sb-teken 1.4s var(--ease) both;animation-delay:calc(var(--d,0) * 1ms)}.sb[data-js=aan][data-in=ja] :is(.sb-vlak,.sb-ruit){animation:sb-vul .7s var(--ease) .7s both}.sb[data-js=aan][data-in=ja] :is(.sb-plaat,.sb-maat,.sb-schijf,.sb-in){animation:sb-verschijn .5s var(--ease) .9s both}.sb[data-js=aan][data-in=ja] .sb-klik{animation:sb-klik .42s var(--ease) 1.15s both;transform-box:fill-box;transform-origin:50%}@keyframes sb-teken{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sb-vul{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes sb-verschijn{0%{opacity:0}to{opacity:1}}@keyframes sb-klik{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.sb-wiel{transform-box:fill-box;transform-origin:50%}.sb[data-in=ja] .sb-wiel{animation:sb-rol 1.6s var(--ease) .2s both}@keyframes sb-rol{0%{transform:rotate(-260deg)}to{transform:none}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb[data-in=ja] .sb-schijf{animation:sb-schijf .9s var(--ease) 1}}@keyframes sb-schijf{0%{stroke-dashoffset:0}to{stroke-dashoffset:-48px}}.sb[data-zicht=uit] *,.sb[data-staat=drie] .sb__svg *{animation-play-state:paused!important}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb-laag--achter{animation:linear both sb-diep-achter;animation-timeline:view()}:root:not([data-motion=reduced]) .sb-laag--voor{animation:linear both sb-diep-voor;animation-timeline:view()}}}@keyframes sb-diep-achter{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@keyframes sb-diep-voor{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@media print{.sb__doek{display:none}.sb__svg{opacity:1!important}}.sb-plaatvlak{stroke:none}.sb-plaatband{fill:#0b0b0c;stroke:none}.sb-eusterren{fill:#f7c600;stroke:none}.sb-eunl{fill:#fff;stroke:none;font-family:var(--f-body);letter-spacing:.02em;font-size:15px;font-weight:700}.sb-plaatrand{fill:none;stroke:var(--plate-ink);stroke-width:1.7px}.sb-plaattekst{fill:var(--plate-ink);stroke:none;font-family:var(--f-plate);letter-spacing:.035em;font-size:60px;font-weight:600}.sb-scan{stroke:none;transform:translate(0)}.sb[data-in=ja] .sb-scan{animation:sb-plaatscan .9s var(--ease) .7s 1}@keyframes sb-plaatscan{0%{transform:translate(0)}11%,to{transform:translate(510px)}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb[data-in=ja] .sb-zweef{animation:sb-zweef .7s var(--ease) 1}}@keyframes sb-zweef{0%,to{transform:none}50%{transform:translateY(-3px)}}.sb[data-js=aan] .sb-zweef{opacity:0}.sb[data-js=aan][data-in=ja] .sb-zweef{animation:sb-verschijn .5s var(--ease) both, sb-zweef .7s var(--ease) .6s 1}.sb-tellercijfer{fill:var(--ink);stroke:none;font-family:var(--f-plate);font-size:19px;font-weight:600}.sb-naald{transform-box:view-box}.sb[data-in=ja] .sb-naald{animation:sb-zwaai 1.6s var(--ease) .5s both}@keyframes sb-zwaai{0%,to{transform:none}50%{transform:rotate(240deg)}}.sb-bonregel{stroke:var(--ink-3);stroke-width:2.4px}.sb-bon{transform-box:fill-box;transform-origin:top}.sb[data-js=aan] .sb-bon{transform:scaleY(0)}.sb[data-js=aan][data-in=ja] .sb-bon{animation:sb-uitrol 1.3s var(--ease) .5s both}@keyframes sb-uitrol{0%{transform:scaleY(0)}to{transform:none}}.sb-plaatletter{fill:var(--plate-ink);stroke:none;font-family:var(--f-plate);font-size:16px;font-weight:600}.sb-juk{transform-box:view-box}.sb[data-in=ja] .sb-juk{animation:2.6s ease-out .4s both sb-wieg}@keyframes sb-wieg{0%{transform:rotate(-6deg)}24%{transform:rotate(3.2deg)}44%{transform:rotate(-1.6deg)}64%{transform:rotate(.7deg)}84%{transform:rotate(-.2deg)}to{transform:none}}.sb-plaatletter--kenteken{letter-spacing:.035em;font-size:19px}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb[data-in=ja] .sb-zweef--laat{animation:sb-zweef .7s var(--ease) 1}}.sb[data-js=aan][data-in=ja] .sb-zweef--laat{animation:sb-verschijn .5s var(--ease) both, sb-zweef .7s var(--ease) 1}.sb-staafvlak{stroke-width:1.1px}.sb-staaf{transform-box:view-box}.sb[data-js=aan] .sb-staaf{transform:scaleY(0)}.sb[data-js=aan][data-in=ja] .sb-staaf{animation:sb-groei .9s var(--ease) both;animation-delay:calc(var(--d,0) * 1ms + .2s)}@keyframes sb-groei{0%{transform:scaleY(0)}to{transform:none}}.sb-raam{stroke:var(--line-2);stroke-width:.8px}.sb-lijn--weg{stroke:var(--ink);stroke-width:1.2px}.sb-blok{transform-box:view-box}.sb[data-js=aan] .sb-blok{transform:scaleY(0)}.sb[data-js=aan][data-in=ja] .sb-blok{animation:sb-groei .9s var(--ease) both;animation-delay:calc(var(--d,0) * 1ms + .15s)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb[data-in=ja] .sb-rijdt{animation:sb-rijdt 1s var(--ease) 1}}@keyframes sb-rijdt{0%{transform:translate(calc(var(--rx) * -1), calc(var(--ry) * -1))}to{transform:translate(var(--rx), var(--ry))}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .sb[data-in=ja] .sb-stroom{animation:sb-stroom .9s var(--ease) 1}}@keyframes sb-stroom{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.sb-route{stroke-width:2.2px}.sb-letterrand{stroke:var(--ink);stroke-width:1.4px}.sb-letter{fill:var(--ink);stroke:none;font-family:var(--f-mono);font-size:11px;font-weight:600}.sb-zone{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-dasharray:5 4}.sb-kader--slot{aspect-ratio:2;width:min(100%,600px);margin-inline:auto}.sb-kader--slot .sb{background:0 0;border-radius:0}.sb-kader--slot .sb__svg,.sb-kader--slot .sb__doek{transform:scale(.93)}.sb[data-staat=drie] .sb__svg{visibility:hidden;transition:opacity .25s var(--ease), visibility 0s .25s}.sb__doek,.sb__svg{transition-duration:.25s}@media (max-width:599px){.sb{border-radius:18px}.sb-kader--slot{aspect-ratio:1.65;max-width:380px}}@media (prefers-reduced-motion:reduce){.sb *{transition:none!important;animation:none!important}}:root[data-motion=reduced] .sb *{transition:none!important;animation:none!important}@media (forced-colors:active){.sb{forced-color-adjust:none}}.sb[data-scene=redactioneel]{background:0 0}.sb-kader--slot:has(.sb[data-scene=redactioneel]){aspect-ratio:3/2}.sw-slotbeeld .sb-kader--slot .sb[data-scene=redactioneel] .sb__svg{transform:none!important}
