/*
 * 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.
 */

/* https://juanitofatas.com/series/rails/turbolinks-progress-bar (but it's turbo-progres-bar these days) */
.turbo-progress-bar {
  height: 4px;
  background: #1552D8;
  background-color: #1552D8;
}

.sacred-layout input.sacred-text-input:disabled,
.focus-layout input.sacred-text-input:disabled {
  color: color-mix(in srgb, var(--crypt-text) 58%, transparent);
  cursor: not-allowed;
  opacity: 0.82;
}

.sacred-submit-btn:disabled {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.48;
}