:host div {
  display: none;
}

:host(.open) {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000;
  background: rgba(205, 205, 205, 0.6);
}
:host(.open) div.javo-modal {
  display: block;
  width: 80%;
  background-color: white;
  min-height: 10rem;
  border-radius: 0.3rem;
  padding: 1.5rem;
  margin: 0 auto;
  position: relative;
  max-height: 80vh;
  overflow: auto;
}
:host(.open) div.javo-modal javo-icon.close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  color: var(--font-color, black);
}