/* css/explore.css */
.app {
    height:100dvh;
    display:flex;
    flex-direction:column;
}

.app-main {
    position: relative;
    flex: 1;
}

#map {
    height: 100%;
    width: 100%;
}

/* --- Bottom Sheet --- */
.bottom-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    background: #fff;
    padding: 16px;

    border-top-left-radius: 16px;
    border-top-right-radius: 16px;

    transform: translateY(0);
    transition: transform 250ms ease;
    z-index: 1001;
}

.bottom-sheet--hidden {
    transform: translateY(110%);
}

/* --- Backdrop --- */
.backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
}

.backdrop--hidden {
    display: none;
}