.acf-relationship {
    border: 1px solid var(--theme--form--border-color);
    border-radius: var(--theme--form--border-radius);
    overflow: hidden;
}

.acf-error .acf-relationship {
    border-color: var(--theme--color--error);
}

.acf-relationship .filters {
    border-bottom: 1px solid var(--theme--form--border-color);
}

.acf-relationship .filters .filter input {
    padding: 0.3em 0.5em;
}

.acf-relationship .filters .filter select {
    padding: 0.5em;
}

.acf-relationship .selection .list {
    height: 240px;
}

.acf-relationship .selection .choices .list {
    border-right: 1px solid var(--theme--form--border-color);
}

.acf-relationship .selection .choices .list li {
    font-size: var(--theme--font-size--small);
    color: var(--theme--color--text);
}

.acf-relationship .selection .values .list li.ui-sortable-placeholder {
    visibility: visible !important;
    background: var(--theme--form--border-color);
    border-radius: var(--theme--form--border-radius);
}

.acf-relationship .list .acf-rel-label {
    font-size: var(--theme--font-size--small);
}

.acf-relationship .list .acf-rel-item {
    font-size: var(--theme--font-size--small);
    border-radius: var(--theme--form--border-radius);
    padding: 0.5em 0.5em;
}

.acf-relationship .list .acf-rel-item:hover {
    background: var(--theme--color--primary);
    color: var(--theme--color--background);
}

.acf-relationship .selection .values .acf-icon {
    top: 50%;
    transform: translate(0, -50%);
}