.top-actions {
  display: flex;
  gap: 8px;
}

dialog.gate-dialog {
  width: min(420px, calc(100vw - 28px));
}

.gate-dialog::backdrop {
  background: rgba(18, 22, 19, .72);
}

.gate-dialog .dialog-form {
  padding: 28px;
}

.gate-dialog h2 {
  margin: 0 0 5px;
  font-size: 22px;
}

.gate-mark {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--brand);
  color: #fff;
  font-size: 20px;
  font-weight: 800;
}

.gate-back {
  text-align: center;
  font-size: 12px;
}

.gate-dialog .warning {
  margin: 0;
}