.lsm_loading_state {
  display: grid;
  min-height: 96px;
  place-items: center;
  gap: 4px;
  border: 1px solid #dbeafe;
  border-radius: 6px;
  padding: 18px;
  background: #f8fbff;
  color: #64748b;
  text-align: center;
}

.lsm_loading_state.lsm_loading_state.lsm_loading_state {
  display: grid;
  min-height: 96px;
  place-items: center;
  gap: 4px;
  border: 1px solid #dbeafe;
  border-radius: 6px;
  padding: 18px;
  background: #f8fbff;
  color: #64748b;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.04);
}

.lsm_loading_state.is-compact {
  min-height: 64px;
  padding: 12px;
}

.lsm_loading_state.lsm_loading_state.lsm_loading_state.is-compact {
  min-height: 64px;
  padding: 12px;
}

.lsm_loading_state strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.lsm_loading_state.lsm_loading_state.lsm_loading_state strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.lsm_loading_state span:not(.lsm_spinner) {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.lsm_loading_state.lsm_loading_state.lsm_loading_state span:not(.lsm_spinner) {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.lsm_loading_state.is-warn {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.lsm_spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #bfdbfe;
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: lsm_spin 0.8s linear infinite;
}

.lsm_loading_state.is-warn .lsm_spinner {
  border-color: #fed7aa;
  border-top-color: #ea580c;
}

@keyframes lsm_spin {
  to {
    transform: rotate(360deg);
  }
}