/* Start:/bitrix/components/rover/typograph.form/templates/.default/style.css?17525723871211*/
.rover-tpg__title-container{
    margin-top: 30px;
    overflow: hidden;
}

.rover-tpg__title{
    margin-top: 0;
    float: left;
}

.rover-tpg__copy{
    float: right;
    margin-right: 15px;
}

.rover-tpg__result{
    padding: 20px;
    margin-right: 15px;
    background-color: #f5f5f5;
}

.rover-tpg__textarea{
    width: 100%;
    padding: 10px 15px;
}

.rover-tpg__form-row{
    margin-bottom: 1rem;
}

.rover-tpg__options-container{
    margin-top: 1rem;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3ms ease-in-out;

    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
}
.rover-tpg__options-block{
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
}


.rover-tpg__options-container.rover-tpg__options-container_opened
{
    max-height: 3000px;
}

.rover-tpg__options-toggler{
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed;
}
/* End */
/* /bitrix/components/rover/typograph.form/templates/.default/style.css?17525723871211 */