@keyframes knob_anim{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}#controller{display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:40px;z-index:3}#controller #knob,#knob-effect{animation:knob_anim 1s infinite;background:url(/frontend/img/drag-icon.svg) 50% no-repeat;border-radius:50%;height:40px;position:absolute;top:-20px;width:40px}#controller #knob:active,#controller #knob:focus,#controller #knob:hover,#knob-effect:active,#knob-effect:focus,#knob-effect:hover{animation:inherit}.range_line{border:1px dashed #f41621;border-radius:50%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:2}.range_line,.swiper_range{position:absolute}.swiper_range.wide{bottom:0;height:40px;left:20%;margin-bottom:-15px;right:20%}.swiper_range.horz{bottom:20%;left:0;margin-left:0;top:20%;width:60px}.swiper_range.horz.center{left:50%;margin-left:-30px}.swiper_range.horz.left{left:0;margin-left:30px}.swiper_range.horz.right{left:100%;margin-right:30px}.swiper_range .bar{border:1px dashed #f41621;border-radius:15px;bottom:15px;left:15px;position:absolute;right:15px;top:15px}.swiper_range .bar .bar_dolu{background:#f41621;border-radius:15px;height:10px;left:-1px;position:absolute;top:-1px;width:0}.swiper_range .handler{background:transparent;height:60px;left:0;position:absolute;top:0;width:60px}.swiper_range .handler .thumb{background:url(/frontend/img/drag-icon-horizontal.svg) no-repeat;background-position:50%;background-size:cover;border-radius:15px;height:40px;left:15px;position:absolute;top:-1px;width:40px}