form p:has(select[multiple]) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
form :is(.selected-container, .unselected-container) {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(50% - 32px);
}

form .selector-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

form select[multiple] {
    width: 100%;
    height: 10rem;
    box-shadow: var(--protruding-element-shadow-box);
}

form .selector-label {
    text-align: center;
}

form p:has(select[multiple]) label:first-child {
    text-align: center;
}

form :is(.selector-select, .selector-unselect) {
    width: 100%;
}