.toucan-header,
.toucan-menu-mobile.widget{
    .search-form{
        position: relative;
        width: 100%;
        max-width: 250px;
        min-width: 250px;
    }
    .search-form button{
        font-size: 0;
        padding: 0;
        background: transparent;
        position: absolute;
        top: 0;
        width: 40px;
        right: 3px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    input[type="text"]{
        font-size: 1.2rem;
        padding: 0 16px;
        height: 40px;
    }
}
.toucan-menu-mobile.widget .search-form i{
    font-size: 2.4rem;
}


.toucan-menu-action{
    .search-form{
        opacity: 0;
        pointer-events: none;
        position: relative;
        width: 300px;
        // right: -12px;
        top: 0;
        z-index: 10;
        transition: opacity .7s ease-in-out;
        margin: 0;
        display: none;
        margin: 0;
    }
    .header-search-open {
        opacity: 1;
        display: inline-flex;
        transition: opacity .7s ease-in-out;
    }
}
.header-search-is-open {
    .header-search-open {
        opacity: 0;
        display: none;
    }
    .search-form{
        opacity: 1;
        pointer-events: auto; 
        display: inline-flex;
    }
}