input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;border-radius:9999px;outline:none;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary-light,#7CCA92);border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;margin-top:-9px;position:relative;z-index:20;transition:background .2s ease,transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-primary,#416A4D);transform:scale(1.1)}input[type=range]::-moz-range-track{width:100%;height:2px;background:transparent;border-radius:9999px}input[type=range]::-moz-range-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary-light,#7CCA92);border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:background .2s ease,transform .1s ease}input[type=range]::-moz-range-thumb:hover{background:var(--color-primary,#416A4D);transform:scale(1.1)}input[type=range]::-ms-track{width:100%;height:2px;background:transparent;border-color:transparent;color:transparent;border-radius:9999px}input[type=range]::-ms-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary-light,#7CCA92);border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;margin-top:0;transition:background .2s ease,transform .1s ease}input[type=range]::-ms-thumb:hover{background:var(--color-primary,#416A4D);transform:scale(1.1)}input[type=range]:focus{outline:none}