@import "_map-variable";

.s-map-popup {
    //position: relative;
    .leaflet-popup-content-wrapper, .leaflet-popup-tip {
        background-color: @background-color;
        /*background-color: transparent;*/
        border: .00521rem solid @color;
        padding: .05rem;
        //-webkit-box-shadow: 0 0 0.03125rem 0 @color;
        //box-shadow: 0 0 0.03125rem 0 @color;
        -webkit-box-shadow: 0 0 10px 0 @color;
        box-shadow: 0 0 .03rem @color;
        //border-radius: .03rem;
        border-radius: 10px;
    }

    .leaflet-popup-tip-container {
        display: none;
    }

    .leaflet-popup-content-wrapper:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -.03rem;
        -webkit-transform: translateX(-50%) rotate(
                        45deg
        );
        transform: translateX(-50%) rotate(
                        45deg
        );
        width: .06rem;
        height: .06rem;
        background-color: @background-color;
        border-right: .00521rem solid @color;
        border-bottom: .00521rem solid @color;
    }

}

.s-map-popup-panel {
    color: @color;
}