.racinage_dialog_loading_host {
  position: relative;
}

.racinage_dialog_loading {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  background: color-mix(in srgb, var(--main_color, #0093a5) 15%, transparent);
}
.racinage_dialog_loading::after {
  content: "";
  display: block;
  position: absolute;
  inset-block: 0;
  width: 35%;
  background: var(--main_color, #0093a5);
  animation: racinage_dialog_progress 1.1s ease-in-out infinite;
}

[data-action-pending] {
  cursor: progress;
}

@keyframes racinage_dialog_progress {
  from {
    left: -35%;
  }
  to {
    left: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .racinage_dialog_loading::after {
    animation: none;
    width: 100%;
  }
}