@layer components-widgets {
    .search-section__search {
        max-height: 52px;
        border-radius: var(--br4);
        background: var(--primary-blue)
    }

    .search-section__search-input {
        max-height: 52px;
        border: 1px solid var(--primary-blue);
        border-radius: var(--br4);
        font-size: var(--fs20)
    }

    .search-section__search-input_active {
        border-bottom-color: var(--primary-white);
        border-radius: var(--br4) var(--br4) 0 0
    }

    .search-section__hints-list {
        border: 1px solid var(--primary-blue);
        border-top: 0;
        border-radius: 0 0 var(--br4) var(--br4)
    }

    .search-section__search-icon {
        width: 32px;
        height: 32px
    }

    .search-section__search-button {
        min-width: 180px;
        color: var(--primary-white);
        border-top-right-radius: var(--br4);
        border-bottom-right-radius: var(--br4);
        background-color: var(--primary-blue)
    }

    .search-section__search-button:hover {
        background: var(--hover-dark-blue)
    }

    @media screen and (max-width: 1279px) {
        .search-section__search-button {
            min-width: 56px
        }
    }.search-section_blue {
         background: var(--blue)
     }
}