button.toggle-btn{outline:none;padding:7px 16px}button.toggle-btn.active{background:#fff;border-radius:30px}.side-icon{opacity:0;position:absolute;right:0;top:50%;transform:translate(100px,-50%)}button.toggle-btn.active+.side-icon{opacity:1}input[type=range]{-webkit-appearance:none;appearance:none;border:1px solid #36fe95;border-radius:5px;height:7px;outline:none;position:relative;width:100%;z-index:1}input[type=range]::-webkit-slider-runnable-track{background:transparent;border-radius:5px;height:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff url(https://25362161.fs1.hubspotusercontent-eu1.net/hubfs/25362161/2024/code.svg) no-repeat 50%;background-size:60% auto;border:2px solid #36fe95;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer;height:32px;margin-top:-13px;width:32px}input[type=range]::-moz-range-track{background:transparent;border:none;border-radius:5px;height:7px}input[type=range]::-moz-range-thumb{background:#fff url(https://25362161.fs1.hubspotusercontent-eu1.net/hubfs/25362161/2024/code.svg) no-repeat 50%;background-size:60% auto;border:2px solid #36fe95;border-radius:50%;cursor:pointer;height:32px;width:32px}.side-icon img{height:70px;object-fit:contain;width:70px}span.range_num{position:relative}span.range_num:before{background:#36fe95;content:"";height:14px;left:0;margin:auto;position:absolute;right:0;top:-15px;width:2px}@media(max-width:480px){.side-icon img{height:60px;width:60px}.side-icon{right:-50px;top:20px;transform:unset}button.toggle-btn{padding:6px 13px}}