.vietbandogl-map {
    -webkit-tap-highlight-color: rgb(0 0 0/0);
    font: 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;
    overflow: hidden;
    position: relative
}

.vietbandogl-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.vietbandogl-map:-webkit-full-screen {
    height: 100%;
    width: 100%
}

.vietbandogl-canary {
    background-color: salmon
}

.vietbandogl-canvas-container.vietbandogl-interactive,.vietbandogl-ctrl-group button.vietbandogl-ctrl-compass {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none
}

.vietbandogl-canvas-container.vietbandogl-interactive.vietbandogl-track-pointer {
    cursor: pointer
}

.vietbandogl-canvas-container.vietbandogl-interactive:active,.vietbandogl-ctrl-group button.vietbandogl-ctrl-compass:active {
    cursor: grabbing
}

.vietbandogl-canvas-container.vietbandogl-touch-zoom-rotate,.vietbandogl-canvas-container.vietbandogl-touch-zoom-rotate .vietbandogl-canvas {
    touch-action: pan-x pan-y
}

.vietbandogl-canvas-container.vietbandogl-touch-drag-pan,.vietbandogl-canvas-container.vietbandogl-touch-drag-pan .vietbandogl-canvas {
    touch-action: pinch-zoom
}

.vietbandogl-canvas-container.vietbandogl-touch-zoom-rotate.vietbandogl-touch-drag-pan,.vietbandogl-canvas-container.vietbandogl-touch-zoom-rotate.vietbandogl-touch-drag-pan .vietbandogl-canvas {
    touch-action: none
}

.vietbandogl-ctrl-bottom-left,.vietbandogl-ctrl-bottom-right,.vietbandogl-ctrl-top-left,.vietbandogl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.vietbandogl-ctrl-top-left {
    left: 0;
    top: 0
}

.vietbandogl-ctrl-top-right {
    right: 0;
    top: 0
}

.vietbandogl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.vietbandogl-ctrl-bottom-right {
    bottom: 0;
    right: 0
}

.vietbandogl-ctrl {
    clear: both;
    pointer-events: auto;
    transform: translate(0)
}

.vietbandogl-ctrl-top-left .vietbandogl-ctrl {
    float: left;
    margin: 10px 0 0 10px
}

.vietbandogl-ctrl-top-right .vietbandogl-ctrl {
    float: right;
    margin: 10px 10px 0 0
}

.vietbandogl-ctrl-bottom-left .vietbandogl-ctrl {
    float: left;
    margin: 0 0 10px 10px
}

.vietbandogl-ctrl-bottom-right .vietbandogl-ctrl {
    float: right;
    margin: 0 10px 10px 0
}

.vietbandogl-ctrl-group {
    background: #fff;
    border-radius: 4px
}

.vietbandogl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgba(0,0,0,.1)
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px ButtonText
    }
}

.vietbandogl-ctrl-group button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    outline: none;
    overflow: hidden;
    padding: 0;
    width: 29px
}

.vietbandogl-ctrl-group button+button {
    border-top: 1px solid #ddd
}

.vietbandogl-ctrl button .vietbandogl-ctrl-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl-icon {
        background-color: transparent
    }

    .vietbandogl-ctrl-group button+button {
        border-top: 1px solid ButtonText
    }
}

.vietbandogl-ctrl-attrib-button:focus,.vietbandogl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px #0096ff
}

.vietbandogl-ctrl button:disabled {
    cursor: not-allowed
}

.vietbandogl-ctrl button:disabled .vietbandogl-ctrl-icon {
    opacity: .25
}

.vietbandogl-ctrl-group button:first-child {
    border-radius: 4px 4px 0 0
}

.vietbandogl-ctrl-group button:last-child {
    border-radius: 0 0 4px 4px
}

.vietbandogl-ctrl-group button:only-child {
    border-radius: inherit
}

.vietbandogl-ctrl button:not(:disabled):hover {
    background-color: rgb(0 0 0/5%)
}

.vietbandogl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px #0096ff
}

.vietbandogl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none
}

.vietbandogl-ctrl button.vietbandogl-ctrl-zoom-out .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-zoom-in .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-zoom-out .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-zoom-in .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-zoom-out .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-zoom-in .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")
    }
}

.vietbandogl-ctrl button.vietbandogl-ctrl-fullscreen .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-shrink .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-fullscreen .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-shrink .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-fullscreen .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-shrink .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")
    }
}

.vietbandogl-ctrl button.vietbandogl-ctrl-compass .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-compass .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-compass .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")
    }
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate:disabled .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-active .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-active-error .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-background .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-background-error .vietbandogl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
}

.vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-waiting .vietbandogl-ctrl-icon {
    animation: vietbandogl-spin 2s linear infinite
}

@media (-ms-high-contrast:active) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate:disabled .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-active .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-active-error .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-background .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate.vietbandogl-ctrl-geolocate-background-error .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {
    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")
    }

    .vietbandogl-ctrl button.vietbandogl-ctrl-geolocate:disabled .vietbandogl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")
    }
}

@keyframes vietbandogl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

a.vietbandogl-ctrl-logo {
    background-image: url("../logo/vietbando.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    margin: 0 0 -4px -4px;
    overflow: hidden;
    width: 88px
}

a.vietbandogl-ctrl-logo.vietbandogl-compact {
    width: 23px
}

@media (-ms-high-contrast:active) {
    a.vietbandogl-ctrl-logo {
        background-image: url("../logo/vietbando.png");
    }
}

@media (-ms-high-contrast:black-on-white) {
    a.vietbandogl-ctrl-logo {
        background-image: url("../logo/vietbando.png");
    }
}

.vietbandogl-ctrl.vietbandogl-ctrl-attrib {
    background-color: hsla(0,0%,100%,.5);
    margin: 0;
    padding: 0 5px
}

@media screen {
    .vietbandogl-ctrl-attrib.vietbandogl-compact {
        background-color: #fff;
        border-radius: 12px;
        margin: 10px;
        min-height: 20px;
        padding: 2px 24px 2px 0;
        position: relative
    }

    .vietbandogl-ctrl-attrib.vietbandogl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible
    }

    .vietbandogl-ctrl-bottom-left>.vietbandogl-ctrl-attrib.vietbandogl-compact-show,.vietbandogl-ctrl-top-left>.vietbandogl-ctrl-attrib.vietbandogl-compact-show {
        border-radius: 12px;
        padding: 2px 8px 2px 28px
    }

    .vietbandogl-ctrl-attrib.vietbandogl-compact .vietbandogl-ctrl-attrib-inner {
        display: none
    }

    .vietbandogl-ctrl-attrib-button {
        background-color: hsla(0,0%,100%,.5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
        border: 0;
        border-radius: 12px;
        box-sizing: border-box;
        cursor: pointer;
        display: none;
        height: 24px;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px
    }

    .vietbandogl-ctrl-bottom-left .vietbandogl-ctrl-attrib-button,.vietbandogl-ctrl-top-left .vietbandogl-ctrl-attrib-button {
        left: 0
    }

    .vietbandogl-ctrl-attrib.vietbandogl-compact .vietbandogl-ctrl-attrib-button,.vietbandogl-ctrl-attrib.vietbandogl-compact-show .vietbandogl-ctrl-attrib-inner {
        display: block
    }

    .vietbandogl-ctrl-attrib.vietbandogl-compact-show .vietbandogl-ctrl-attrib-button {
        background-color: rgb(0 0 0/5%)
    }

    .vietbandogl-ctrl-bottom-right>.vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        bottom: 0;
        right: 0
    }

    .vietbandogl-ctrl-top-right>.vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        right: 0;
        top: 0
    }

    .vietbandogl-ctrl-top-left>.vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        left: 0;
        top: 0
    }

    .vietbandogl-ctrl-bottom-left>.vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        bottom: 0;
        left: 0
    }
}

@media screen and (-ms-high-contrast:active) {
    .vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .vietbandogl-ctrl-attrib.vietbandogl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")
    }
}

.vietbandogl-ctrl-attrib a {
    color: rgba(0,0,0,.75);
    text-decoration: none
}

.vietbandogl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.vietbandogl-ctrl-attrib .vietbando-improve-map {
    font-weight: 700;
    margin-left: 2px
}

.vietbandogl-attrib-empty {
    display: none
}

.vietbandogl-ctrl-scale {
    background-color: hsla(0,0%,100%,.75);
    border: 2px solid #333;
    border-top: #333;
    box-sizing: border-box;
    color: #333;
    font-size: 10px;
    padding: 0 5px;
    white-space: nowrap
}

.vietbandogl-popup {
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform
}

.vietbandogl-popup-anchor-top,.vietbandogl-popup-anchor-top-left,.vietbandogl-popup-anchor-top-right {
    flex-direction: column
}

.vietbandogl-popup-anchor-bottom,.vietbandogl-popup-anchor-bottom-left,.vietbandogl-popup-anchor-bottom-right {
    flex-direction: column-reverse
}

.vietbandogl-popup-anchor-left {
    flex-direction: row
}

.vietbandogl-popup-anchor-right {
    flex-direction: row-reverse
}

.vietbandogl-popup-tip {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    z-index: 1
}

.vietbandogl-popup-anchor-top .vietbandogl-popup-tip {
    align-self: center;
    border-bottom-color: #fff;
    border-top: none
}

.vietbandogl-popup-anchor-top-left .vietbandogl-popup-tip {
    align-self: flex-start;
    border-bottom-color: #fff;
    border-left: none;
    border-top: none
}

.vietbandogl-popup-anchor-top-right .vietbandogl-popup-tip {
    align-self: flex-end;
    border-bottom-color: #fff;
    border-right: none;
    border-top: none
}

.vietbandogl-popup-anchor-bottom .vietbandogl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.vietbandogl-popup-anchor-bottom-left .vietbandogl-popup-tip {
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.vietbandogl-popup-anchor-bottom-right .vietbandogl-popup-tip {
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.vietbandogl-popup-anchor-left .vietbandogl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.vietbandogl-popup-anchor-right .vietbandogl-popup-tip {
    align-self: center;
    border-left-color: #fff;
    border-right: none
}

.vietbandogl-popup-close-button {
    background-color: transparent;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.vietbandogl-popup-close-button:hover {
    background-color: rgb(0 0 0/5%)
}

.vietbandogl-popup-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding: 10px 10px 15px;
    pointer-events: auto;
    position: relative
}

.vietbandogl-popup-anchor-top-left .vietbandogl-popup-content {
    border-top-left-radius: 0
}

.vietbandogl-popup-anchor-top-right .vietbandogl-popup-content {
    border-top-right-radius: 0
}

.vietbandogl-popup-anchor-bottom-left .vietbandogl-popup-content {
    border-bottom-left-radius: 0
}

.vietbandogl-popup-anchor-bottom-right .vietbandogl-popup-content {
    border-bottom-right-radius: 0
}

.vietbandogl-popup-track-pointer {
    display: none
}

.vietbandogl-popup-track-pointer * {
    pointer-events: none;
    user-select: none
}

.vietbandogl-map:hover .vietbandogl-popup-track-pointer {
    display: flex
}

.vietbandogl-map:active .vietbandogl-popup-track-pointer {
    display: none
}

.vietbandogl-marker {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    will-change: transform
}

.vietbandogl-user-location-dot,.vietbandogl-user-location-dot:before {
    background-color: #1da1f2;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.vietbandogl-user-location-dot:before {
    animation: vietbandogl-user-location-dot-pulse 2s infinite;
    content: "";
    position: absolute
}

.vietbandogl-user-location-dot:after {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.35);
    box-sizing: border-box;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px
}

.vietbandogl-user-location-show-heading .vietbandogl-user-location-heading {
    height: 0;
    width: 0
}

.vietbandogl-user-location-show-heading .vietbandogl-user-location-heading:after,.vietbandogl-user-location-show-heading .vietbandogl-user-location-heading:before {
    border-bottom: 7.5px solid #4aa1eb;
    content: "";
    position: absolute
}

.vietbandogl-user-location-show-heading .vietbandogl-user-location-heading:before {
    border-left: 7.5px solid transparent;
    transform: translateY(-28px) skewY(-20deg)
}

.vietbandogl-user-location-show-heading .vietbandogl-user-location-heading:after {
    border-right: 7.5px solid transparent;
    transform: translate(7.5px,-28px) skewY(20deg)
}

@keyframes vietbandogl-user-location-dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.vietbandogl-user-location-dot-stale {
    background-color: #aaa
}

.vietbandogl-user-location-dot-stale:after {
    display: none
}

.vietbandogl-user-location-accuracy-circle {
    background-color: #1da1f233;
    border-radius: 100%;
    height: 1px;
    width: 1px
}

.vietbandogl-crosshair,.vietbandogl-crosshair .vietbandogl-interactive,.vietbandogl-crosshair .vietbandogl-interactive:active {
    cursor: crosshair
}

.vietbandogl-boxzoom {
    background: #fff;
    border: 2px dotted #202020;
    height: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0
}

@media print {
    .vietbando-improve-map {
        display: none
    }
}

.vietbandogl-scroll-zoom-blocker,.vietbandogl-touch-pan-blocker {
    align-items: center;
    background: rgba(0,0,0,.7);
    color: #fff;
    display: flex;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .75s ease-in-out;
    transition-delay: 1s;
    width: 100%
}

.vietbandogl-scroll-zoom-blocker-show,.vietbandogl-touch-pan-blocker-show {
    opacity: 1;
    transition: opacity .1s ease-in-out
}

.vietbandogl-canvas-container.vietbandogl-touch-pan-blocker-override.vietbandogl-scrollable-page,.vietbandogl-canvas-container.vietbandogl-touch-pan-blocker-override.vietbandogl-scrollable-page .vietbandogl-canvas {
    touch-action: pan-x pan-y
}