/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
turbo-frame[aria-busy="true"]::after,
turbo-frame[busy]::after {
  /* form[aria-busy="true"], */
  /* form[busy] { */
  pointer-events: none;
  opacity: 0.6;
  position: relative;
}

turbo-frame[aria-busy="true"]::after,
turbo-frame[busy]::after {
  /* form[aria-busy="true"]::after, */
  /* form[busy]::after { */
  content: "Загрузка...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  padding: 0.5em 1em;
  border-radius: 0.3em;
  font-size: 0.9em;
}