ul.optionPicker {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

    ul.optionPicker li {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: var(--Gap-sm);
        width: 100%;
        height: 40px;
        padding: 0px var(--Padding-md);
        margin-bottom: 8px;
        border: 1px solid transparent;
        border-radius: var(--Radius-md);
        color: var(--Text-Body-Secondary);
        cursor: pointer;
        direction: rtl;
    }
        ul.optionPicker li:last-child {
            margin-bottom: 1px;
        }

        ul.optionPicker li:hover {
            background: var(--Background-Soft);
        }
        ul.optionPicker li.disabled:hover {
            background: none;
            cursor: default;
        }

        ul.optionPicker li.selected {
            background: var(--Control-Input-Background-Selected);
        }
        ul.optionPicker li.disabled {
            color: var(--Text-Semantic-Disabled);
        }

        ul.optionPicker li svg {
            stroke: var(--Icons-Interactive-Alt);
        }
        ul.optionPicker li.disabled svg {
            stroke: var(--Icons-Disabled);
        }