.modal-open{
    overflow: hidden;
    .modal{
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.search-modal{
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    transition: opacity .15s linear;
    .modal-dialog{
        display: flex;
        align-items: center;
        max-width: 500px;
        min-height: calc(100% - (1.75rem * 2));
        margin: 1.75rem auto;
        padding: 0 10px;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    &.show{
        opacity: 1;
        .modal-dialog{
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    .modal-content{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0;
        .modal-body{
            padding: 1rem;
        }
        .form-inline{
            display: flex;
            align-items: center;
            gap: 5px;
            .form-control{
                outline: none;
                padding: .375rem .75rem;
                font-size: 1rem;
                line-height: 1.5;
                color: #495057;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: .25rem;
                transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            }
            .form-button{
                display: inline-block;
                background: $primary-color;
                color: #fff;
                font-weight: 400;
                border: 1px solid transparent;
                padding: .375rem .75rem;
                font-size: 1rem;
                line-height: 1.5;
                border-radius: .25rem;
                transition: all 0.3s;

            }
        }
    }
}