.pwrd-map-wrap{
    position:relative;
    width:100%;
    overflow:hidden;
}

.pwrd-map-viewport{
    position:relative;
    width:100%;
    overflow:hidden;
}

.pwrd-map-viewport::before{
    content:"";
    display:block;
    padding-bottom:var(--pwrd-map-aspect,56.25%);
}

.pwrd-map-canvas{
    position:absolute;
    inset:0;
    transform-origin:0 0;
    will-change:transform;
    transition:transform .25s cubic-bezier(.22,.61,.36,1);
}

.pwrd-map-wrap.is-dragging .pwrd-map-canvas,
.pwrd-map-wrap.is-touching .pwrd-map-canvas{
    transition:none;
}

.pwrd-map-svg{
    display:block;
    width:100%;
    height:100%;
}

.pwrd-map-overlay [id],
.pwrd-map-overlay [class],
.pwrd-map-overlay [data-unit],
.pwrd-map-overlay [data-object],
.pwrd-map-overlay [data-bouwnummer]{
    cursor:pointer;
    pointer-events:auto;
}

.pwrd-map-object{
    fill-opacity:.5;
    stroke:#fff;
    stroke-width:1;
    transition:fill-opacity .2s ease, fill .2s ease;
}

.pwrd-map-object:hover{
    fill-opacity:.8;
}

.pwrd-map-controls{
    position:absolute;
    top:12px;
    right:12px;
    z-index:10;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.pwrd-map-controls button{
    width:36px;
    height:36px;
    border:none;
    border-radius:6px;
    background:#fff;
    color:#111;
    font-size:18px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
    transition:.2s;
}

.pwrd-map-controls button:hover{
    transform:scale(1.05);
}

.pwrd-map-has-zoom .pwrd-map-viewport{
    touch-action:none;
    overscroll-behavior:contain;
}

.pwrd-map-has-zoom .pwrd-map-canvas{
    transform-origin:0 0;
    user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

.pwrd-map-has-zoom.is-zoomed .pwrd-map-canvas{
    cursor:grab;
}

.pwrd-map-has-zoom.is-dragging .pwrd-map-canvas{
    cursor:grabbing;
}

.pwrd-map-viewport,
.pwrd-map-canvas,
.pwrd-map-svg {
    touch-action: none;
}

.pwrd-map-wrap.is-touching .pwrd-map-canvas,
.pwrd-map-wrap.is-dragging .pwrd-map-canvas {
    transition: none !important;
}