@use  '../../assets/styles/index' as *;

.render-item {
    display: flex;
    flex: auto;
}

.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.picker-row {
    &:global(.uui-focus) {
        background-color: var(--uui-surface-lowest);
    }

    &:global(.-clickable) {
        cursor: pointer;
    }
}

.icon-default {
    fill: var(--uui-icon);
}

.icon-primary {
    fill: var(--uui-primary-50);
}
