/* Exchange template switch driven by initConfigSettings.exchangeTemplate. */
.exchange-template-2.mobile-iframe {
  background: #f4f3ff !important;
}

.exchange-template-2 .video {
  background: linear-gradient(145deg, #312e81 0%, #6d28d9 48%, #2563eb 100%) !important;
}

.exchange-template-2 .header-wrapper {
  background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 55%, #2563eb 100%) !important;
}

.exchange-template-2 .from_bg,
.exchange-template-2 .rules_bg {
  background: transparent !important;
}

.exchange-template-2 .from,
.exchange-template-2 .rules {
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 18px 48px rgba(30, 27, 75, 0.24) !important;
}

.exchange-template-2 .title_bg {
  background: #ede9fe !important;
}

.exchange-template-2 .title_txt {
  color: #6d28d9 !important;
}

.exchange-template-2 .el-button--warning {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(109, 40, 217, 0.26) !important;
  color: #ffffff !important;
}

.exchange-template-2 .el-input__wrapper {
  border-color: #c4b5fd !important;
  box-shadow: 0 0 0 1px #c4b5fd inset !important;
}

.exchange-template-2 .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #7c3aed inset, 0 0 0 4px rgba(124, 58, 237, 0.12) !important;
}