TP_JO2024/home/dist/component/range/range.legacy.css

/*!
 * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@media (min-width: 36em) {
  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */
}
@media (min-width: 62em) {
  /*! media lg */
}
@media (min-width: 78em) {
  /*! media xl */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fr-range__output,
  .fr-range__min,
  .fr-range__max {
    min-width: 1.5rem;
  }

  .fr-range input[type=range] {
    padding: 0;
  }

  .fr-range[data-fr-js-range] {
    justify-content: flex-start;
  }

  .fr-range[data-fr-js-range]::after {
    content: none;
    background-color: #000091;
  }

  .fr-range[data-fr-js-range] .fr-range__max {
    margin-left: auto;
  }

  .fr-range[data-fr-js-range] input[type=range] {
    margin-top: -0.25rem;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-track {
    height: 0.75rem;
    background: transparent;
    border-color: transparent;
    border-width: 0.625rem 0;
    color: transparent;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower {
    height: 0.75rem;
    border-radius: 0.375rem;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    z-index: 500;
    background-color: #fff;
    border: 1px solid #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:not(:only-of-type) {
    pointer-events: auto;
  }

  .fr-range[data-fr-js-range].fr-range--double {
    background-position-y: 1.625rem;
    background-repeat: no-repeat;
  }

  .fr-range[data-fr-js-range].fr-range--double .fr-range__output {
    min-width: 3rem;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range] {
    width: calc(100% - 1.5rem);
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]::-ms-fill-lower {
    background-color: transparent;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1.5rem;
    z-index: 2;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) {
    left: 1.5rem;
  }

  .fr-range--sm[data-fr-js-range] .fr-range__output,
  .fr-range--sm[data-fr-js-range] .fr-range__min,
  .fr-range--sm[data-fr-js-range] .fr-range__max {
    min-width: 1rem;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-track {
    height: 0.5rem;
    border-width: 0.5rem 0;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-fill-lower {
    height: 0.5rem;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-thumb {
    width: 1rem;
    height: 1rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double {
    background-position-y: 1.5rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double .fr-range__output {
    min-width: 2rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range] {
    width: calc(100% - 1rem);
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) {
    left: 1rem;
  }

  .fr-range[data-fr-js-range]::before {
    box-shadow: inset 0 0 0 1px #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-thumb {
    border: 1px solid #e5e5e5;
  }

  .fr-range__output {
    color: #000091;
  }

  .fr-range__min,
  .fr-range__max {
    color: #666;
  }

  .fr-range--step[data-fr-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, #000091 0, #000091 1px, transparent 1px);
  }

  .fr-range--step[data-fr-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, #e3e3fd 0, #e3e3fd 2px, transparent 2px);
    box-shadow: inset 10px 0 0 0 #000091, inset -10px 0 0 0 #000091;
  }

  .fr-range--step.fr-range--sm[data-fr-js-range]::after {
    box-shadow: inset 6px 0 0 0 #000091, inset -6px 0 0 0 #000091;
  }

  .fr-range-group--error::before {
    background-image: linear-gradient(0deg, #ce0500, #ce0500);
  }

  .fr-range-group--valid::before {
    background-image: linear-gradient(0deg, #18753c, #18753c);
  }

  .fr-range-group--disabled .fr-range[data-fr-js-range]::before {
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-range-group--disabled .fr-range[data-fr-js-range]::after {
    background-color: #e5e5e5;
  }

  .fr-range-group--disabled .fr-range--step[data-fr-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, #e5e5e5 0, #e5e5e5 1px, transparent 1px);
  }

  .fr-range-group--disabled .fr-range--step[data-fr-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, #fff 0, #fff 2px, transparent 2px);
  }

  .fr-range-group--disabled .fr-range__output,
  .fr-range-group--disabled .fr-range__min,
  .fr-range-group--disabled .fr-range__max {
    color: #929292;
  }
}
@media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: active) and (-ms-high-contrast: active) {
  .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower {
    background-color: #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-fill-lower {
    background-color: #e5e5e5;
  }

  .fr-range[data-fr-js-range].fr-range--double {
    background-image: linear-gradient(to right, #000091 0, #000091 100%);
  }
}