.slider_rootClass{align-items:center;display:flex;flex-shrink:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider_rootClass[data-orientation=horizontal]{height:25px}.slider_rootClass[data-orientation=vertical]{flex-direction:column;width:25px}.slider_rootClass[data-disabled]{opacity:.5}.slider_trackClass{background:#dcdcdc;border-radius:4px;flex-grow:1;position:relative}.slider_trackClass[data-orientation=horizontal]{height:4px}.slider_trackClass[data-orientation=vertical]{height:300px;width:4px}.slider_rangeClass{background:#111;border-radius:inherit;position:absolute}.slider_rangeClass[data-orientation=horizontal]{height:100%}.slider_rangeClass[data-orientation=vertical]{width:100%}.slider_thumbClass{background-color:#111;border-radius:25px;display:block;display:inline-grid;height:25px;place-items:center;width:25px}.slider_thumbClass:before{content:"";height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;z-index:-1}.slider_thumbClass:focus{box-shadow:0 0 0 2px #dc143c;outline:none}.slider_thumbClass:after{color:#fff;content:attr(aria-valuenow);font-size:10px;position:relative}.slider_rootAttrClass{align-items:center;background-color:#0000ff4d;border:2px solid blue;display:flex;flex-shrink:0;padding:10px;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider_rootAttrClass[data-disabled]{border-style:dashed}.slider_trackAttrClass{background-color:#0000ff4d;border:2px solid blue;flex-grow:1;padding:10px;position:relative}.slider_trackAttrClass[data-disabled]{border-style:dashed}.slider_rangeAttrClass{background-color:#0000ff4d;border:2px solid blue;padding:10px;position:absolute}.slider_rangeAttrClass[data-orientation=horizontal]{height:100%}.slider_rangeAttrClass[data-orientation=vertical]{width:100%}.slider_rangeAttrClass[data-disabled]{border-style:dashed}.slider_thumbAttrClass{background-color:#0000ff4d;border:2px solid blue;display:block;padding:10px}.slider_thumbAttrClass:before{content:"";height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;z-index:-1}.slider_thumbAttrClass[data-disabled]{border-style:dashed}