.fpvsim-alerts {
  --fpvsim-alert-gap: 16px;
  position: fixed;
  z-index: 2147483640;
  inset-block-start: max(var(--fpvsim-alert-gap), env(safe-area-inset-top));
  right: max(var(--fpvsim-alert-gap), env(safe-area-inset-right));
  width: 560px;
  max-width: calc(100vw - max(var(--fpvsim-alert-gap), env(safe-area-inset-left)) - max(var(--fpvsim-alert-gap), env(safe-area-inset-right)));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  pointer-events: none;
  scrollbar-color: #767c87 #191c22;
  font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: start;
}
.fpvsim-alerts:empty { display: none; }
.fpvsim-alerts *, .fpvsim-alerts *::before, .fpvsim-alerts *::after { box-sizing: border-box; }
.fpvsim-alert {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  margin-block-end: 12px;
  padding: 20px;
  border: 1px solid #666d78;
  border-radius: 4px;
  background: #191c22;
  color: #f4f5f7;
  pointer-events: auto;
  overflow-wrap: anywhere;
}
.fpvsim-alert__content { grid-column: 1; grid-row: 1; }
.fpvsim-alert__title { margin: 0 0 8px; color: inherit; font-size: 18px; font-weight: 650; line-height: 1.35; font-family: inherit; }
.fpvsim-alert__message { margin: 0; color: #c6cbd3; font-size: 16px; line-height: 1.5; user-select: text; }
.fpvsim-alert--error .fpvsim-alert__title { color: #ffb5b0; }
.fpvsim-alert--warning .fpvsim-alert__title { color: #ffda83; }
.fpvsim-alert--success .fpvsim-alert__title { color: #a7e4be; }
.fpvsim-alert__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 18px; }
.fpvsim-alert__action, .fpvsim-alert__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid #767c87;
  border-radius: 6px;
  background: transparent;
  color: #f4f5f7;
  font: 600 14px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  white-space: normal;
  cursor: pointer;
  text-decoration: none;
  touch-action: manipulation;
}
.fpvsim-alert__action:first-child { background: #ffd84d; border-color: #ffd84d; color: #242018; }
.fpvsim-alert__action:hover { background: #343942; color: #fff; text-decoration: none; }
.fpvsim-alert__action:first-child:hover { background: #ffe37d; color: #242018; }
.fpvsim-alert__close { grid-column: 2; grid-row: 1; align-self: start; padding-inline: 8px; border-color: transparent; color: #c6cbd3; }
.fpvsim-alert__close:hover { color: #fff; background: #343942; }
.fpvsim-alert__action:disabled { opacity: 0.6; cursor: wait; }
.fpvsim-alert:focus, .fpvsim-alert__action:focus-visible, .fpvsim-alert__close:focus-visible { outline: 2px solid #ffd84d; outline-offset: -3px; }
.fpvsim-alert ::selection { background: #ffd84d; color: #242018; }
@media (max-width: 480px) {
  .fpvsim-alerts { --fpvsim-alert-gap: 8px; }
  .fpvsim-alert { padding: 16px; }
  .fpvsim-alert__actions { flex-direction: column; }
}
@media (forced-colors: active) {
  .fpvsim-alert, .fpvsim-alert__action, .fpvsim-alert__close { border: 1px solid CanvasText; }
}