/* CSS Document */

#objectPanel{

    position:fixed;

    top:0;

    left:-35%;

    width:35%;

    height:100%;

    background:white;

    z-index:999999;

    overflow:auto;

    transition:left .25s;

    box-shadow:2px 0 10px rgba(0,0,0,.25);

}

#objectPanel.open{

    left:0;

}

#objectPanelHeader{

    padding:20px;

    font-size:24px;

    font-weight:bold;

    border-bottom:1px solid #ddd;

}

#objectPanelContent{

    padding:20px;

}

#objectPanelClose{

    float:right;

    cursor:pointer;

    font-size:24px;

}

.objectTable{

    width:100%;
    border-collapse:collapse;
    margin-bottom:20px;

}

.objectTable td{

    padding:8px;
    border-bottom:1px solid #ddd;
    vertical-align:top;

}

.objectTable td:first-child{

    width:130px;
    font-weight:bold;

}

.objectDescription{

    line-height:1.6;
    text-align:justify;

}

.objectGallery{

    display:flex;

    overflow-x:auto;

    gap:10px;

    margin-bottom:20px;

    scroll-snap-type:x mandatory;

}

.objectGalleryImage{

    width:100%;

    max-width:500px;

    height:280px;

    object-fit:cover;

    border-radius:10px;

    flex-shrink:0;

    scroll-snap-align:start;

}