.block-search-form {
    margin: 0 auto;
    position: relative;
}

.block-search-form .form--inline {
    position: relative;
}

.block-search-form .form-item {
    margin: 0;
    float: none;
    box-shadow: var(--theme--box-shadow);
}

.block-search-form .form-item label {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.block-search-form .form-item label::before {
    content: '\f002';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: var(--theme--font-size--normal);
}

.block-search-form .form-actions {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
}

.block-search-form .form-submit {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: var(--theme--color--primary);
    color: rgba(255,255,255, 1);
    position: relative;
}
     .block-search-form .form-submit::after {
        content: '\f002';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: var(--theme--font-size--normal);
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
     }
    
/* global */
.block-search-form--global {
    position: absolute;
    z-index: 99;
    width: 100%;
    max-width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
    .is-active-search-form .block-search-form--global {
        opacity: 1;
        pointer-events: auto;
    }

@media (max-width: 767.98px) {    
    .block-search-form--global {
        left: 0;
        bottom: -60px;
    }
    
    .is-sticky .block-search-form--global {
        bottom: -60px;
    }
}

@media (min-width: 768px) {
    .block-search-form--global {
        top: 34px;
        left: 239px;
        right: 140px;
        top: 34px;
        width: auto;
    }
    
    .is-sticky .block-search-form--global {
        top: auto;
        left: 0;
        right: 0;
        bottom: -50px;
    }
}

@media (min-width: 992px) {
    .block-search-form--global {
        top: 48px;
        left: 0;
        right: 440px;
    }
    
    .is-sticky .block-search-form--global {
        top: 52px;
        right: 0;
        left: 180px;
    }
}

@media (min-width: 1200px) {
    .block-search-form--global {
        left: 298px;
        right: 440px;
    }
    
    .is-sticky .block-search-form--global {
        left: 239px;
        right: auto;
        width: 100%;
        max-width: 680px;
    }
}