body.block-editing .nb-smart-search-modal-3{
    display: block;
    position: relative;
    height: auto;
    min-height: unset;
    overflow: visible;
}

.nb-smart-search-modal-3{

    position: fixed;
    inset: 0 0 auto 0;
    height: 100vh;
    overflow: auto;
    background: var(--nb-color-white);
    z-index: 99999;
    display: none;
    &.active{
        display: block;
    }

    .search-modal-top-content-wrapper{
        display: flex;
        gap: 20px;
        align-items: center;
        padding: 24px 0;
    }

    .search-modal-top-content-wrapper .left-wrapper{
        max-width: 300px;
        flex: 1;
    }
    .search-modal-top-content-wrapper {
        .right-wrapper{
            flex: 1;
            width: calc(100% - 320px);
            display: flex;
            align-items: center;
            gap: 20px   ;

            .nb-btn{
                background: none;
                border: none;
                padding: 0;
                color: var(--nb-text-color-primary);
            }
        }
    }

    .nb-logo{
        max-width: 75px;
    }

    .search-modal-top-content-wrapper .right-wrapper{
        position: relative;

        #search-text{
            padding-left: 45px;
        }
    }
    .search-modal-top-content-wrapper .right-wrapper:before{
        content: '\F52A';
        display: inline-block;
        font-family: bootstrap-icons !important;
        position: absolute;
        left: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .nb-smart-search-modal-3{

        .search-modal-top-content-wrapper .left-wrapper{
            display: none;
        }
        .search-modal-top-content-wrapper .right-wrapper{
            width: 100%;
        }
    }
}