/*
* Copyright (C) 2016 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
.slider {
position: absolute;
height: 3px;
background-color: rgba(255, 255, 255, 0.185);
border-radius: 1.5px;
}
.slider > input,
.slider > .fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.slider > .fill {
border-radius: 1.5px 0 0 1.5px;
background-color: rgba(255, 255, 255, 0.255);
pointer-events: none;
}
.slider > input {
-webkit-appearance: none !important;
background-color: transparent;
width: 100%;
border-radius: 1.5px;
margin: 0;
}
.slider > input::-webkit-slider-thumb {
-webkit-appearance: none !important;
background-color: rgb(179, 179, 179);
box-shadow: 0px 0px 0px 1px rgb(40, 40, 40);
}