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