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

.action-tag {
  background: #E6D0D9;
}

.action-tag-early_detection {
  background: #FCE083;
}

.styled-select-wrapper {
  ol { display: none; }

  .indicator {
    opacity: 0;
    transition: opacity 0.2s;
  }

  &:has(input[type="radio"]:checked) .toggle-label {
    top: 15px;
    font-size: 13px;
  }

  label:has(input[type="radio"]:checked) .indicator {
    opacity: 100;
  }
}

.styled-select-wrapper:has(input[type="checkbox"]:checked) ol {
  display: block;
}