.dualrange{display:inline-block;position:relative;overflow:hidden}.dualrange input{margin:0;width:100%;z-index:2;opacity:0}.dualrange .dualrange__zindex{z-index:3}.dualrange__input-max{right:0;position:absolute}.dualrange__input-min{left:0;position:relative}.dualrange__max,.dualrange__min{position:absolute;top:0;left:100%;top:50%;width:22px;height:22px;background-color:#000;position:absolute;border-radius:100%;background-color:#fff;border:4px solid #f98100}.dualrange__min{left:0;transform:translate(0%,-50%)}.dualrange__max{left:100%;transform:translate(-100%,-50%)}.dualrange__max:before,.dualrange__min:before{content:'';position:absolute;top:50%;transform:translateY(-50%);z-index:-2;height:4px;background-color:#e07400;width:100vw}.dualrange__min:before{right:100%;margin-right:4px}.dualrange__max:before{left:100%;width:1000px;margin-left:4px}.dualrange__range{height:4px;background-color:#f98100;position:absolute;left:5px;right:5px;top:50%;transform:translateY(-50%);z-index:-1}