.vnv{--vnv-white: #ffffff;--vnv-ink: #1d1d1d;--vnv-blue: #0042ff;--vnv-grey: #949494;--vnv-grey-light: #ebebeb;--vnv-px: clamp(24px, 4vw, 64px);--vnv-py: clamp(72px, 9vw, 144px);--vnv-max: 1136px;--vnv-pos: 50%;display:block;box-sizing:border-box;padding:var(--vnv-py) var(--vnv-px);font-family:Matter LP,Matter Regular,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.65;color:var(--vnv-ink)}.vnv *,.vnv *:before,.vnv *:after{box-sizing:border-box}.vnv.vnv--wit{background:var(--vnv-white)}.vnv.vnv--lichtgrijs{background:var(--vnv-grey-light)}.vnv__inner{max-width:var(--vnv-max);margin:0 auto;display:flex;flex-direction:column;gap:clamp(32px,4vw,56px)}.vnv__head{display:flex;flex-direction:column;gap:16px}.vnv__overline{font-weight:500;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--vnv-blue)}.vnv__heading{margin:0;max-width:800px;font-weight:600;font-size:clamp(32px,3.6vw,52px);line-height:1;letter-spacing:-.02em;text-wrap:balance}.vnv__heading em{font-style:normal;color:inherit}@supports (-webkit-text-stroke: 1px #000){.vnv__heading em{color:transparent;-webkit-text-stroke:1.2px var(--vnv-ink)}}.vnv__intro{max-width:640px}.vnv__intro p{margin:0 0 16px}.vnv__intro p:last-child{margin-bottom:0}.vnv__frame{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:repeating-linear-gradient(135deg,#ebebeb 0 10px,#e2e2e2 10px 20px)}.vnv__frame img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.vnv__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--vnv-grey)}.vnv__ph span{border:1px dashed #c9c9c9;padding:10px 14px}.vnv__label{display:block;font-weight:500;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase}.vnv__label--voor{color:var(--vnv-ink)}.vnv__label--na{color:var(--vnv-blue)}.vnv__label--overlay{position:absolute;bottom:16px;z-index:2;padding:8px 16px;color:var(--vnv-white)}.vnv__label--overlay.vnv__label--voor{left:16px;background:var(--vnv-ink)}.vnv__label--overlay.vnv__label--na{right:16px;background:var(--vnv-blue)}.vnv__pair{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vnv__item{position:relative;margin:0;display:flex;flex-direction:column;gap:16px}.vnv__slider{display:block;max-width:720px}.vnv__slider .vnv__frame{touch-action:pan-y;cursor:ew-resize}.vnv__layer{position:absolute;top:0;right:0;bottom:0;left:0}.vnv__layer--na{clip-path:inset(0 0 0 var(--vnv-pos));transition:clip-path .12s ease}.vnv__handle{position:absolute;top:0;bottom:0;left:var(--vnv-pos);z-index:3;width:40px;margin-left:-20px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;transition:left .12s ease}.vnv__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--vnv-blue)}.vnv__grip{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:48px;height:48px;border-radius:50%;background:var(--vnv-blue);color:var(--vnv-white);font-size:12px;line-height:1}.vnv__handle:focus-visible{outline:none}.vnv__handle:focus-visible .vnv__grip{outline:3px solid var(--vnv-ink);outline-offset:3px}.vnv__slider.is-dragging .vnv__handle,.vnv__slider.is-dragging .vnv__layer--na{transition:none}.vnv__slider.is-dragging .vnv__frame{-webkit-user-select:none;user-select:none}@media screen and (max-width:767px){.vnv--mob-slider .vnv__pair{display:none}}@media screen and (min-width:768px){.vnv--mob-slider .vnv__slider{display:none}}.vnv__caption{margin:0;font-size:13px;line-height:1.5;color:var(--vnv-grey)}.vnv__outro{margin:0;max-width:720px;font-weight:500;font-size:clamp(18px,1.8vw,22px);line-height:1.5}@media screen and (max-width:767px){.vnv{--vnv-px: 24px;--vnv-py: 56px;font-size:15px}.vnv__heading{font-size:30px}.vnv__pair{grid-template-columns:1fr;gap:16px}.vnv__item .vnv__label{position:absolute;bottom:16px;z-index:2;padding:8px 16px;color:var(--vnv-white)}.vnv__item .vnv__label--voor{left:16px;background:var(--vnv-ink)}.vnv__item .vnv__label--na{right:16px;background:var(--vnv-blue)}.vnv__grip{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.vnv__handle,.vnv__layer--na{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/sections-voor-na-vergelijking.css.map */