11 lines
11 KiB
CSS
11 lines
11 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-range-group{position:relative}.fr-range-group--error:before,.fr-range-group--valid:before{background-position:0 0;background-repeat:no-repeat;background-size:.125rem 100%;bottom:0;content:"";display:block;left:-.75rem;pointer-events:none;position:absolute;right:-.75rem;top:0}.fr-range{--thumb-size:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative}.fr-range input[type=range]{outline:none;width:100%}.fr-range__output{color:var(--text-active-blue-france);visibility:hidden}.fr-range__max,.fr-range__min,.fr-range__output{font-size:.75rem;line-height:1.25rem;min-width:var(--thumb-size);text-align:center}.fr-range[data-fr-js-range]{--progress-left:0;--progress-right:calc(var(--thumb-size)*0.5)}.fr-range[data-fr-js-range]:after,.fr-range[data-fr-js-range]:before{border-radius:.375rem;content:"";display:block;height:.75rem;left:0;position:absolute;right:0;top:1.625rem;width:100%}.fr-range[data-fr-js-range]:before{box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);outline-offset:-1px}.fr-range[data-fr-js-range]:after{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france);clip-path:polygon(var(--progress-left) 0,var(--progress-right) 0,var(--progress-right) 100%,var(--progress-left) 100%)}.fr-range[data-fr-js-range] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;height:var(--thumb-size);width:100%;z-index:1}.fr-range[data-fr-js-range] input[type=range]:not(:only-of-type){pointer-events:none}.fr-range[data-fr-js-range] input[type=range]::-webkit-slider-thumb{--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-raised-grey);background-color:var(--background-default-grey);border:none;border:1px solid var(--border-action-high-blue-france);border-radius:50%;filter:drop-shadow(var(--raised-shadow));height:var(--thumb-size);pointer-events:auto;width:var(--thumb-size);z-index:calc(var(--ground) + 500)}.fr-range[data-fr-js-range] input[type=range]::-webkit-slider-thumb:active{z-index:2}.fr-range[data-fr-js-range] input[type=range]::-moz-range-thumb{--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-raised-grey);background-color:var(--background-default-grey);border:none;border:1px solid var(--border-action-high-blue-france);border-radius:50%;filter:drop-shadow(var(--raised-shadow));height:var(--thumb-size);pointer-events:auto;width:var(--thumb-size);z-index:calc(var(--ground) + 500)}.fr-range[data-fr-js-range] input[type=range]::-moz-range-thumb:active{z-index:2}.fr-range[data-fr-js-range] .fr-range__output{visibility:visible}.fr-range--sm{--thumb-size:1rem}.fr-range--sm[data-fr-js-range]:after,.fr-range--sm[data-fr-js-range]:before{border-radius:.25rem;height:.5rem;top:1.5rem}.fr-range--step[data-fr-js-range]{--step-width:0}.fr-range--step[data-fr-js-range]:after,.fr-range--step[data-fr-js-range]:before{background-clip:content-box;background-position:.625rem 0;background-repeat:repeat-x;background-size:var(--step-width) 100%;padding-left:.625rem;padding-right:.625rem}.fr-range--step.fr-range--sm[data-fr-js-range]:after,.fr-range--step.fr-range--sm[data-fr-js-range]:before{background-position:.375rem 0;padding-left:.375rem;padding-right:.375rem}.fr-range--double .fr-range__output{min-width:calc(var(--thumb-size)*2)}.fr-range--double[data-fr-js-range] input[type=range]{width:calc(100% - var(--thumb-size))}.fr-range--double[data-fr-js-range] input[type=range]:first-of-type{margin-right:var(--thumb-size)}.fr-rang
|
||
|
|
/*! media sm */
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */
|
||
|
|
/*! media md */}@media (min-width:62em){
|
||
|
|
/*! media lg */
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */
|
||
|
|
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-range__max,.fr-range__min,.fr-range__output{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{background-color:#000091;content:none}.fr-range[data-fr-js-range] .fr-range__max{margin-left:auto}.fr-range[data-fr-js-range] input[type=range]{margin-top:-.25rem}.fr-range[data-fr-js-range] input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:.625rem 0;color:transparent;height:.75rem}.fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower{border-radius:.375rem;height:.75rem}.fr-range[data-fr-js-range] input[type=range]::-ms-thumb{background-color:#fff;border:1px solid #000091;border-radius:50%;height:1.5rem;width:1.5rem;z-index:500}.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]:first-of-type{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__max,.fr-range--sm[data-fr-js-range] .fr-range__min,.fr-range--sm[data-fr-js-range] .fr-range__output{min-width:1rem}.fr-range--sm[data-fr-js-range] input[type=range]::-ms-track{border-width:.5rem 0;height:.5rem}.fr-range--sm[data-fr-js-range] input[type=range]::-ms-fill-lower{height:.5rem}.fr-range--sm[data-fr-js-range] input[type=range]::-ms-thumb{height:1rem;width: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]:first-of-type{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__max,.fr-range__min{color:#666}.fr-range--step[data-fr-js-range]:before{background-image:radial-gradient(circle at 2px 50%,#000091 0,#000091 1px,transparent 0)}.fr-range--step[data-fr-js-range]:after{background-image:radial-gradient(circle at 2px 50%,#e3e3fd 0,#e3e3fd 2px,transparent 0);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 0)}.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 0)}.fr-range-group--disabled .fr-range__max,.fr-range-group--disabled .fr-range__min,.fr-range-group--disabled .fr-range__output{color:#929292}}@media (-ms-high-contrast:active) and (-ms-high-contrast:active),(-ms-high-contrast:active) and (-ms-high-contrast:none),(-ms-high-contrast:none) and (-ms-high-contrast:active),(-ms-high-contrast:none) and (-ms-high-contrast:none){.fr-range[data-fr-js-range] inpu
|