:root{--thumb-size:12px}.slider-element{position:relative;width:100%;margin-bottom:24px}.slider-element input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:15px;height:2px;border-radius:20px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s;cursor:pointer}.slider-element input[type=range]:focus,.slider-element input[type=range]:hover{opacity:1}.slider-element input[type=range]::-webkit-slider-thumb{cursor:-webkit-grab;cursor:grab;-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-right:4px;border-radius:50%;background:var(--active-color);cursor:pointer}.slider-element input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--active-color);border-radius:50%;cursor:pointer}.slider-element .steps{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.slider-element .steps .step-wrapper{position:relative;background:var(--text-grey-primary);font-size:8px}.slider-element .steps .step-wrapper .step{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:var(--thumb-size);left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--text-grey-primary)}.slider-element .steps .step-wrapper:last-child .step{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.slider-element .steps .step-wrapper:first-child .step{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.slider-element .steps .step-wrapper .dot-wrapper{cursor:pointer;width:var(--thumb-size);height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slider-element .steps .step-wrapper .dot-wrapper .dot{width:4px;border-radius:20px;height:4px;background-color:var(--text-grey-primary);position:absolute;top:-9px}.slider-element .steps .step-wrapper.selected .dot{background-color:var(--active-color)}.slider-element .steps .step-wrapper.selected .step{color:#fff}.slider-element .labels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:var(--text-grey-primary)}.slider-element .labels label{font-weight:700}.slider-element .value-display{background:transparent;background:var(--charcoal);padding:2px;border:none;color:inherit}.slider-element input::-webkit-inner-spin-button,.slider-element input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-element input[type=number]{-moz-appearance:textfield}