.change-history-menu-field {

    width: auto;

    flex: 1 1 auto;

    min-width: 0;

    padding: 9px 15px;

    box-sizing: border-box;

    border: 1px solid #D1D5DB;

    border-radius: 8px;

    background: #FFFFFF;

    color: #374151;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.3;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;

}


/* =========================================================
   СЕКТОР ПОИСКА - DATE
   ========================================================= */

.change-history-date {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 235px;

}

.change-history-date .second-level-section-title {

    margin: 0;

    flex: 0 0 auto;

    white-space: nowrap;

}

/* =========================================================
   ОТСТУП ПЕРЕД КНОПКАМИ
   ========================================================= */

.lots-menu-filter-actions {
    margin-top: 20px;
}


/* =========================================================
   КНОПКА ОЧИСТКИ ДАТЫ
   ========================================================= */

.history-date-clear {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    margin: 0;

    padding: 0;

    border: none;

    background: transparent;

    color: #6B7280;

    cursor: pointer;

    line-height: 0;

    transition:
        color .15s ease;

}


/* =========================================================
   ИКОНКА ОЧИСТКИ ДАТЫ
   ========================================================= */

.history-date-clear-icon {

    display: block;

    width: 22px;

    height: 22px;

    position: relative;

    top: 1px;

}


/* =========================================================
   ЦВЕТ КРЕСТИКА
   ========================================================= */

.history-date-clear-icon path {

    stroke: #6B7280;

}


/* =========================================================
   КРЕСТИК — НАВЕДЕНИЕ
   ========================================================= */

.history-date-clear:hover
.history-date-clear-icon path {

    stroke: var(--blue);

}