.slider{-webkit-appearance:none;width:100%;height:5px;background:#fff;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#ffe81f;border-radius:50%;cursor:pointer}.appear-anim{-webkit-animation:appear-anim 15s forwards;animation:appear-anim 15s forwards}@-webkit-keyframes appear-anim{0%{opacity:0}25%{opacity:0}30%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes appear-anim{0%{opacity:0}25%{opacity:0}30%{opacity:1}95%{opacity:1}to{opacity:0}}