.slider{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;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:50px;margin-bottom:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider:before{position:absolute;top:50%;left:50%;width:100%;width:80%;height:2px;content:" ";background:#d1d5db;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider input,.slider label{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider label{position:relative;display:inline-block;width:16.6666%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider .label:before{position:absolute;left:calc(50% - 1rem);width:2rem;height:2rem;padding-top:.5rem;margin-top:.5rem;font-size:1rem;font-weight:400;letter-spacing:.4px;white-space:nowrap;content:attr(data-slider);background-repeat:no-repeat;background-size:2rem 2rem;opacity:.85;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,45px);transform:translate(-50%,45px)}.slider label:after{position:absolute;top:50%;left:50%;z-index:1;width:30px;height:30px;pointer-events:none;cursor:pointer;content:" ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:2px solid rgb(209 213 219);border-radius:50%;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider label:hover:after{-webkit-transform:translate(-50%,-50%) scale(1.25);transform:translate(-50%,-50%) scale(1.25)}.slider input{display:none}.slider input:checked+label:before{font-weight:600;opacity:1}.slider input:checked~.pos{opacity:1}.slider input:checked:nth-child(1)~.pos{left:10%}.slider input:checked:nth-child(3)~.pos{left:30%}.slider input:checked:nth-child(5)~.pos{left:50%}.slider input:checked:nth-child(7)~.pos{left:70%}.slider input:checked:nth-child(9)~.pos{left:90%}.slider .pos{position:absolute;top:50%;z-index:2;display:block;width:16px;height:16px;background:#206090;border:2px solid #fff;border-radius:50%;opacity:0;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}