.rail{position:relative}.rail__spoor{display:flex;gap:var(--rail-gap,clamp(14px,2vw,28px));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;cursor:grab}.rail__spoor::-webkit-scrollbar{display:none}.rail__spoor.is-sleep{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.rail__dia{flex:0 0 var(--rail-dia,84vw);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.rail--uitloop .rail__spoor{margin-left:calc(-1 * var(--marge));margin-right:calc(-1 * var(--marge));padding-left:var(--marge);padding-right:var(--marge);scroll-padding-left:var(--marge)}.rail__bediening{display:flex;align-items:center;gap:18px;margin-top:22px}.rail__stippen{display:flex;gap:0;align-items:center}.rail__stip{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;background:none;width:24px;height:44px;display:grid;place-items:center}.rail__stip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lijn-sterk);transition:background var(--duur-basis) var(--ease-uit),transform var(--duur-basis) var(--ease-uit)}.rail__stip[aria-current=true]:before{background:var(--kop);transform:scale(1.25)}.rail__stip:focus-visible{outline:2px solid var(--messing);outline-offset:3px}.rail__pijl{-webkit-appearance:none;appearance:none;border:1px solid var(--lijn-sterk);background:none;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;color:var(--kop);transition:border-color .3s ease,color .3s ease}.rail__pijl:hover{border-color:var(--kop)}.rail__pijl:focus-visible{outline:2px solid var(--messing);outline-offset:2px}.rail__pijl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rail--een .rail__bediening,.rail__bediening[hidden]{display:none}@media(hover:none){.rail__pijl{display:none}}.rail--pin .rail__venster{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.rail--pin .rail__spoor{overflow:visible;scroll-snap-type:none;cursor:default;will-change:transform}.ezels .rail__spoor{--rail-dia:80vw;--rail-gap:clamp(14px,2vw,28px)}.ezels .rail__dia figure{margin:0}.ezels .ezels__img{aspect-ratio:3/2}@media(min-width:901px){.ezels .rail__spoor{--rail-dia:calc((100% - 2 * var(--rail-gap)) / 3)}}.ezels .rail__bediening{justify-content:flex-start}.veld .rail__spoor{--rail-dia:78vw;--rail-gap:clamp(14px,2vw,28px)}@media(min-width:901px){.veld .rail__spoor{--rail-dia:calc((100% - 2 * var(--rail-gap)) / 3);max-width:900px}}.strook .rail__spoor{--rail-dia:78vw;--rail-gap:clamp(14px,2vw,28px)}.strook .rail__spoor .plaat{flex:0 0 var(--rail-dia);scroll-snap-align:start}.strook .strook__platen{display:flex;margin-top:var(--sp-3)}@media(min-width:901px){.strook .rail__spoor{--rail-dia:44vw}.strook .rail--pin .strook__platen{margin-top:var(--sp-2)}}.strook .rail__venster>.strook__kop{max-width:62ch}.strook .rail__bediening{margin-top:26px}.strook--moment{background:var(--grond);color:var(--op-groen)}.strook--moment .strook__titel{color:var(--op-groen)}.strook--moment .strook__intro{color:var(--body-op-groen)}.strook--moment .rail__spoor{--rail-dia:calc(100vw - var(--marge) - 52px);--rail-gap:clamp(10px,1.6vw,22px)}@media(min-width:901px){.strook--moment .rail__spoor{--rail-dia:58vw}}.strook--moment .plaat{position:relative;overflow:hidden;isolation:isolate;display:grid;align-items:end;min-height:clamp(360px,48svh,520px);background:var(--forest-donker);box-shadow:inset 0 -4px 0 var(--randverf)}@media(min-width:901px){.strook--moment .plaat{min-height:clamp(440px,56vh,620px)}}.strook--moment .rail__spoor{scroll-snap-type:x proximity;overscroll-behavior-x:contain}.strook--moment .rail__dia{scroll-snap-stop:normal}.strook--moment .plaat__beeld{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.strook--moment .plaat__beeld img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.74) contrast(1.14) saturate(.78) sepia(.14)}.strook--moment .plaat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0b1610e6,#0b161080 45%,#0b161014)}.strook--moment .plaat__inhoud{position:relative;z-index:2;padding:0 clamp(20px,3vw,44px) clamp(24px,3.5vw,48px);max-width:30ch}.strook--moment .plaat__no{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;color:var(--goud);margin-bottom:14px}.strook--moment .plaat__no:before{content:"";width:22px;height:1px;background:var(--messing-hoog)}.strook--moment .plaat__no:after{content:"0" counter(handeling)}.strook--moment .plaat__label{display:block;margin:0;font-family:var(--serif);font-weight:400;font-size:var(--t-h3);line-height:var(--lh-kop);letter-spacing:var(--ls-kop);color:var(--op-groen);text-shadow:0 2px 26px rgba(9,16,12,.5)}.strook--moment .plaat__label:before{content:none;display:none}.strook--moment .plaat__detail{margin:12px 0 0;font-family:var(--sans);font-size:var(--t-meta);letter-spacing:0;line-height:1.55;color:var(--body-op-groen);text-transform:none}.strook--moment .rail__stip:before{background:#f2e9d647}.strook--moment .rail__stip[aria-current=true]:before{background:var(--op-groen)}.strook--moment .rail__pijl{border-color:#f2e9d64d;color:var(--op-groen)}.strook--moment .rail__pijl:hover{border-color:var(--op-groen)}.strook--moment .strook__link{color:var(--op-groen);border-bottom-color:#f2e9d666}.strook--moment .strook__link:hover{border-bottom-color:var(--op-groen)}.strook--moment .strook__voet{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px}.strook--moment .strook__voet .strook__link{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/donq-rail.css.map */