.search-wrapper {
    max-width: 386px;
    width: 100%;
    display: flex;
    position: relative;
}

.header__search-icon {
    height: 24px;
    width: 24px;
}

.search-wrapper .header__search-icon {
    position: absolute;
    height: 24px;
    width: 24px;
    left: 16px;
    top: 12px;
}

.search-btn {
    cursor: pointer;
    transition: opacity .2s;
}

.search-btn:hover {
    opacity: 0.7;
}

.search-wrapper input[type="search" i]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.search-wrapper #ya-site-form0 .ya-site-form__form .ya-site-form__input-text::-webkit-input-placeholder {
    color: rgb(255 255 255 / 73%);
}

.search-wrapper #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    background-color: #2f3c86 !important;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    border: none !important;
    padding: 9px 9px 9px 44px !important;
    border-radius: 2px !important;
    transition: color .25s, background-color .25s !important;
}

.search-wrapper #ya-site-form0 .ya-site-form__form .ya-site-form__input-text:hover {
    background-color: #5766be !important;
}

.search-wrapper #ya-site-form0 .ya-site-suggest-list {
    min-width: unset !important;
}

.search-wrapper #ya-site-form0 .ya-site-form__submit_type_image {
    display: none !important;
}

.b-captcha-wrapper {
    background-color: unset !important;
}

@media (max-width: 800px) {
    .search-wrapper {
        max-width: 286px;
    }
}

@media (max-width: 580px) {
    .search-wrapper {
        max-width: 200px;
    }
}