/*
 * 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-progress-bar {
  visibility: hidden;
}

.keep-together {
    page-break-inside: avoid;
}

.break-before {
    page-break-before: always;
}

.break-after {
    page-break-after: always;
}



/* spinning loader */
.loading-indicator {
  display: none;
}

/* When the turbo-frame has the [busy] attribute, show the indicator.
   We use `display: flex` because our spinner is centered with flexbox. */
turbo-frame[busy] .loading-indicator {
  display: flex;
}

/* When the turbo-frame is busy, make the old content semi-transparent.
   This gives a nice visual cue that things are updating. */
turbo-frame[busy] .content-container {
  opacity: 0.5;
  transition: opacity 150ms ease-in-out;
}
/* spinning loader */