.App{position:absolute;inset:0}.crop-container{background:#ebebeb;border-radius:8px;width:100%;max-width:400px;height:300px;margin:24px auto;position:relative;overflow:hidden}.controls{align-items:center;width:50%;height:40px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.slider{padding:22px 0}.zoom-range::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;background:#3f51b5;border:1px solid #3f51b5;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;background:#3f51b5;border:1px solid #3f51b5;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.controls:hover input[type=range]::-webkit-slider-thumb{border-radius:50%;box-shadow:0 0 0 8px #3f51b529}.controls:hover input[type=range]::-moz-range-thumb{box-shadow:0 0 0 8px #3f51b529}