/* Start:/local/templates/main/components/jolien/skeleton/feedback_form/style.css?17882615981225*/
/* Поле «Тема обращения» в форме «Остались вопросы? Пишите!».
   Плавающая подпись (.label__name) рассчитана на пустой input — у select
   значение есть всегда, поэтому подпись статичная. */
.feedback-form__topic {
    display: block;
    margin-bottom: 20px;
}

.feedback-form__topic-name {
    color: #9a9a9a;
    display: block;
    font-size: 12px;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.feedback-form__topic-select {
    -webkit-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239a9a9a' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E") no-repeat right 4px center;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0;
    box-sizing: border-box;
    color: #3e4856;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    padding: 0 24px 0 0;
    width: 100%;
}

.feedback-form__topic-select:focus {
    border-bottom-color: #8bc34a;
    outline: none;
}

/* End */


/* Start:/local/templates/main/assets/css/lb-dropdown.css?17897185313609*/
/* Выпадающий список поверх select[data-lb-dropdown] (assets/js/lb-dropdown.js).
   Раскрытый список — как у «Темы обращения» в ЛК (support_form/style.css).
   Триггер — в стиле полей формы: подчёркивание, без рамки.
   Всё под .lb-dropdown--site, чтобы не задеть экземпляр в ЛК. */

.lb-dropdown--site {
    position: relative;
}

/* Нативный select остаётся в форме, но не виден. */
.lb-dropdown--site + .lb-dropdown__native {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.lb-dropdown--site .lb-dropdown__trigger {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0;
    color: #3e4856;
    cursor: pointer;
    display: flex;
    font: 14px/20px 'LatoRegular', Arial, sans-serif;
    height: 36px;
    margin: 0;
    padding: 0 28px 0 0;
    position: relative;
    text-align: left;
    transition: border-color .2s;
    width: 100%;
}

/* Шеврон: вниз, при открытом списке — вверх. */
.lb-dropdown--site .lb-dropdown__trigger:after {
    border-bottom: 1.5px solid #9a9a9a;
    border-right: 1.5px solid #9a9a9a;
    content: '';
    height: 8px;
    margin-top: -6px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: rotate(45deg);
    transition: transform .2s, margin-top .2s;
    width: 8px;
}

.lb-dropdown--site.lb-dropdown--open .lb-dropdown__trigger:after {
    margin-top: -2px;
    transform: rotate(-135deg);
}

.lb-dropdown--site .lb-dropdown__trigger:focus-visible,
.lb-dropdown--site.lb-dropdown--open .lb-dropdown__trigger {
    border-bottom-color: #7fb718;
    outline: none;
}

.lb-dropdown--site.lb-dropdown--error .lb-dropdown__trigger {
    border-bottom-color: #ff2d35;
}

.lb-dropdown--site .lb-dropdown__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lb-dropdown--site .lb-dropdown__list {
    background: #fff;
    border: 1px solid #dae0e2;
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(62, 72, 86, .12);
    box-sizing: border-box;
    left: 0;
    list-style: none;
    margin: 6px 0 0;
    max-height: 280px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
}

.lb-dropdown--site .lb-dropdown__list[hidden] {
    display: none;
}

.lb-dropdown--site .lb-dropdown__option {
    border-radius: 6px;
    color: #3e4856;
    cursor: pointer;
    font: 15px/20px 'LatoRegular', Arial, sans-serif;
    margin: 0;
    padding: 12px 44px 12px 14px;
    position: relative;
}

.lb-dropdown--site .lb-dropdown__option:before {
    content: none;
}

.lb-dropdown--site .lb-dropdown__option--active {
    background: #f3f6f8;
}

.lb-dropdown--site .lb-dropdown__option[aria-selected="true"] {
    color: #7fb718;
    font-family: 'LatoBold', Arial, sans-serif;
}

.lb-dropdown--site .lb-dropdown__option[aria-selected="true"]:after {
    border-bottom: 2px solid #7fb718;
    border-right: 2px solid #7fb718;
    content: '';
    height: 11px;
    margin-top: -8px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: rotate(45deg);
    width: 6px;
}

@media (prefers-reduced-motion: reduce) {
    .lb-dropdown--site .lb-dropdown__trigger,
    .lb-dropdown--site .lb-dropdown__trigger:after {
        transition: none;
    }
}

/* End */
/* /local/templates/main/components/jolien/skeleton/feedback_form/style.css?17882615981225 */
/* /local/templates/main/assets/css/lb-dropdown.css?17897185313609 */