@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}.sequence-images-container{position:relative;text-align:center}.sequence_loading{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:absolute;text-align:center;top:0;transition:all .4s;width:100%}.sequence_loading.hide{opacity:0}.sequence_loading svg{margin:0 auto;max-width:400px;transition:all .4s;width:100%}.sequence_loading .loading_cont{background:url(/frontend/img/loading-icon-3d-stroke-red.svg) no-repeat;background-position:50%;background-size:cover;height:34px;-webkit-mask-image:url(/frontend/img/loading-icon-3d.svg);mask-image:url(/frontend/img/loading-icon-3d.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;position:relative;width:78px}.sequence_loading .loading_bg{background:#0d1125;bottom:0;height:0;left:0;position:absolute;width:100%}.sequence_loading span{animation:loading_span 1s infinite;color:#000;display:block;font-size:13px;font-weight:400;margin-top:20px}.icon_360{bottom:20px;height:auto;left:50%;max-width:1200px;position:absolute;transform:translate3d(-50%,0,0);width:100%}