@font-face{font-family:"Snelspoor Unbounded";src:url("assets/fonts/unbounded.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:"Snelspoor Onest";src:url("assets/fonts/onest.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
.msm-koeriersdienst-bezorggebied{box-sizing:border-box;font:400 17px/1.55 var(--m-font-body,"Snelspoor Onest",sans-serif);color:var(--m-ink)}.msm-koeriersdienst-bezorggebied *{box-sizing:border-box}.msm-koeriersdienst-bezorggebied h1,.msm-koeriersdienst-bezorggebied h2,.msm-koeriersdienst-bezorggebied h3{font-family:var(--m-font-display,"Snelspoor Unbounded",sans-serif);line-height:.95;margin:.25em 0}.msm-koeriersdienst-bezorggebied button,.msm-koeriersdienst-bezorggebied a{font:inherit}.msm-koeriersdienst-bezorggebied img{max-width:100%}.msm-koeriersdienst-bezorggebied{padding:clamp(70px,9vw,126px) max(18px,calc((100% - 1180px)/2));background:var(--m-surface);color:var(--m-bg)}.msm-koeriersdienst-bezorggebied h2{font-size:clamp(55px,8vw,105px)}.msm-koeriersdienst-bezorggebied .kk-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.msm-koeriersdienst-bezorggebied .kk-radar{position:relative;aspect-ratio:1;border:1px solid #ffffff55;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 14%,#ffffff18 14.5% 15%),repeating-conic-gradient(#ffffff18 0 1deg,transparent 1deg 30deg);overflow:hidden}.msm-koeriersdienst-bezorggebied .kk-radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 78%,color-mix(in srgb,var(--m-primary) 55%,transparent) 96%,transparent);animation:kksweep 5s linear infinite}.msm-koeriersdienst-bezorggebied .kk-radar button{position:absolute;border:0;background:var(--m-primary);color:#fff;padding:10px;cursor:pointer}.msm-koeriersdienst-bezorggebied .kk-radar button:nth-of-type(1){left:45%;top:43%}.msm-koeriersdienst-bezorggebied .kk-radar button:nth-of-type(2){left:18%;top:26%}.msm-koeriersdienst-bezorggebied .kk-radar button:nth-of-type(3){right:8%;bottom:22%}@keyframes kksweep{to{transform:rotate(1turn)}}@media(max-width:720px){.msm-koeriersdienst-bezorggebied .kk-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.msm-koeriersdienst-bezorggebied *,.msm-koeriersdienst-bezorggebied *:before,.msm-koeriersdienst-bezorggebied *:after{animation:none!important;transition:none!important}}

.msm-koeriersdienst-bezorggebied{isolation:isolate;position:relative}.msm-koeriersdienst-bezorggebied .ms-native-source{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:auto}.msm-koeriersdienst-bezorggebied .ms-native-source>*{width:100%;height:100%}.msm-koeriersdienst-bezorggebied>*:not(.ms-native-source){position:relative;z-index:1}

@scope (.msm-koeriersdienst-bezorggebied) {/* ORIGINAL Radar.css */
.msm-koeriersdienst-bezorggebied .radar-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.msm-koeriersdienst-bezorggebied .radar-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

}
 .msm-koeriersdienst-bezorggebied .kk-city-model{margin:46px 0 0;display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);gap:24px;align-items:end}.msm-koeriersdienst-bezorggebied .kk-city-model img{width:100%;aspect-ratio:1564/1006;object-fit:contain;border-radius:22px}.msm-koeriersdienst-bezorggebied .kk-city-model figcaption{color:color-mix(in srgb,var(--m-bg) 76%,transparent);max-width:30ch}@media(max-width:720px){.msm-koeriersdienst-bezorggebied .kk-city-model{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.msm-koeriersdienst-bezorggebied .kk-radar i{animation:none}}

.msm-koeriersdienst-bezorggebied .kk-radar-native{position:absolute;inset:0}.msm-koeriersdienst-bezorggebied .kk-radar-native>*{width:100%;height:100%}.msm-koeriersdienst-bezorggebied .kk-radar-controls{display:contents}
