/* @define RollInto; weak */
.RollInto-modal {
    overflow: hidden !important;
}

.RollInto-radio {
    margin: 10px;
}

.RollInto-dateLabel {
    margin-bottom: 10px;
}

.RollInto-searchConfiguration {
    margin: 0 -15px;
}

.RollInto-selectedItem {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}

.RollInto-stepText {
    color: var(--text-emphasis);
    align-self: center;
}

.RollInto-modalBody {
    height: 600px;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}

.RollInto-radioContainer {
    display: flex;
    gap: 1rem;
}

.RollInto-radioInput {
    flex: 1;
}

.RollInto-radioInputLabel {
    justify-content: start;
}

.RollInto-searchInput {
    padding: 0 !important; /* !important is needed to override .p-1 used in GlobalSearch */

    /* These two rules are to stop the search input focus border being clipped */
    overflow: initial;
    width: 100%;
}

/* The following is hacked together to get engagement search results to scroll properly in the modal body */
.RollInto-searchFormGroup {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.RollInto-searchFormGroup .FormGroup-body {
    display: flex;
    height: 0;
    flex: 1;
}

.RollInto-searchFormGroup .FormGroup-label {
    flex: 0 1;
}

.RollInto-searchInput .GlobalSearch-resultsContainerVertical {
    height: 0;
    flex: 1;
}

/* Another hack to override .mt-3 used in the EngagementSearch component */
/* stylelint-disable-next-line selector-id-pattern */
.RollInto-searchInput #Engagement-search-input-group {
    margin-top: 0 !important;
}