.lead-fast-question{
    position: relative;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    --lfq-bg-rgb: 246,246,246;
    --lfq-bg-alpha: 1;
    --lfq-button: #2a2a2a;
    --lfq-icon: #ffffff;
    --lfq-input-radius: 999px;
    --lfq-modal-bg-rgb: 255,255,255;
    --lfq-modal-bg-alpha: 1;
    --lfq-modal-image: none;
    --lfq-modal-pos-x: center;
    --lfq-modal-pos-y: center;
    --lfq-modal-size: cover;
    background: rgba(var(--lfq-bg-rgb), var(--lfq-bg-alpha));
    padding: 24px 20px;
}

.lead-fast-question__field{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 680px;
    margin: 0 auto;
}

.lead-fast-question__input{
    width: 100%;
    padding: 16px 64px 16px 24px;
    border: 1px solid #c9c9c9;
    border-radius: var(--lfq-input-radius) !important;
    font-size: 18px;
    line-height: 1.3;
}

.lead-fast-question__button{
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: var(--lfq-button);
    color: var(--lfq-icon);
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: auto;
    min-width: auto;
    padding: 0;
}

.lead-fast-question__button:disabled{
    opacity: 1;
    cursor: not-allowed !important;
}

.lead-fast-question-footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--lfq-bottom, 0);
    background: rgba(var(--lfq-bg-rgb), var(--lfq-bg-alpha));
    padding: 20px 16px;
    z-index: 9998;
}

.lead-fast-question-footer .lead-fast-question{
    background: transparent;
    padding: 0;
    max-width: 980px;
}

.lead-fast-question-spacer{
    width: 100%;
    height: 0;
}

.lead-fast-question__modal{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 16px;
}

.lead-fast-question__modal.is-open{
    display: flex;
}

.lead-fast-question__modal-content{
    background-color: rgba(var(--lfq-modal-bg-rgb), var(--lfq-modal-bg-alpha));
    background-image: var(--lfq-modal-image);
    background-position: var(--lfq-modal-pos-x) var(--lfq-modal-pos-y);
    background-size: var(--lfq-modal-size);
    background-repeat: no-repeat;
    max-width: 680px;
    width: 100%;
    border-radius: 12px;
    padding: 24px;
    position: relative;
}

.lead-fast-question__modal-close{
    position: absolute;
    right: 12px;
    top: 12px;
    border: none;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}

@media (max-width: 480px){
    .lead-fast-question__input{
        padding-right: 48px;
    }

    .lead-fast-question__modal-content{
        padding: 18px;
    }
}

@media (min-width: 769px){
    .lead-fast-question-spacer{
        height: var(--lfq-spacer, 0);
    }
}

.hidden-fields-container{
    display: none;
}