@import (reference) '~antd/lib/style/themes/index.less';

.ol-searchmap-searchmodal {
    z-index: 1001;

    .ant-modal {
        width: e('calc(100% - 200px)') !important;
        min-width: 800px;
        height: 70vh;

        .ant-modal-title {
            color: @primary-color;
        }

        .ant-modal-content {
            width: 100%;
            height: 100%;

            .ant-modal-body {
                width: 100%;
                height: e('calc(100% - 108px)') !important;
                padding: 0px;
                background-color: @body-background;
            }
        }
    }

    .ol-searchmap-searchmap {
        width: 100%;
        height: 100%;
        padding-top: 48px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;

        .ol-searchmap-top,
        .ol-searchmap-bottom {
            width: 100%;
            height: 48px;
            position: absolute;
            left: 0px;
            padding: 10px 15px;

            button {
                margin-left: 10px;
            }
        }

        .ol-searchmap-top {
            top: 0px;
            border-bottom: 1px solid @border-color-base;
            display: flex;
        }

        .ol-searchmap-bottom {
            bottom: 0px;
            border-top: 1px solid @border-color-base;
            text-align: right;
        }

        .ol-searchmap-content {
            width: 100%;
            height: 100%;
            position: relative;

            .ol-searchmap-content_right {
                width: 100%;
                height: 100%;
                display: inline-block;
                -webkit-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                transition-duration: 0.3s;
                transition-property: width;
            }
        }
    }
}

.poi-search-list {
    top: 0;
    left: 0;
    height: 100%;
}