.rd{--gutter:var(--container-gutter,20px);--max:var(--container-max-width,1360px);--zacht:cubic-bezier(.22,1,.36,1);--glij:cubic-bezier(.22,.61,.36,1);--pad:20px;--kolom:12px;--groep:24px;--vlak:var(--banky-tint,#eef9f9);--s:min(100cqw / 158, 3.3px);--ax:calc((100cqw - var(--s) * 158) / 2 + var(--s) * 14.35);--ay:calc(var(--s) * 16.5);--vak-h:calc(var(--s) * 87.5 + 30px);display:block;margin:0;padding:0;font-family:"Poppins Reis",var(--text-font-family,Poppins),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:normal;text-align:left;text-transform:none;color:var(--banky-ink,#272727);-webkit-font-smoothing:antialiased}.rd *,.rd *:before,.rd *:after{box-sizing:border-box}.rd :where(span){line-height:inherit}.rd :where(h2,h3,p,ol,ul,li,a){font-family:inherit;letter-spacing:inherit;text-transform:none}.rd img{display:block;max-width:100%}.rd__paneel{position:relative;overflow:hidden;overflow:clip;background:var(--vlak);container-type:inline-size;padding-block:32px 24px}.rd__boven{display:grid;grid-template-columns:minmax(0,1fr)}.rd__kop{grid-area:1 / 1;position:relative;z-index:2;padding-inline:var(--pad)}.rd__kaartvak{grid-area:2 / 1;position:relative;z-index:1;height:var(--vak-h);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 30px),transparent 100%)}.rd .rd__boventekst{margin:0 0 8px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:normal;color:var(--banky-muted,#52616a)}.rd .rd__titel{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--banky-ink,#272727);text-wrap:balance}.rd .rd__intro{margin:8px 0 0;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:normal;color:var(--banky-muted,#52616a);text-wrap:balance}.rd__kaart{position:absolute;left:calc(var(--ax) - var(--s) * 85.35);top:calc(var(--ay) - var(--s) * 30.9772);width:calc(var(--s) * 245);aspect-ratio:245 / 115.1169}.rd__stippen,.rd__route{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rd .rd__stippen img{width:100%;height:100%}.rd__route{overflow:visible}.rd__route path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.rd__route-plan{stroke:var(--banky-ink,#272727);stroke-opacity:.42;stroke-width:2;stroke-dasharray:0 7}.rd__route-lijn,.rd__route-deel{stroke:var(--banky-ink,#272727);stroke-width:2}.rd__route-deel{opacity:0}.rd--js .rd__route-lijn{display:none}.rd__halte{position:absolute;width:0;height:0}.rd__punt{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--banky-surface,#fff);box-shadow:inset 0 0 0 2px var(--banky-ink,#272727)}.rd__punt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--banky-ink,#272727);transition:opacity .5s var(--glij)}.rd__ring{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--banky-brand-hover,#65c8c7);opacity:0;transform:scale(1)}.rd .rd__etiket{position:absolute;display:inline-grid;white-space:nowrap;font-size:14px;line-height:1;font-weight:600}.rd .rd__etiket>span{grid-area:1 / 1;display:block;padding:7px 12px;border-radius:var(--banky-radius-pill,999px);line-height:1}.rd__etiket-licht{background:var(--banky-surface,#fff);color:var(--banky-ink,#272727);box-shadow:inset 0 0 0 1px var(--banky-line,#e6eef1)}.rd__etiket-donker{background:var(--banky-ink,#272727);color:#fff;opacity:0;transition:opacity .5s var(--glij)}.rd__etiket-donker:before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:var(--banky-brand,#84d3d2);vertical-align:middle}.rd__halte--a .rd__etiket{left:13px;top:-14px}.rd__halte--b .rd__etiket{left:-6px;top:14px}.rd__halte--c .rd__etiket{left:2px;bottom:12px}.rd__wijzer{position:absolute;left:79.653%;top:84.215%;width:0;height:0}.rd__wijzer:before{content:"";position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;background:var(--banky-brand,#84d3d2);opacity:.35}.rd__wijzer:after{content:"";position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--banky-ink,#272727);box-shadow:0 0 0 3px var(--banky-surface,#fff)}.rd--js .rd__wijzer{left:0;top:0;will-change:transform}.rd--js:not(.rd--klaar) .rd__wijzer{opacity:0}.rd[data-halte="0"] .rd__halte--a .rd__etiket-donker,.rd[data-halte="1"] .rd__halte--b .rd__etiket-donker,.rd[data-halte="2"] .rd__halte--c .rd__etiket-donker{opacity:1}.rd[data-bereikt="0"] .rd__halte--b .rd__punt:after,.rd[data-bereikt="0"] .rd__halte--c .rd__punt:after,.rd[data-bereikt="1"] .rd__halte--c .rd__punt:after{opacity:0}@keyframes rd-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.rd__halte.is-ping .rd__ring{animation:rd-ping 1.1s var(--glij)}.rd .rd__haltes{position:relative;display:flex;gap:var(--groep);list-style:none;margin:0;padding:0 var(--pad) 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}.rd__haltes::-webkit-scrollbar{display:none}.rd .rd__groep{flex:none;min-width:0;margin:0;padding:0;list-style:none}.rd .rd__groep:before,.rd .rd__item:before{content:none}.rd__groepkop{display:flex;align-items:center;height:24px;margin-bottom:12px}.rd__groeppunt{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--vlak);box-shadow:inset 0 0 0 2px var(--banky-ink,#272727)}.rd__groeppunt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--banky-ink,#272727);transition:opacity .5s var(--glij)}.rd .rd__groepnaam{flex:none;margin:0;padding:0 12px 0 10px;font-size:14px;line-height:1;font-weight:600;color:var(--banky-ink,#272727)}.rd__spoor{flex:1 1 auto;align-self:center;height:2px;margin-right:calc(-1 * var(--groep));background:#2727271f;border-radius:1px;overflow:hidden}.rd__spoor-vul{display:block;height:100%;background:var(--banky-ink,#272727);transform-origin:0 50%;transform:scaleX(1)}.rd--js .rd__spoor-vul{transform:scaleX(0)}.rd__groep:last-child .rd__spoor{display:none}.rd[data-bereikt="0"] .rd__groep:nth-child(n+2) .rd__groeppunt:after,.rd[data-bereikt="1"] .rd__groep:nth-child(3) .rd__groeppunt:after{opacity:0}.rd__groeppunt:before{content:"";position:absolute;left:-6px;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--banky-brand,#84d3d2);opacity:0;transform:scale(.6);transition:opacity .5s var(--glij),transform .6s var(--zacht)}.rd__groeppunt:after{z-index:1}.rd[data-halte="0"] .rd__groep:nth-child(1) .rd__groeppunt:before,.rd[data-halte="1"] .rd__groep:nth-child(2) .rd__groeppunt:before,.rd[data-halte="2"] .rd__groep:nth-child(3) .rd__groeppunt:before{opacity:.45;transform:none}.rd .rd__items{display:flex;gap:var(--kolom);list-style:none;margin:0;padding:0}.rd .rd__item{position:relative;flex:none;width:140px;margin:0;padding:0;list-style:none;scroll-snap-align:start}.rd__media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--banky-radius,12px);overflow:hidden;clip-path:inset(0 round var(--banky-radius,12px));background:#dfeceb}.rd .rd__img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.001);transition:transform 1.4s var(--glij)}.rd__label{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:12px}.rd .rd__link{display:block;flex:1 1 auto;min-width:0;color:var(--banky-ink,#272727);text-decoration:none;background:none}.rd .rd__naam{margin:0;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:normal;color:inherit}.rd .rd__collectie{display:block;margin-top:3px;font-size:12px;line-height:1.35;font-weight:400;color:var(--banky-muted,#52616a);text-wrap:pretty}.rd .rd__verborgen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.rd .rd__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--banky-radius,12px)}.rd .rd__link:focus{outline:none}.rd .rd__link:focus-visible{outline:none;box-shadow:none}.rd .rd__link:focus-visible:after{outline:2px solid var(--banky-ink,#272727);outline-offset:6px}.rd .rd__label .banky-go{margin:0;color:var(--banky-ink,#272727);opacity:.45;transition:transform .25s var(--glij),opacity .25s var(--glij)}@media(min-width:700px){.rd{--pad:32px;--kolom:16px;--groep:32px;--s:min(100cqw / 215, 3.6px);--ax:calc((100cqw - var(--s) * 215) / 2 + var(--s) * 45);--ay:calc(var(--s) * 16 + 8px);--vak-h:calc(var(--s) * 88 + 40px)}.rd__paneel{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto;border-radius:var(--banky-radius-panel,20px);padding-block:40px 32px}.rd .rd__titel{font-size:28px}.rd .rd__item{width:168px}.rd .rd__naam{font-size:15px}.rd .rd__collectie{font-size:13px}}@media(min-width:1000px){.rd{--pad:48px;--kolom:16px;--groep:16px;--s:calc(100cqw / 290);--ax:44cqw;--ay:calc(var(--s) * 3 + 56px);--vak-h:calc(var(--s) * 74 + 88px)}.rd__paneel{padding-block:0 48px}.rd__kop{grid-area:1 / 1;padding-top:48px;max-width:calc(var(--pad) * 2 + 360px)}.rd__kaartvak{grid-area:1 / 1;-webkit-mask-image:radial-gradient(ellipse 42% 86% at 0 0,transparent 72%,#000 100%),linear-gradient(90deg,transparent 12%,#000 30%,#000 calc(100% - 32px),transparent 100%),linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 32px),transparent 100%);mask-image:radial-gradient(ellipse 42% 86% at 0 0,transparent 72%,#000 100%),linear-gradient(90deg,transparent 12%,#000 30%,#000 calc(100% - 32px),transparent 100%),linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 32px),transparent 100%);-webkit-mask-composite:source-in,source-in;mask-composite:intersect}.rd .rd__titel{font-size:32px}.rd .rd__haltes{display:grid;grid-template-columns:repeat(var(--rd-n,6),minmax(0,1fr));column-gap:var(--kolom);overflow:visible;scroll-snap-type:none;padding-bottom:0}.rd .rd__groep{display:grid;grid-template-columns:subgrid;align-content:start;grid-column:span var(--rd-k,2)}.rd__groepkop,.rd .rd__items{grid-column:1 / -1}.rd .rd__items{display:grid;grid-template-columns:subgrid}.rd .rd__item{width:auto}.rd .rd__naam{font-size:15px}.rd__halte--a .rd__etiket{left:16px;top:-14px}.rd__halte--b .rd__etiket{left:-8px;top:16px}.rd__halte--c .rd__etiket{left:4px;bottom:14px}}@media(min-width:1000px)and (max-width:1279px){.rd{--s:calc(100cqw / 285);--ax:46cqw}.rd__kop{max-width:calc(var(--pad) * 2 + 300px)}.rd .rd__titel{font-size:28px}}@media(min-width:1000px)and (max-width:1199px){.rd .rd__label .banky-go{display:none}.rd .rd__naam{font-size:14px}.rd .rd__collectie{font-size:12px}}@media(min-width:1200px){.rd .rd__naam{font-size:16px}.rd .rd__collectie{font-size:13px}}@media(max-width:699px){.rd__punt,.rd__ring{left:-5px;top:-5px;width:10px;height:10px}.rd__wijzer:before{left:-11px;top:-11px;width:22px;height:22px}.rd__wijzer:after{left:-5px;top:-5px;width:10px;height:10px;box-shadow:0 0 0 2px var(--banky-surface,#fff)}.rd .rd__etiket{opacity:0;transition:opacity .4s var(--glij)}.rd[data-halte="0"] .rd__halte--a .rd__etiket,.rd[data-halte="1"] .rd__halte--b .rd__etiket,.rd[data-halte="2"] .rd__halte--c .rd__etiket{opacity:1}}@supports not (grid-template-columns:subgrid){@media(min-width:1000px){.rd .rd__haltes{display:flex}.rd .rd__groep{display:block;flex:var(--rd-k,2) 1 0}.rd .rd__items{display:flex}.rd .rd__item{flex:1 1 0}}}@media(hover:hover)and (pointer:fine){.rd .rd__item:hover .rd__img{transform:scale(1.03)}.rd .rd__item:hover .banky-go{transform:translate(3px);opacity:1}.rd[data-wijs="0"] .rd__halte--a .rd__ring,.rd[data-wijs="1"] .rd__halte--b .rd__ring,.rd[data-wijs="2"] .rd__halte--c .rd__ring{opacity:.9;transform:scale(1.9);transition:transform .5s var(--zacht),opacity .3s var(--glij)}}.rd .rd__item:focus-within .banky-go{opacity:1}@media(prefers-reduced-motion:reduce){.rd .rd__img,.rd .rd__label .banky-go,.rd .rd__etiket,.rd__etiket-donker,.rd__punt:after,.rd__groeppunt:after,.rd__groeppunt:before{transition:none!important}.rd .rd__item:hover .rd__img{transform:scale(1.001)}.rd .rd__item:hover .banky-go{transform:none}.rd__halte.is-ping .rd__ring{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/banky-reis-kaart.css.map */