#silverline-map{
    width:100%;
    height:800px;
    border-radius:16px;
}

.poi-marker{
    width:16px;
    height:16px;
    border-radius:50%;
    background:#C9A45C;
    border:2px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.silverline-route-runner-icon{
    background:transparent;
    border:0;
}

.silverline-route-runner{
    width:34px;
    height:34px;
    box-sizing:border-box;
    border-radius:50%;
    background:#fff;
    border:2px solid #7d496c;
    box-shadow:0 0 0 4px rgba(125,73,108,.16), 0 3px 12px rgba(0,0,0,.28);
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.silverline-route-runner::after{
    content:"";
    position:absolute;
    inset:-9px;
    border-radius:50%;
    border:2px solid rgba(125,73,108,.28);
    animation:silverline-route-pulse 1.8s ease-out infinite;
}

.silverline-route-runner svg{
    width:25px;
    height:25px;
    display:block;
    position:relative;
    z-index:1;
}

.silverline-boat-hull{
    fill:#7d496c;
}

.silverline-boat-cabin{
    fill:#C9A45C;
}

.silverline-boat-window{
    fill:#fff;
}

@keyframes silverline-route-pulse{
    0%{
        opacity:.85;
        transform:scale(.45);
    }

    100%{
        opacity:0;
        transform:scale(1.35);
    }
}

.poi-popup{
    max-width:260px;
    min-width:220px;
}

.poi-popup img{
    width:100%;
    height:120px;
    object-fit:contain;
    background:#fff;
    border-radius:6px;
    margin-bottom:14px;
    display:block;
}

.poi-popup h3{
    margin:0 0 8px;
    color:#7d496c;
    font-size:16px;
}