.rangeslider-container{display:flex;flex-direction:column;height:5rem;padding:.2rem 1rem}.rangeslider-container .rangeslider-bar-container{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;height:100%;width:100%}.rangeslider-container .rangeslider-bar-container .rangeslider-bar{display:flex;position:absolute;width:100%;height:.4rem;border-radius:.5rem;background-color:var(--color-dark-grey);cursor:pointer}.rangeslider-container .rangeslider-bar-container .rangeslider-bar::before{content:attr(data-from-display);position:absolute;top:1.5rem;left:0;color:var(--color-black);font-weight:700}.rangeslider-container .rangeslider-bar-container .rangeslider-bar::after{content:attr(data-to-display);position:absolute;top:1.5rem;right:0;color:var(--color-black);font-weight:700}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container{display:flex;align-items:center;position:relative;width:100%}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container .rangeslider-thumb{position:absolute;pointer-events:none;cursor:pointer;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--color-black);border:1px solid var(--color-white);transform:translateX(-50%)}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container .rangeslider-thumb::before{content:"";position:absolute;top:-10px;bottom:-10px}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container .rangeslider-range{position:absolute;pointer-events:none;height:.4rem;background-color:var(--color-black);border-radius:.5rem 0 0 .5rem}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container input[type=range]{position:absolute;transform:translateX(-.6rem);width:calc(100% + 1.2rem);pointer-events:none;opacity:0;height:1.5rem}.rangeslider-container .rangeslider-bar-container .rangeslider-range-container input[type=range]::-webkit-slider-thumb{pointer-events:all;-webkit-appearance:none}