.slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:12rem}.slider-wrapper{justify-content:center;gap:1rem}.slider-root,.slider-wrapper{display:flex;width:100%;touch-action:none;user-select:none;align-items:center}.slider-root{position:relative;max-width:200px;flex-grow:1;cursor:grab;padding:1rem 0}.slider-root:active{cursor:grabbing}.slider-track-wrapper{display:flex;flex-grow:1}.slider-track{position:relative;flex-grow:1;overflow:hidden;background-color:rgba(128,128,128,.4)}.slider-range,.slider-track{height:100%;border-radius:9999px}.slider-range{position:absolute;background-color:#888}.value-indicator{color:#808080;position:absolute;transform:translateY(-1rem);font-size:.75rem;font-weight:500;letter-spacing:.05em}.icon{width:24px;height:24px;color:#888}.icon.dark{color:#ddd}