#app {
  margin-top: 0;
  background-color:var(--Theme-BackgroundColor) !important;
}

:is(#top, #content) img {
/*  max-height: 60vh;*/
  width: 100%;
  object-fit: cover;
}

#content {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  transform: translateY(-45px);
  background-color: var(--Theme-BackgroundColor);
}
#content img {
  max-height: 50vh;
  border-radius: 20px;
}

.storeList {
  position: relative;
}
    .storeList::before {
        content: "";
        width: calc(100% - 3rem);
        height: calc(100% + 15rem);
        border: 2px solid var(--Theme-Outline);
        border-radius: 1rem;
        background-color: var(--Theme-BackgroundColor);
        position: absolute;
        top: -12rem;
        left: 1.5rem;
        z-index: -1;
    }
    .storeList .storeCard {
        border: 1px solid var(--Theme-Outline);
        padding: 18px 20px;
        border-radius: 10px;
        height: 100%;
        cursor: pointer;
    }
.storeList .storeCard h5 {
  font-size: 1.25rem;
  font-weight: 500;
}
.storeList .storeCard .circleBtn {
  width: 30px;
  height: 30px;
}
.storeList .storeCard p {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  #app {
    margin-top: 60px;
  }
  .storeList::before {
    content: none;
  }
  .modal-content .googleMap {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}