TP_JO2024/home/dist/component/radio/radio.print.css

/*!
 * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@media print {
  .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px);
  }

  .fr-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-radio-group input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .fr-fieldset--error .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px);
  }

  .fr-fieldset--error .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset--valid .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px);
  }

  .fr-fieldset--valid .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset--info .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px);
  }

  .fr-fieldset--info .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset .fr-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .fr-fieldset .fr-radio-group input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px);
  }

  .fr-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-radio-group--sm input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-fieldset--error .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
  }

  .fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--valid .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
  }

  .fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--info .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
  }

  .fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    background-color: #fff;
  }

  .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #000091 7px, transparent 8px);
    background-color: #fff;
  }

  .fr-radio-rich input[type=radio]:disabled + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-radio-rich input[type=radio]:disabled ~ .fr-radio-rich__pictogram svg * {
    fill: #929292;
  }

  .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-radio-rich input[type=radio]:checked ~ .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd);
  }

  .fr-radio-rich input[type=radio]:checked:disabled + label {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-radio-rich input[type=radio]:checked:disabled ~ .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd);
  }

  .fr-fieldset--error .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
  }

  .fr-fieldset--error .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--valid .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
  }

  .fr-fieldset--valid .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--info .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
  }

  .fr-fieldset--info .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset .fr-radio-rich input[type=radio]:disabled + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }
}