.sb-ref{background:var(--sb-deep-navy);color:var(--sb-dark-muted)}.sb-ref h2{color:#fff}.sb-ref .sb-lead{color:var(--sb-dark-muted)}.sb-ref .sb-eyebrow{color:var(--sb-brand)}.sb-ref__data{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:22px}.sb-ref[data-ref-js=on] .sb-ref__data{display:none}.sb-ref__row{display:grid;gap:4px;min-width:0}.sb-ref__row-branche{margin:0;font-family:var(--sb-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-brand)}.sb-ref__row-bedrijf{margin:0;font-family:var(--sb-display);font-size:1.0625rem;color:#fff}.sb-ref__row-bedrijf a{color:inherit}.sb-ref__row-plaats{color:var(--sb-dark-muted);font-family:var(--sb-sans);font-size:.8125rem;margin-left:.5em}.sb-ref__row-extern,.sb-ref__row-reden,.sb-ref__row-anders{margin:0;font-size:.8125rem;line-height:1.55}.sb-ref__row-markers{margin:6px 0 0;padding-left:1.1em;font-size:.8125rem;line-height:1.55}.sb-ref__row-mk{font-family:var(--sb-mono);font-size:.625rem;letter-spacing:.12em;color:var(--sb-brand);display:block}.sb-ref__banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:22px 0 0;padding:12px 16px;border:1px solid var(--sb-dark-line);border-left:3px solid var(--sb-brand);border-radius:10px;background:#ffffff08}.sb-ref__banner-tag{font-family:var(--sb-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-brand);white-space:nowrap}.sb-ref__banner-text{margin:0;font-size:.8125rem;line-height:1.55;color:var(--sb-dark-muted);min-width:0}.sb-ref__chips{position:relative;display:flex;gap:6px;margin:20px 0 0;padding-bottom:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.sb-ref__chips::-webkit-scrollbar{display:none}.sb-ref__chips[hidden]{display:none}.sb-ref__chip{position:relative;flex:0 0 auto;min-height:38px;scroll-snap-align:center;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--sb-dark-line);border-radius:999px;background:transparent;color:var(--sb-dark-muted);font:inherit;font-size:.8125rem;line-height:1;cursor:pointer;white-space:nowrap;transition:color .2s var(--sb-ease),border-color .2s var(--sb-ease),background-color .2s var(--sb-ease)}.sb-ref__chip:hover{color:#fff;border-color:#ffffff47}.sb-ref__chip[aria-selected=true]{color:var(--sb-brand);border-color:var(--sb-brand);background:#00e5a81f}.sb-ref__chip:focus-visible{outline:2px solid #fff;outline-offset:3px}.sb-ref__rail{margin-top:20px;min-width:0}.sb-ref__slide{min-width:0;display:grid;gap:14px}.sb-ref[data-ref-layout=wide]:not(.sb-ref--teaser) .sb-ref__slide[data-ref-active=false]{display:none}@media(min-width:1000px){.sb-ref[data-ref-layout=wide]:not(.sb-ref--teaser) .sb-ref__slide{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start}}@media(min-width:1000px){.sb-ref--teaser[data-ref-layout=wide] .sb-ref__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.sb-ref--teaser[data-ref-layout=wide] .sb-ref__slide{gap:12px}}.sb-ref[data-ref-layout=narrow] .sb-ref__rail{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sb-ref[data-ref-layout=narrow] .sb-ref__rail::-webkit-scrollbar{display:none}.sb-ref[data-ref-layout=narrow] .sb-ref__slide{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.sb-ref__frame{position:relative;border:1px solid var(--sb-dark-line);border-radius:14px;background:#0b1b2e;overflow:hidden;box-shadow:0 24px 56px -34px #020812e6;transition:transform .3s var(--sb-ease),box-shadow .3s var(--sb-ease),border-color .3s var(--sb-ease)}.sb-ref__bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--sb-dark-line);background:#ffffff0a;min-width:0}.sb-ref__dots{display:inline-flex;gap:5px;flex:0 0 auto}.sb-ref__dots i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.sb-ref__url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sb-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--sb-dark-muted)}.sb-ref__extern{flex:0 0 auto;font-family:var(--sb-mono);font-size:.5625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-brand);border:1px solid rgba(0,229,168,.42);border-radius:5px;padding:3px 6px;white-space:nowrap}.sb-ref__viewport{position:relative;height:clamp(440px,33vw,520px);overflow:hidden;background:#09182a}.sb-ref--teaser .sb-ref__viewport{height:clamp(420px,26vw,460px)}@media(max-width:999.98px){.sb-ref__viewport,.sb-ref--teaser .sb-ref__viewport{height:clamp(420px,108vw,500px)}}.sb-ref__viewport:after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(to bottom,#09182a00,#09182aeb);pointer-events:none;z-index:2}.sb-ref--teaser .sb-ref__viewport:after{height:76px}.sb-ref__pic{display:block}.sb-ref__shot{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}.sb-ref__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;padding:18px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 8px,transparent 8px 16px),#09182a}.sb-ref__ph-band{border-radius:6px;background:#ffffff0e;flex:0 0 auto}.sb-ref__ph-band--xl{height:40%}.sb-ref__ph-band--l{height:16px;width:62%}.sb-ref__ph-band--m{height:12px;width:44%}.sb-ref__ph-band--s{height:12px;width:28%;border-radius:999px}.sb-ref__ph-row{display:flex;gap:10px;min-width:0}.sb-ref__ph-row .sb-ref__ph-band{flex:1 1 0;height:64px;min-width:0}.sb-ref__ph-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;max-width:min(86%,34ch);text-align:center;padding:14px 18px;border:1px dashed rgba(0,229,168,.4);border-radius:10px;background:#050f1ce0}.sb-ref__ph-status b{display:block;font-family:var(--sb-mono);font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-brand);margin-bottom:6px}.sb-ref__ph-status span{font-size:.8125rem;line-height:1.5;color:var(--sb-dark-muted)}.sb-ref__route{position:absolute;top:10px;bottom:10px;right:8px;width:2px;border-radius:2px;background:#ffffff1a;z-index:3;pointer-events:none}.sb-ref__route i{position:absolute;left:0;top:0;width:2px;height:26%;border-radius:2px;background:var(--sb-brand);box-shadow:0 0 10px #00e5a880;transition:top .7s cubic-bezier(.22,.61,.36,1)}.sb-ref--teaser .sb-ref__route{top:8px;bottom:8px;right:6px;width:2px;background:#ffffff14}.sb-ref--teaser .sb-ref__route i{height:18%;box-shadow:none;background:#00e5a8c7}.sb-ref__hint{position:absolute;left:12px;bottom:12px;z-index:4;display:none;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#050f1cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--sb-mono);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(4px);transition:opacity .25s var(--sb-ease),transform .25s var(--sb-ease);pointer-events:none}@media(hover:hover)and (pointer:fine){.sb-ref__hint{display:block}.sb-ref__frame:hover{transform:translateY(-3px);border-color:#ffffff2e}.sb-ref__frame:hover .sb-ref__hint{opacity:1;transform:translateY(0)}}.sb-ref__panel{display:grid;gap:14px;min-width:0;align-content:start}.sb-ref__naam{margin:0;font-family:var(--sb-display);font-size:clamp(1.25rem,2.6vw,1.625rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#fff}.sb-ref__sub{margin:0;font-family:var(--sb-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-dark-muted)}.sb-ref__waarom{margin:0;font-size:.9375rem;line-height:1.6;color:var(--sb-dark-muted);max-width:46ch}.sb-ref__markers{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sb-ref__marker{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;text-align:left;padding:11px 13px;border:1px solid var(--sb-dark-line);border-radius:10px;background:transparent;color:var(--sb-dark-muted);font:inherit;cursor:pointer;min-height:44px;transition:border-color .2s var(--sb-ease),background-color .2s var(--sb-ease)}.sb-ref__marker:hover{border-color:#ffffff42}.sb-ref__marker[aria-pressed=true]{border-color:var(--sb-brand);background:#00e5a817}.sb-ref__marker:focus-visible{outline:2px solid #fff;outline-offset:3px}.sb-ref__marker-k{font-family:var(--sb-mono);font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-brand);white-space:nowrap;padding-top:.15em}.sb-ref__marker-d{font-size:.8125rem;line-height:1.5;min-width:0}.sb-ref__anders{margin:0;padding:10px 0 10px 13px;border-left:2px solid rgba(0,127,95,.85);font-size:.8125rem;line-height:1.55;color:var(--sb-dark-muted)}.sb-ref__links{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.sb-ref__extlink{font-family:var(--sb-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-brand);text-decoration:none;border-bottom:1px solid rgba(0,229,168,.4);padding-bottom:2px}.sb-ref__extlink:hover{border-bottom-color:var(--sb-brand)}.sb-ref__disclaimer{margin:20px 0 0;font-size:.75rem;line-height:1.6;color:var(--sb-dark-muted);max-width:78ch}.sb-ref__ctas{margin-top:22px}@media(max-width:899.98px){.sb-ref__waarom{max-width:none}}@media(max-width:480px){.sb-ref__banner{padding:11px 13px}.sb-ref__panel{gap:12px}.sb-ref__marker{padding:10px 12px}.sb-ref__ph-status{max-width:min(92%,40ch);padding:11px 13px}.sb-ref__ph-status b{font-size:.5625rem;letter-spacing:.12em;margin-bottom:4px}.sb-ref__ph-status span{font-size:.75rem;line-height:1.4}}@media(prefers-reduced-motion:reduce){.sb-ref__shot,.sb-ref__route i,.sb-ref__frame,.sb-ref__chip,.sb-ref__marker,.sb-ref__hint{transition:none!important}.sb-ref__frame:hover{transform:none}.sb-ref__rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sb-ref-showcase.css.map */