.mappedin-marker {
    font-family: InterUI-Regular,Helvetica,Arial,sans-serif;
    font-weight: 400;
    top: 0;
    transition: transform .3s linear;
    position: absolute;
    font-weight: 700;
    color: #000;
    display: flex;
    flex-direction: row;
    will-change: transform,opacity;
    transition: opacity .15s ease-in-out;
    justify-content: center;
    opacity: 0
}

.irooms {
    left: -43px ;
    position: relative !important;
    /* display: none;*/
}
.hyattMinWidth {
    max-width: 30px;
}
.infotext {
    max-width: 55px;
}

.mappedin__smart-collision-engine__container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    transform-style: preserve-3d;
    font-family: InterUI-Regular,Helvetica,Arial,sans-serif
}

.mappedin__smart-collision-engine-debug__container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    will-change: opacity
}

    .mappedin__smart-collision-engine-debug__container.interacting {
        opacity: .2
    }

.mappedin-map .mappedin-interactive {
    cursor: grab
}

    .mappedin-map .mappedin-interactive:active {
        cursor: grabbing
    }

    .mappedin-map .mappedin-interactive.mappedin-interaction-hover {
        cursor: pointer
    }

.mappedin-map .mappedin-control-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    font-family: InterUI-Regular,Helvetica,Arial,sans-serif
}

    .mappedin-map .mappedin-control-container .mappedin-ctrl-top-left, .mappedin-map .mappedin-control-container .mappedin-ctrl-top-right, .mappedin-map .mappedin-control-container .mappedin-ctrl-bottom-left, .mappedin-map .mappedin-control-container .mappedin-ctrl-bottom-right {
        position: absolute;
        pointer-events: none
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-top-left {
        top: 0;
        left: 0
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-top-right {
        top: 0;
        right: 0
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-bottom-left {
        bottom: 0;
        left: 0
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-bottom-right {
        bottom: 0;
        right: 0
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib {
        display: block;
        position: relative;
        pointer-events: auto;
        font: 9px/11px InterUI-Regular,Helvetica,Arial,sans-serif;
        padding: 3px 5px 1px;
        background-color: #ffffff80;
        margin: 0;
        min-width: 11px;
        min-height: 11px;
        -webkit-user-select: none;
        user-select: none
    }

        .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib summary.mappedin-ctrl-attrib-button {
            -webkit-appearance: none;
            appearance: none;
            list-style: none
        }

            .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib summary.mappedin-ctrl-attrib-button::-webkit-details-marker {
                display: none
            }

        .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib.mappedin-compact .mappedin-ctrl-attrib-button, .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib.mappedin-compact-show .mappedin-ctrl-attrib-inner {
            display: inline-block
        }

        .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib.mappedin-compact {
            background-color: transparent
        }

        .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib.mappedin-compact-show {
            min-width: 15px;
            min-height: 15px;
            box-sizing: border-box;
            background-color: #ffffff80
        }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-top-left {
        float: left;
        border-bottom-right-radius: 4px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-top-right {
        float: right;
        border-bottom-left-radius: 4px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-bottom-left {
        float: left;
        border-top-right-radius: 4px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-bottom-right {
        float: right;
        border-top-left-radius: 4px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-top-left, .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-bottom-left {
        padding: 3px 5px 1px 20px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner {
        display: inline-block;
        margin-right: 12px
    }

        .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner, .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner a {
            color: #000000bf;
            text-decoration: none
        }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner-bold, .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner-bold a {
        font-weight: 700
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-inner a:hover {
        color: #017ef1;
        text-decoration: underline;
        cursor: pointer
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-button {
        display: none;
        cursor: pointer;
        position: absolute;
        width: 15px;
        height: 15px;
        box-sizing: border-box;
        border-radius: 50%;
        top: 0;
        right: 2px;
        border: 1px
    }

    .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-top-left .mappedin-ctrl-attrib-button, .mappedin-map .mappedin-control-container .mappedin-ctrl-attrib-bottom-left .mappedin-ctrl-attrib-button {
        left: 2px
    }

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

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

.maplibregl-map:fullscreen {
    width: 100%;
    height: 100%
}

.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
    touch-action: none
}

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

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

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

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

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

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

.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures, .maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas {
    touch-action: pan-x pan-y
}

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

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

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

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

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

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

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

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

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

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

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

    .maplibregl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px #0000001a
    }

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

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

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

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

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

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

.maplibregl-ctrl button::-moz-focus-inner {
    border: 0;
    padding: 0
}

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

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

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

.maplibregl-ctrl button:not(:disabled):hover {
    background-color: #0000000d
}

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

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

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

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

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

.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: svg-load("svg/maplibregl-ctrl-zoom-out.svg",fill: #333)
}

.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: svg-load("svg/maplibregl-ctrl-zoom-in.svg",fill: #333)
}

@media (-ms-high-contrast: active) {
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-zoom-out.svg",fill: #fff)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-zoom-in.svg",fill: #fff)
    }
}

@media (-ms-high-contrast: black-on-white) {
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-zoom-out.svg",fill: #000)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-zoom-in.svg",fill: #000)
    }
}

.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: svg-load("svg/maplibregl-ctrl-fullscreen.svg",fill: #333)
}

.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: svg-load("svg/maplibregl-ctrl-shrink.svg")
}

@media (-ms-high-contrast: active) {
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-fullscreen.svg",fill: #fff)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-shrink.svg",fill: #fff)
    }
}

@media (-ms-high-contrast: black-on-white) {
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-fullscreen.svg",fill: #000)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-shrink.svg",fill: #000)
    }
}

.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: svg-load("svg/maplibregl-ctrl-compass.svg",fill: #333)
}

@media (-ms-high-contrast: active) {
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        @svg-load ctrl-compass-white url(svg/maplibregl-ctrl-compass.svg) {
            fill: #fff;

            #south {
                fill: #999;
            }
        }

        background-image: svg-inline(ctrl-compass-white)
    }
}

@media (-ms-high-contrast: black-on-white) {
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: svg-load("svg/maplibregl-ctrl-compass.svg",fill: #000)
    }
}

@svg-load ctrl-terrain url(svg/maplibregl-ctrl-terrain.svg) {
    fill: #333;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-terrain-enabled url(svg/maplibregl-ctrl-terrain.svg) {
    fill: #33b5e5;

    #stroke {
        display: none;
    }
}

.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-terrain)
}

.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-terrain-enabled)
}

@svg-load ctrl-geolocate url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #333;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-geolocate-white url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #fff;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-geolocate-black url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #000;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-geolocate-disabled url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #aaa;

    #stroke {
        fill: #f00;
    }
}

@svg-load ctrl-geolocate-disabled-white url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #999;

    #stroke {
        fill: #f00;
    }
}

@svg-load ctrl-geolocate-disabled-black url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #666;

    #stroke {
        fill: #f00;
    }
}

@svg-load ctrl-geolocate-active url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #33b5e5;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-geolocate-active-error url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #e58978;

    #stroke {
        display: none;
    }
}

@svg-load ctrl-geolocate-background url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #33b5e5;

    #stroke {
        display: none;
    }

    #dot {
        display: none;
    }
}

@svg-load ctrl-geolocate-background-error url(svg/maplibregl-ctrl-geolocate.svg) {
    fill: #e54e33;

    #stroke {
        display: none;
    }

    #dot {
        display: none;
    }
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate)
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-disabled)
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-active)
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-active-error)
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-background)
}

.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-background-error)
}

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

@media (-ms-high-contrast: active) {
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-white)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-disabled-white)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-active)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-active-error)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-background)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-background-error)
    }
}

@media (-ms-high-contrast: black-on-white) {
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-black)
    }

    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-disabled-black)
    }
}

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

    to {
        transform: rotate(360deg)
    }
}

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

    a.maplibregl-ctrl-logo.maplibregl-compact {
        width: 14px
    }

@media (-ms-high-contrast: active) {
    a.maplibregl-ctrl-logo {
        @svg-load ctrl-logo-white url(svg/maplibregl-ctrl-logo.svg) {
            #outline {
                opacity: 1;
            }

            #fill {
                opacity: 1;
            }
        }

        background-color: transparent;
        background-image: svg-inline(ctrl-logo-white)
    }
}

@media (-ms-high-contrast: black-on-white) {
    a.maplibregl-ctrl-logo {
        @svg-load ctrl-logo-black url(svg/maplibregl-ctrl-logo.svg) {
            #outline {
                opacity: 1;
                fill: #fff;
                stroke: #fff;
            }

            #fill {
                opacity: 1;
                fill: #000;
            }
        }

        background-image: svg-inline(ctrl-logo-black)
    }
}

.maplibregl-ctrl.maplibregl-ctrl-attrib {
    padding: 0 5px;
    background-color: #ffffff7f;
    margin: 0
}

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

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

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

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

    .maplibregl-ctrl-attrib-button {
        display: none;
        cursor: pointer;
        position: absolute;
        background-image: svg-load("svg/maplibregl-ctrl-attrib.svg");
        background-color: #ffffff7f;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border-radius: 12px;
        outline: none;
        top: 0;
        right: 0;
        border: 0
    }

    .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button {
        -webkit-appearance: none;
        appearance: none;
        list-style: none
    }

        .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker {
            display: none
        }

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

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

    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
        background-color: #0000000d
    }

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

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

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

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

@media screen and (-ms-high-contrast: active) {
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: svg-load("svg/maplibregl-ctrl-attrib.svg",fill=#fff)
    }
}

@media screen and (-ms-high-contrast: black-on-white) {
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: svg-load("svg/maplibregl-ctrl-attrib.svg")
    }
}

.maplibregl-ctrl-attrib a {
    color: #000000bf;
    text-decoration: none
}

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

.maplibregl-attrib-empty {
    display: none
}

.maplibregl-ctrl-scale {
    background-color: #ffffffbf;
    font-size: 10px;
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: #333;
    padding: 0 5px;
    color: #333;
    box-sizing: border-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .maplibregl-popup-close-button:hover {
        background-color: #0000000d
    }

.maplibregl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px #0000001a;
    padding: 15px 10px;
    pointer-events: auto
}

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

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

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

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

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

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

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

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

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

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

    .maplibregl-user-location-dot:before {
        background-color: #1da1f2;
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        position: absolute;
        animation: maplibregl-user-location-dot-pulse 2s infinite
    }

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

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

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

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

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

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

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

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

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

.maplibregl-cooperative-gesture-screen {
    background: #0006;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 1rem;
    font-size: 1.4em;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease 1s;
    z-index: 99999
}

    .maplibregl-cooperative-gesture-screen.maplibregl-show {
        opacity: 1;
        transition: opacity .05s
    }

    .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message {
        display: none
    }

@media (hover: none),(width <= 480px) {
    .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message {
        display: none
    }

    .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message {
        display: block
    }
}

.maplibregl-pseudo-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99999
}

:root {
    --pin-shadow-hover-scale: .9;
    --pin-shadow-width: 12px;
    --pin-shadow-height: 5px;
    --pin-shadow-opacity: .35;
    --pin-drop-animation-duration-ms: .25s
}

@keyframes drop-pin {
    0% {
        transform: translateY(-200%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes pin-shadow {
    0% {
        transform: scale(var(--pin-shadow-hover-scale))
    }

    to {
        transform: scale(1)
    }
}

.mappedin-dropped-pin-wrapper {
    position: relative;
    width: fit-content;
    height: fit-content;
    width: 36px;
    height: 42px
}

    .mappedin-dropped-pin-wrapper svg {
        position: absolute;
        left: calc(50% - var(--pin-shadow-width));
        animation: drop-pin var(--pin-drop-animation-duration-ms) ease-in
    }

    .mappedin-dropped-pin-wrapper > .pin-shadow {
        position: absolute;
        left: calc(50% - var(--pin-shadow-width) / 2);
        bottom: 0;
        height: var(--pin-shadow-height);
        width: var(--pin-shadow-width);
        border-radius: 100%;
        opacity: var(--pin-shadow-opacity);
        animation: pin-shadow .25s ease-in
    }

@keyframes bounce {
    0% {
        transform: translateY(-10px);
        opacity: 0
    }

    12.5% {
        transform: translateY(0);
        opacity: 1
    }

    25% {
        transform: translateY(0)
    }

    37.5% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(0)
    }

    62.5% {
        transform: translateY(-10px)
    }

    75% {
        transform: translateY(0)
    }

    87.5% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.mappedin-connection-marker {
    position: relative;
    display: flex
}

    .mappedin-connection-marker .bouncey {
        animation: bounce 2.5s linear
    }

    .mappedin-connection-marker .arrow--down {
        transform: rotate(180deg)
    }

    .mappedin-connection-marker .connection-circle {
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 2px solid white;
        box-shadow: 0 2px 8px #00000026;
        background: #595959
    }

.mappedin-js-inspector .list-items {
    max-height: 600px;
    overflow-y: scroll;
    scroll-behavior: smooth
}

.mappedin-js-inspector .children:focus {
    border: 1px solid blue
}

.mappedin-js-inspector #interactionPanel {
    position: absolute;
    right: 0
}

.mappedin-js-inspector #mainPanel {
    position: absolute;
    left: 0
}

.mappedin-js-inspector .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

/*.mappedin-marker[data-anchor="right"]{
    left: 13px !important;
}*/
.force-visible{
    opacity:1!important;
}

.room-wrapper {
    padding: 2px 4px 2px 4px;
}

.room-occupancy-wrapper {
    padding-bottom: 8px;
}

.room-occupancy-indicator {
    width: 12px;
    height: 12px;
    border: 1px solid black;
    border-radius: 50%;
    /*background: white;*/
    margin: 0 auto;
}

.arrow {
    margin-left: 6px;
    font-size: 20px;
    font-weight: 500;
    color: #858585;
    position: relative;
    top: 4px;
}

.bridgetxt {
    position: relative;
    left: 60px; /* move text to the right */
    top: 0;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    font-weight: 600;
    color: #2f2f2f;
}


.greytext {
    color: #858585;
}

.label {
    font-weight: 500;
}