@use "../variables";
// ng-select
.ng-select-container {
    border: none;
}

.ng-select-container {
    border: none !important;
    background-color: transparent !important;
}

ng-select.form-control {
    padding: 0 !important;
    // z-index: 1;
}
.rtl {
    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        border-left: 1px solid rgba(255, 255, 255, 0.07);
        border-right: none;
    }
}

.dark-mode {
        .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
        border-right: 1px solid rgba(255, 255, 255, 0.07);
    }
    .ng-option-selected {
        background-color: var(--dark-border) !important;
    }

    .ng-option-marked {
        background-color: var(--dark-body) !important;
    }

    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
        background-color: var(--dark-body);
        border-color: var(--dark-border);
    }
    .ng-dropdown-panel .ng-dropdown-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }
    ng-dropdown-panel {
        background-color: var(--dark-theme);
        border: 1px solid var(--dark-border) !important;

        .ng-option {
            background-color: transparent !important;
            color: #fff !important;
        }
    }

    .ng-dropdown-header input {
        background: transparent;
        border: 1px solid var(--dark-border);
        padding: 0.25rem;
    }
}