/* Капча в стиле noUiSlider (.custom-capt__range-slider) */
.captcha-widget {
    position: relative;
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 0 47px;
    --captcha-progress: 0%;
    box-sizing: border-box;
    touch-action: none;
    user-select: none;
}


.captcha-track {
    position: relative;
    width: 100%;
    height: 50px;
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    overflow: hidden;
    user-select: none;
    touch-action: none;
}

/* Аналог .noUi-connect */
.captcha-track::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--captcha-progress);
    background: #efefef;
    pointer-events: none;
    z-index: 1;
}

/* Аналог .noUi-handle */
.captcha-handle {
    position: absolute;
    top: 2px;
    left: calc(var(--captcha-progress) - 45px); /* 45px = половина ширины 90px */
    z-index: 2;
    width: 90px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: var(--r-gray-3);
    box-shadow: none;
    cursor: grab;
    font-size: 0;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Аналог .noUi-touch-area::after — белая стрелка*/
.captcha-handle::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.9727 9.52734L9.59375 3.12305C9.53711 3.07422 9.46484 3.04688 9.38867 3.04688H7.66016C7.51562 3.04688 7.44922 3.22656 7.55859 3.32031L14.3984 9.25781H2.96875C2.88281 9.25781 2.8125 9.32812 2.8125 9.41406V10.5859C2.8125 10.6719 2.88281 10.7422 2.96875 10.7422H14.3965L7.55664 16.6797C7.44727 16.7754 7.51367 16.9531 7.6582 16.9531H9.44531C9.48242 16.9531 9.51953 16.9395 9.54688 16.9141L16.9727 10.4727C17.0403 10.4139 17.0945 10.3412 17.1316 10.2597C17.1688 10.1782 17.188 10.0896 17.188 10C17.188 9.9104 17.1688 9.82184 17.1316 9.7403C17.0945 9.65876 17.0403 9.58614 16.9727 9.52734Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.captcha-handle:active {
    cursor: grabbing;
}
 
.captcha-widget-verified .captcha-handle {
    background: #27ae60;
}

.captcha-widget-loading::after {
    content: 'Загрузка капчи...';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    z-index: 5;
}

/***  темный фон ***/
.captcha-track {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
}
.captcha-track::before {
    background: rgba(255, 255, 255, 0.08);
}

.custom-capt , 
.custom-capt__img img {width:350px;} 

.custom-capt {     background: none;
    padding: 0px;    display: block; /*display:none; */ }
.hidden-img_js { width: 100%;  }
.custom-capt__img {
	width: 350px;
    background-size: 350px auto, cover;
	height: auto;
    background-image:  url('/themes/assets/captcha/images/1.jpg');
    background-position: bottom 0px right 0px, center;
    background-repeat: no-repeat, no-repeat;    
}