.voxr-pwa-modal {
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
  display:none;
}
.voxr-pwa-modal-content {
  background: linear-gradient(to bottom, var(--voxr-color-1) 0, #eee 100%);
  margin: 15% auto;
  padding: 20px;
  border: 1px solid var(--voxr-color-1);
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  text-align:center;
  font-size: 1.5em;
  color: #000;
}
.voxr-pwa-close {
  float:right;
  font-size:21px;
  font-weight:bold;
  cursor:pointer;
}
.voxr-pwa-manual-modal.manual-ios .voxr-pwa-modal-content,
.voxr-pwa-manual-modal.manual-edge .voxr-pwa-modal-content {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.voxr-pwa-manual-modal.manual-chrome .voxr-pwa-modal-content {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  max-width: 300px;
}

#voxr-pwa-manual-chevron {
  font-size: 2em;
  display: block;
}

.voxr-pwa-manual-modal.manual-ios #voxr-pwa-manual-chevron { text-align: center; }
.voxr-pwa-manual-modal.manual-edge #voxr-pwa-manual-chevron { text-align: right; }
.voxr-pwa-manual-modal.manual-chrome #voxr-pwa-manual-chevron { text-align: left; transform: rotate(180deg); display:inline-block; margin-right:5px; }
.voxr-pwa-manual-modal.manual-chrome #voxr-pwa-manual-text { display:inline-block; }
#voxr-pwa-install-btn,#voxr-pwa-later-btn,#voxr-pwa-never-btn{
  margin:5px;
}
#voxr-pwa-install-btn,#voxr-pwa-later-btn{
  background-color: var(--voxr-color-1);
  border: 1px solid var(--voxr-color-1);
  color:#fff;
}
#voxr-pwa-never-btn{
  background:none;
  border:none;
  color:#007bff;
  text-decoration:underline;
  cursor:pointer;
  padding:0;
  display:inline-block;
}
/* Bouncing chevron for iOS fallback modal */
@keyframes voxr-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.voxr-bounce {
  animation: voxr-bounce 1s infinite;
}

.voxr-pwa-manual-modal.manual-ios .voxr-pwa-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.voxr-pwa-manual-modal.manual-ios #voxr-pwa-manual-text { order: 1; }
.voxr-pwa-manual-modal.manual-ios #voxr-pwa-manual-chevron {
  order: 2;
  margin-top: 10px;
  text-align: center;
}