/*!
 * VILLAGE v0.0.3 | 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) {
  .village-range__output,
  .village-range__min,
  .village-range__max {
    min-width: 1.5rem;
  }

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

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

  .village-range[data-village-js-range]::after {
    content: none;
    background-color: hsl(180, 75%, 25%);
  }

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

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

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

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

  .village-range[data-village-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 hsl(180, 75%, 25%);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .village-range[data-village-js-range]::before {
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
  }

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

  .village-range__output {
    color: hsl(180, 75%, 25%);
  }

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

  .village-range--step[data-village-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, hsl(180, 75%, 25%) 0, hsl(180, 75%, 25%) 1px, transparent 1px);
  }

  .village-range--step[data-village-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, hsl(180, 80%, 93%) 0, hsl(180, 80%, 93%) 2px, transparent 2px);
    box-shadow: inset 10px 0 0 0 hsl(180, 75%, 25%), inset -10px 0 0 0 hsl(180, 75%, 25%);
  }

  .village-range--step.village-range--sm[data-village-js-range]::after {
    box-shadow: inset 6px 0 0 0 hsl(180, 75%, 25%), inset -6px 0 0 0 hsl(180, 75%, 25%);
  }

  .village-range-group--error::before {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-range-group--valid::before {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

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

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

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

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

  .village-range-group--disabled .village-range__output,
  .village-range-group--disabled .village-range__min,
  .village-range-group--disabled .village-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) {
  .village-range[data-village-js-range] input[type=range]::-ms-fill-lower {
    background-color: hsl(180, 75%, 25%);
  }

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

  .village-range[data-village-js-range].village-range--double {
    background-image: linear-gradient(to right, hsl(180, 75%, 25%) 0, hsl(180, 75%, 25%) 100%);
  }
}
