/* CSS Document */

#mapObjectPanel{

    position:absolute;

	top: 8%;

    left: var(--iconbar-width);

    width:30%;

    min-width:420px;

    max-width:520px;

    height:93%;

    background:#fff;

    box-shadow:4px 0 12px rgba(0,0,0,.25);

    transform:translateX(-100%);

    transition:transform .25s ease;

    z-index: 900;

    overflow-y:auto;

}

#mapObjectPanel.open{

    transform:translateX(0);

}

#mapObjectPanelContent{

    padding:20px;
	
	margin-top:70px;

}

.object-toolbar{

    display:flex;

    justify-content:flex-end;

    gap:10px;

    margin-bottom:20px;

    border-bottom:1px solid #ddd;

    padding-bottom:12px;

}

.object-toolbar button{

    border:none;

    background:none;

    font-size:24px;

    cursor:pointer;

    color:#666;

    transition:.2s;

}

.object-toolbar button:hover{

    color:#0d6efd;

    transform:scale(1.15);

}

.object-title{

    margin:0;

    margin-bottom:8px;

    font-size:32px;

    font-weight:700;

}

.object-location{

    color:#666;

    font-size:17px;

    margin-bottom:20px;

}

.object-image{

    width:100%;

    height:240px;

    border-radius:12px;

    overflow:hidden;

    background:#eee;

    margin-bottom:20px;

}

.object-description{

    margin-top:25px;

}

.object-description h3{

    font-size:20px;

    margin-bottom:10px;

}

.object-description-text{

    line-height:1.6;

    text-align:justify;

}

.object-details{

    margin-top:35px;

}

.object-table{

    width:100%;

    border-collapse:collapse;

}

.object-table td{

    padding:8px 0;

    vertical-align:top;

}

.object-table td:first-child{

    width:120px;

    font-weight:600;

    color:#666;

}