/*! * 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%); } }