@import "../../../../theme";

.multiple-search-container {
    .multiple-search-header {
        border-bottom: 0.1rem solid $aeap-border;
        color: $aeap-title-primary;

        .close-icon {
            color: $aeap-toolbar-icon-active-color;
        }
    }

    .multiple-search-body {
        height: 27rem;

        .input-box {
            border: 0.1rem solid $aeap-color-light-grey !important;
        }

        .required:after {
            color: $aeap-danger-red;
            content: " *";
        }

        .required-before:before {
            color: $aeap-danger-red;
            content: " *";
        }

        .remove-all {
            color: $aeap-color-primary;
        }

        .searched-items {
            height: 9rem;
            overflow: auto;
            row-gap: 1rem;
            column-gap: 1rem;

            .item-box {
                cursor: context-menu;
                border: 0.1rem solid $aeap-checkbox-v2;
                align-items: center;
                padding: 0.4rem 0.6rem;
                max-width: 31rem;
                height: 4rem;
                background: $aeap-color-light-greyish-blue;
                border-radius: 0.3rem;

                .truncate {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: pre;
                }
            }

            .reset-icon {
                color: $aeap-color-storm-grey;
            }
        }
    }
}