/* Minification failed. Returning unminified contents.
(63,15): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(67,39): run-time error CSS1039: Token not allowed after unary operator: '-items'
(67,59): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(67,73): run-time error CSS1039: Token not allowed after unary operator: '-items'
 */
.fp_participants-items {
    -ms-overflow-style: none; /*for Internet Explorer, Edge*/
    scrollbar-width: none; /*for Firefox */
    overflow-x: scroll;
    display: -webkit-inline-box;
    display: flex;
}

.fp_participants-items::-webkit-scrollbar {
    display: none; /*for Chrome, Safari, and Opera*/
}

.fp_participants-container div {
    text-align: center;
}

.fp_participants-container img.fp_participant-image {
    height: 120px;
}

/* Clearable text inputs */
.clearable {
    position: relative;
    display: inline-block;
    width: 100%;
}

.clearable__clear {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px;
    font-style: normal;
    font-size: 1.8em;
    user-select: none;
    cursor: pointer;
}

    .clearable__clear.selectClearable {
        margin: 0 15px;
    }

.clearable input::-ms-clear, .clearable select::-ms-clear { /* Remove IE default X */
    display: none;
}

.fp_participants-items.showAllContacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 8%;
}

.fp_participants-container .fp_participants-items .fp_participant-wrapper {
   display: flex;
    flex-direction: column;
}
.fp_participants-items {
    display: flex;
    gap: var(--gap);
}

    .fp_participants-items > div {
        flex: 0 0 calc( (100% - (var(--items) - 1) * var(--gap)) / var(--items) ) !important;
    }


    .fp_participants-container .fp_participants-items .fp_participant-wrapper.fp_participant-grid .fp_participant-tooltip div {
        text-align: left;
    }

    .fp_participants-items, .fp_participant-wrapper.fp_participant-grid {
        position: inherit !important;
    }

    .fp_participant-tooltip {
        position: absolute;
        padding: 10px;
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        display: none;
        z-index: 99;
        height: auto;
        width: auto;
        top: -10%;
    }

    .clearable input, .clearable select {
        max-width: none;
    }

    .fp_participant-popup {
        position: absolute !important;
        z-index: 999 !important;
        width: auto !important;
        background-color: #fff !important;
        border-radius: 5px;
        transform: translateX(10px) !important;
        max-width: 700px !important;
        top: -10% !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }

        .fp_participant-popup .modal-header {
            padding: 10px 15px !important;
        }

        .fp_participant-popup .custom-close-btn {
            background: none;
            border: none;
            font-size: 25px;
            color: white;
            opacity: 0.7;
            float: right;
        }

            .fp_participant-popup .custom-close-btn:hover {
                opacity: 1;
            }

        .fp_participant-popup .modal-body {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0;
        }

    .linkTypeHeader {
        font-size: small;
        font-weight: bold;
    }