@import url("https://cdn.jsdelivr.net/npm/@photo-sphere-viewer/core@5.1.5/index.min.css");
@import url("https://cdn.jsdelivr.net/npm/@photo-sphere-viewer/markers-plugin@5.1.5/index.min.css");
@import url("https://cdn.jsdelivr.net/npm/@photo-sphere-viewer/gallery-plugin@5.1.5/index.min.css");

.psv-marker {
    cursor: pointer;
}

#markerLegend {
    background-color: #555;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    min-width: fit-content;
}

.psv-panel-content .psv-panel-menu-item-label img {
    width: 20px !important;
    height: 20px !important;
}

/* No marcador, alinhar verticalmente a imagem e o texto*/
.psv-marker.psv-marker--normal.psv-marker--visible {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Na lista dos marcadores, colocar a imagem alinhada com o texto*/
.psv-panel-menu-item-label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Na lista dos marcadores, adicionar espaçamento entre a imagem e o texto*/
.psv-panel-menu-item-label img {
    padding-right: 10px;
}

/* Para a lista dos marcadores, retirar cor de fundo */
.psv-panel-menu-item-label #markerLegend {
    background-color: transparent;
}

/* Para meter o botão de autorotate no sitio como estava na versã anterior */
.psv-autorotate-button.psv-button {
    width: 25px;
    height: 25px;
    padding: 7.5px;
}