@use 'common-mixins';

.mat-select-panel {
    padding: 7px 0 !important;
    background-color: var(--iqser-background);
    @include common-mixins.scroll-bar;

    .mat-option {
        margin: 1px 8px;
        border-radius: 4px;
        color: var(--iqser-text);

        &:hover:not(.mat-option-disabled),
        &:focus:not(.mat-option-disabled) {
            background-color: var(--iqser-btn-bg);
        }

        &.mat-selected:not(.mat-option-multiple) {
            background-color: rgba(var(--iqser-primary-rgb), 0.2);
        }

        &.mat-option-disabled {
            color: rgba(var(--iqser-text-rgb), 0.7);
        }
    }
}

.mat-form-field.no-label .mat-form-field-infix {
    padding: 0 !important;
    border-top: 0 !important;
}

mat-select {
    .mat-select-value,
    .mat-select-arrow {
        color: var(--iqser-text);
    }

    .mat-select-arrow {
        margin-left: 6px;
    }
}