/* Start:/bitrix/templates/ET_NEW/components/bitrix/main.register/register/style.css?17652107902831*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/bitrix/templates/ET_NEW/components/bitrix/main.register/register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/ET_NEW/components/bitrix/main.register/register/images/sec-unlocked.png);}

/* slide captcha begin*/


:root {
    --sc-cell: 20px; /* должно совпадать с SLIDE_CELL_SIZE в PHP */
}

/* базовая типографика (если нужно именно тут, иначе можно убрать) */
body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

label {
    display: block;
    margin: 6px 0;
}

.captcha-wrapper {
    margin: 10px 0;
}

.captcha-status {
    margin-top: 4px;
    font-size: 13px;
    color: #c00;
}

/* контейнер капчи */
#slide-captcha-box {
    position: relative;
    width: calc(var(--sc-cell) * 20);
    height: calc(var(--sc-cell) * 20);
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #11151b; /* запасной фон под canvas */
}

/* сам canvas (рисуем фон + плейсхолдеры + фигуры) */
#slide-captcha-box .captcha-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* ===== ОВЕРЛЕЙ / МОДАЛЬНОЕ ОКНО КАПЧИ ===== */

.captcha-overlay {
    position: fixed;
    inset: 0;
    display: none;               /* по умолчанию скрыт */
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}

.captcha-overlay.visible {
    display: flex;
}

.captcha-modal {
    background-color: #ffffff;
    color: #222;
    border-radius: 8px;
    padding: 16px 18px 18px;
    max-width: 480px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

.captcha-modal h2 {
    margin: 0 0 8px;
    font-size: 18px;
}

.captcha-hint {
    margin: 0 0 10px;
    font-size: 13px;
    color: #555;
}

.captcha-buttons {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.captcha-buttons button {
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.captcha-buttons #captcha-confirm-btn {
    background-color: #202020;
    border: none;
    color: #fff;
    border-radius: 4px;
}

.captcha-buttons #captcha-cancel-btn {
    background-color: #e0e0e0;
    border: none;
    color: #333;
    border-radius: 4px;
}

/* статус */
.captcha-status {
    margin-top: 6px;
    font-size: 13px;
    color: #c00;
    min-height: 16px;
}


/* slide captcha end*/
/* End */
/* /bitrix/templates/ET_NEW/components/bitrix/main.register/register/style.css?17652107902831 */