.shared-slider{--disabled-opacity:.5;--bg-color:#ccc;--rail-border-radius:15px;--dot-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);--dot-shadow-focus:0px 0px 1px 2px rgba(52,152,219,.36);--dot-bg-color:#fff;--dot-bg-color-disable:#ccc;--dot-border-radius:50%;--tooltip-bg-color:var(--color-accent);--tooltip-color:#fff;--tooltip-border-radius:5px;--tooltip-padding:2px 5px;--tooltip-min-width:20px;--tooltip-arrow:5px;--tooltip-font-size:14px;--step-border-radius:50%;--step-bg-color:rgba(0,0,0,.16);--label-font-size:14px;--label-gap:10px;--tooltip-gap:10px;position:relative;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none}.shared-slider-disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.shared-slider-rail{position:relative;width:100%;height:100%;transition-property:width,height,left,right,top,bottom;background-color:var(--bg-color);border-radius:var(--rail-border-radius)}.shared-slider-process{position:absolute;z-index:1;background-color:var(--color-accent);border-radius:var(--rail-border-radius)}.shared-slider-marks{position:relative;width:100%;height:100%}.shared-slider-mark{position:absolute;z-index:1}.shared-slider-ltr .shared-slider-mark,.shared-slider-rtl .shared-slider-mark{width:0;height:100%;top:50%}.shared-slider-ltr .shared-slider-mark-step,.shared-slider-rtl .shared-slider-mark-step{top:0}.shared-slider-ltr .shared-slider-mark-label,.shared-slider-rtl .shared-slider-mark-label{top:100%;margin-top:var(--label-gap)}.shared-slider-ltr .shared-slider-mark{transform:translate(-50%,-50%)}.shared-slider-ltr .shared-slider-mark-step{left:0}.shared-slider-ltr .shared-slider-mark-label{left:50%;transform:translate(-50%)}.shared-slider-rtl .shared-slider-mark{transform:translate(50%,-50%)}.shared-slider-rtl .shared-slider-mark-step{right:0}.shared-slider-rtl .shared-slider-mark-label{right:50%;transform:translate(50%)}.shared-slider-btt .shared-slider-mark,.shared-slider-ttb .shared-slider-mark{width:100%;height:0;left:50%}.shared-slider-btt .shared-slider-mark-step,.shared-slider-ttb .shared-slider-mark-step{left:0}.shared-slider-btt .shared-slider-mark-label,.shared-slider-ttb .shared-slider-mark-label{left:100%;margin-left:var(--label-gap)}.shared-slider-btt .shared-slider-mark{transform:translate(-50%,50%)}.shared-slider-btt .shared-slider-mark-step{top:0}.shared-slider-btt .shared-slider-mark-label{top:50%;transform:translateY(-50%)}.shared-slider-ttb .shared-slider-mark{transform:translate(-50%,-50%)}.shared-slider-ttb .shared-slider-mark-step{bottom:0}.shared-slider-ttb .shared-slider-mark-label{bottom:50%;transform:translateY(50%)}.shared-slider-mark-label,.shared-slider-mark-step{position:absolute}.shared-slider-mark-step{width:100%;height:100%;border-radius:var(--step-border-radius);background-color:var(--step-bg-color)}.shared-slider-mark-label{font-size:var(--label-font-size);white-space:nowrap}.shared-slider-dot{position:absolute;transition:all 0s;z-index:5}.shared-slider-dot:focus{outline:none}.shared-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:var(--dot-border-radius);background-color:var(--dot-bg-color);box-shadow:var(--dot-shadow);box-sizing:border-box}.shared-slider-dot-handle-focus{box-shadow:var(--dot-shadow-focus)}.shared-slider-dot-handle-disabled{cursor:not-allowed;background-color:var(--dot-bg-color-disable)!important;box-shadow:none!important}.shared-slider-dot-tooltip{position:absolute;visibility:hidden}.shared-slider-dot-hover:hover .shared-slider-dot-tooltip,.shared-slider-dot-tooltip-show{visibility:visible}.shared-slider-dot-tooltip-top{top:calc(var(--tooltip-gap)*-1);left:50%;transform:translate(-50%,-100%)}.shared-slider-dot-tooltip-bottom{bottom:calc(var(--tooltip-gap)*-1);left:50%;transform:translate(-50%,100%)}.shared-slider-dot-tooltip-left{left:calc(var(--tooltip-gap)*-1);top:50%;transform:translate(-100%,-50%)}.shared-slider-dot-tooltip-right{right:calc(var(--tooltip-gap)*-1);top:50%;transform:translate(100%,-50%)}.shared-slider-dot-tooltip-inner{min-width:var(--tooltip-min-width);padding:var(--tooltip-padding);border-radius:var(--tooltip-border-radius);font-size:var(--tooltip-font-size);color:var(--tooltip-color);background-color:var(--tooltip-bg-color);position:relative}.shared-slider-dot-tooltip-inner-bottom:after,.shared-slider-dot-tooltip-inner-left:after,.shared-slider-dot-tooltip-inner-right:after,.shared-slider-dot-tooltip-inner-top:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:var(--tooltip-arrow)}.shared-slider-dot-tooltip-inner-top:after{bottom:calc(var(--tooltip-arrow)*-2);left:50%;transform:translate(-50%);border-color:var(--tooltip-bg-color) transparent transparent transparent}.shared-slider-dot-tooltip-inner-bottom:after{top:calc(var(--tooltip-arrow)*-2);left:50%;transform:translate(-50%);border-color:transparent transparent var(--tooltip-bg-color) transparent}.shared-slider-dot-tooltip-inner-left:after{right:calc(var(--tooltip-arrow)*-2);top:50%;transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-bg-color)}.shared-slider-dot-tooltip-inner-right:after{left:calc(var(--tooltip-arrow)*-2);top:50%;transform:translateY(-50%);border-color:transparent var(--tooltip-bg-color) transparent transparent}