.sliderlens {
    opacity: .8;
    cursor: pointer
}

.sliderlens.focus {
    opacity: 1
}

.sliderlens .range {
    display: none !important
}

.sliderlens .range.drag>div {
    cursor: ew-resize
}

.sliderlens .range.drag.dragging>div {
    cursor: none
}

.sliderlens>.handle,
.sliderlens>.handle1,
.sliderlens>.handle2 {
    border-radius: 3em/.75em;
    cursor: ew-resize;
    background-color: #222;
    box-shadow: 0 0 .5125em -.05125em #000;
    border: 0 solid transparent;
    border-bottom-color: transparent;
    border-width: .0625em 0
}

.sliderlens>.handle1:after,
.sliderlens>.handle1:before,
.sliderlens>.handle2:after,
.sliderlens>.handle2:before,
.sliderlens>.handle:after,
.sliderlens>.handle:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    fill: #fff
}

.sliderlens>.handle.dragging,
.sliderlens>.handle1.dragging,
.sliderlens>.handle2.dragging {
    box-shadow: 0 0 .3125em -.0625em #000
}

.sliderlens>.handle:before {
    right: 50%;
    bottom: 55%;
    border-right: .0625em solid rgba(186, 186, 186, .6);
    z-index: 1
}

.sliderlens>.handle:after {
    background: -webkit-linear-gradient(left, rgba(69, 69, 69, .95) 0, rgba(120, 120, 120, .25) 50%, rgba(56, 56, 56, .25) 50%, rgba(56, 56, 56, .95) 100%);
    background: -moz-linear-gradient(left, rgba(69, 69, 69, .95) 0, rgba(120, 120, 120, .25) 50%, rgba(56, 56, 56, .25) 50%, rgba(56, 56, 56, .95) 100%);
    background: -o-linear-gradient(left, rgba(69, 69, 69, .95) 0, rgba(120, 120, 120, .25) 50%, rgba(56, 56, 56, .25) 50%, rgba(56, 56, 56, .95) 100%);
    background: -ms-linear-gradient(left, rgba(69, 69, 69, .95) 0, rgba(120, 120, 120, .25) 50%, rgba(56, 56, 56, .25) 50%, rgba(56, 56, 56, .95) 100%);
    background: linear-gradient(to right, rgba(69, 69, 69, .95) 0, rgba(120, 120, 120, .25) 50%, rgba(56, 56, 56, .25) 50%, rgba(56, 56, 56, .95) 100%);
    filter: brightness(2)
}

.sliderlens>.handle1 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.sliderlens>.handle2 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.sliderlens svg>path {
    stroke: rgba(157, 130, 49, .8)
}

.sliderlens svg>g>text {
    fill: rgba(234, 203, 110, .8);
    font-size: .7em
}

.sliderlens.vert>.handle,
.sliderlens.vert>.handle1,
.sliderlens.vert>.handle2 {
    cursor: ns-resize;
    border-radius: 3em/.75em
}

.sliderlens.vert>.handle:before {
    right: 55%;
    bottom: 50%;
    border-right: none;
    border-bottom: .0625em solid rgba(186, 186, 186, .6);
    filter: brightness(1.5)
}

.sliderlens.vert>.handle:after {
    filter: brightness(1.5)
}

.sliderlens.vert>.handle1 {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.sliderlens.vert>.handle1:after {
    filter: brightness(1.5)
}

.sliderlens.vert>.handle2 {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.sliderlens.vert>.handle2:after {
    filter: brightness(1.5)
}

.sliderlens.fixed {
    border-width: 0;
    border-style: solid;
    background-color: #57463c;
    cursor: ew-resize
}

.sliderlens.fixed:after,
.sliderlens.fixed:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 0;
    border-style: solid;
    pointer-events: none
}

.sliderlens.fixed:after {
    border-width: 0
}

.sliderlens.fixed.vert {
    cursor: ns-resize
}

.sliderlens.fixed.vert:before {
    border-width: 0
}

.sliderlens.fixed.vert:after {
    border-width: 0
}

.sliderlens.fixed>.handle {
    border-radius: 0;
    border: none
}

.sliderlens.vert .range.drag>div {
    cursor: ns-resize
}

.sliderlens.dragging {
    cursor: none
}

.sliderlens.dragging>.handle,
.sliderlens.dragging>.handle1,
.sliderlens.dragging>.handle2 {
    cursor: none
}