.floorplan{
    max-width: calc(100% - var(--marginViewport) * 2);
    /* max-height: calc(100% - 65px - var(--marginViewport)); */
    box-shadow: 0 0 50px #00000080;
    transition: all 0.5s ease-in-out !important;
}

.floorplan.floorplanHidden{
    bottom: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Leaflet buttons */
.leaflet-control {
    border:none !important;
}

/* Radar border */
path.leaflet-interactive{
    stroke: none !important;
}

.floorplanPinInner{
    box-shadow:0 0 0 3px var(--colorSecondary), 0 0 0 5px #fff, 0 0 20px 6px #00000080;
}

.floorplanPin:focus-visible .floorplanPinInner,
.floorplanPin:focus .floorplanPinInner{
    background-color: var(--colorSecondary) !important;
}

.floorplanFullscreen .floorplan{
    width: calc(100% - var(--marginViewport) * 2) !important;
    height: calc(100% - var(--marginViewport) * 2) !important;
    bottom: var(--marginViewport) !important;
    left: var(--marginViewport) !important;
    max-width: none;
    max-height: none;
    transition: all 0.5s ease-in-out !important;
    z-index: 2500 !important;
}
/* Swithers (Tabs) */
.floorplanSwitchers{
    width:100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 1000 !important;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 10px 41px 0 0;
    gap:1px;
}
.floorplanSwither{
    pointer-events: all;
    user-select: none;
    cursor:pointer;
    position: relative;
    display: block;
}
.floorplanSwither.active{
    background-color: var(--colorActiveElementBg) !important;
    color: var(--colorActiveElementText) !important;
}


/* Tablets */
@media (max-width: 1024px){
    .floorplan{
        max-height: calc(50% - 75px);
        max-width: calc(50% - var(--marginViewport) * 2);
    }
}
/* Smartphones all */
@media (max-width: 767px) {
    .floorplan{
        height: calc(100% - 75px) !important;
        width: calc(100% - var(--marginViewport) * 2) !important;
        max-width: none;
        max-height: none;
    }
}