#nearbyMap{
    position:relative;
    overflow:hidden;
    background:#11172a;
}

#nearbyMap::before,
#nearbyMap::after{
    display:none!important;
}

#nearbyMap .maplibregl-canvas{
    border-radius:22px;
}

#nearbyMap .maplibregl-ctrl-bottom-left,
#nearbyMap .maplibregl-ctrl-bottom-right{
    font-size:8px;
    opacity:.58;
}

#nearbyMap .maplibregl-ctrl-attrib{
    background:rgba(9,11,24,.82);
    color:#959db2;
}

#nearbyMap .maplibregl-ctrl-attrib a{
    color:#b5a9ff;
}

.plan-marker{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;

    border:
        2px solid
        rgba(255,255,255,.84);

    border-radius:
        50% 50% 50% 12px;

    background:
        linear-gradient(
            135deg,
            #ff7a3d,
            #ef4e97 55%,
            #7958ff
        );

    box-shadow:
        0 10px 28px
        rgba(0,0,0,.42);

    transform:rotate(-45deg);
    cursor:pointer;
}

.plan-marker span{
    display:block;
    transform:rotate(45deg);
    font-size:17px;
}

.viewer-marker{
    width:18px;
    height:18px;
    border-radius:50%;
    border:4px solid #fff;
    background:#4d8dff;

    box-shadow:
        0 0 0 8px
            rgba(77,141,255,.18),
        0 8px 22px
            rgba(31,104,255,.42);
}

.cards-live-empty{
    padding:30px 20px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:20px;
    text-align:center;

    background:
        rgba(255,255,255,.02);
}

.cards-live-empty strong{
    display:block;
    margin-bottom:7px;
    font-size:16px;
}

.cards-live-empty p{
    margin:0;
    font-size:13px;
}

.card-live-cover{
    background-size:cover!important;
    background-position:center!important;
}