@ng-select/ng-select 13.3.0 → 13.4.0

package/scss/ng-select.component.scss

@@ -1,304 +1,304 @@
 @mixin box-sizing() {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 @mixin wrap-text() {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 .ng-select {
-    position: relative;
-    display: block;
-    @include box-sizing;
-
-    div,
-    input,
-    span {
-        @include box-sizing;
-    }
-
-    [hidden] {
-        display: none;
-    }
-
-    &.ng-select-searchable {
-        .ng-select-container .ng-value-container .ng-input {
-            opacity: 1;
-        }
-    }
-
-    &.ng-select-opened .ng-select-container {
-        z-index: 1001;
-    }
-
-    &.ng-select-disabled {
-        .ng-select-container {
-            .ng-value-container {
-                .ng-placeholder,
-                .ng-value {
-                    user-select: none;
-                    cursor: default;
-                }
-            }
-        }
-
-        .ng-arrow-wrapper {
-            cursor: default;
-        }
-    }
-
-    &.ng-select-filtered {
-        .ng-placeholder {
-            display: none;
-        }
-    }
-
-    .ng-select-container {
-        cursor: default;
-        display: flex;
-        outline: none;
-        overflow: hidden;
-        position: relative;
-        width: 100%;
-
-        .ng-value-container {
-            display: flex;
-            flex: 1;
-
-            .ng-input {
-                opacity: 0;
-
-                > input {
-                    box-sizing: content-box;
-                    background: none transparent;
-                    border: 0 none;
-                    box-shadow: none;
-                    outline: none;
-                    padding: 0;
-                    cursor: default;
-                    width: 100%;
-
-                    &::-ms-clear {
-                        display: none;
-                    }
-
-                    &[readonly] {
-                        user-select: none;
-                        width: 0;
-                        padding: 0;
-                    }
-                }
-            }
-        }
-    }
-
-    &.ng-select-single {
-        &.ng-select-filtered {
-            .ng-select-container .ng-value-container .ng-value {
-                visibility: hidden;
-            }
-        }
-
-        .ng-select-container {
-            .ng-value-container {
-                @include wrap-text;
-
-                .ng-value {
-                    @include wrap-text;
-
-                    .ng-value-icon {
-                        display: none;
-                    }
-                }
-
-                .ng-input {
-                    position: absolute;
-                    left: 0;
-                    width: 100%;
-                }
-            }
-        }
-    }
-
-    &.ng-select-multiple {
-        &.ng-select-disabled {
-            > .ng-select-container .ng-value-container .ng-value {
-                .ng-value-icon {
-                    display: none;
-                }
-            }
-        }
-
-        .ng-select-container {
-            .ng-value-container {
-                flex-wrap: wrap;
-
-                .ng-placeholder {
-                    position: absolute;
-                }
-
-                .ng-value {
-                    white-space: nowrap;
-
-                    &.ng-value-disabled {
-                        .ng-value-icon {
-                            display: none;
-                        }
-                    }
-
-                    .ng-value-icon {
-                        cursor: pointer;
-                    }
-                }
-
-                .ng-input {
-                    flex: 1;
-                    z-index: 2;
-                }
-
-                .ng-placeholder {
-                    z-index: 1;
-                }
-            }
-        }
-    }
-
-    .ng-clear-wrapper {
-        cursor: pointer;
-        position: relative;
-        width: 17px;
-        user-select: none;
-
-        .ng-clear {
-            display: inline-block;
-            font-size: 18px;
-            line-height: 1;
-            pointer-events: none;
-        }
-    }
-
-    .ng-spinner-loader {
-        border-radius: 50%;
-        width: 17px;
-        height: 17px;
-        margin-right: 5px;
-        font-size: 10px;
-        position: relative;
-        text-indent: -9999em;
-        border-top: 2px solid rgba(66, 66, 66, 0.2);
-        border-right: 2px solid rgba(66, 66, 66, 0.2);
-        border-bottom: 2px solid rgba(66, 66, 66, 0.2);
-        border-left: 2px solid #424242;
-        transform: translateZ(0);
-        animation: load8 0.8s infinite linear;
-
-        &:after {
-            border-radius: 50%;
-            width: 17px;
-            height: 17px;
-        }
-
-        @-webkit-keyframes load8 {
-            0% {
-                -webkit-transform: rotate(0deg);
-                transform: rotate(0deg);
-            }
-            100% {
-                -webkit-transform: rotate(360deg);
-                transform: rotate(360deg);
-            }
-        }
-        @keyframes load8 {
-            0% {
-                -webkit-transform: rotate(0deg);
-                transform: rotate(0deg);
-            }
-            100% {
-                -webkit-transform: rotate(360deg);
-                transform: rotate(360deg);
-            }
-        }
-    }
-
-    .ng-arrow-wrapper {
-        cursor: pointer;
-        position: relative;
-        text-align: center;
-        user-select: none;
-
-        .ng-arrow {
-            pointer-events: none;
-            display: inline-block;
-            height: 0;
-            width: 0;
-            position: relative;
-        }
-    }
+	position: relative;
+	display: block;
+	@include box-sizing;
+
+	div,
+	input,
+	span {
+		@include box-sizing;
+	}
+
+	[hidden] {
+		display: none;
+	}
+
+	&.ng-select-searchable {
+		.ng-select-container .ng-value-container .ng-input {
+			opacity: 1;
+		}
+	}
+
+	&.ng-select-opened .ng-select-container {
+		z-index: 1001;
+	}
+
+	&.ng-select-disabled {
+		.ng-select-container {
+			.ng-value-container {
+				.ng-placeholder,
+				.ng-value {
+					user-select: none;
+					cursor: default;
+				}
+			}
+		}
+
+		.ng-arrow-wrapper {
+			cursor: default;
+		}
+	}
+
+	&.ng-select-filtered {
+		.ng-placeholder {
+			display: none;
+		}
+	}
+
+	.ng-select-container {
+		cursor: default;
+		display: flex;
+		outline: none;
+		overflow: hidden;
+		position: relative;
+		width: 100%;
+
+		.ng-value-container {
+			display: flex;
+			flex: 1;
+
+			.ng-input {
+				opacity: 0;
+
+				> input {
+					box-sizing: content-box;
+					background: none transparent;
+					border: 0 none;
+					box-shadow: none;
+					outline: none;
+					padding: 0;
+					cursor: default;
+					width: 100%;
+
+					&::-ms-clear {
+						display: none;
+					}
+
+					&[readonly] {
+						user-select: none;
+						width: 0;
+						padding: 0;
+					}
+				}
+			}
+		}
+	}
+
+	&.ng-select-single {
+		&.ng-select-filtered {
+			.ng-select-container .ng-value-container .ng-value {
+				visibility: hidden;
+			}
+		}
+
+		.ng-select-container {
+			.ng-value-container {
+				@include wrap-text;
+
+				.ng-value {
+					@include wrap-text;
+
+					.ng-value-icon {
+						display: none;
+					}
+				}
+
+				.ng-input {
+					position: absolute;
+					left: 0;
+					width: 100%;
+				}
+			}
+		}
+	}
+
+	&.ng-select-multiple {
+		&.ng-select-disabled {
+			> .ng-select-container .ng-value-container .ng-value {
+				.ng-value-icon {
+					display: none;
+				}
+			}
+		}
+
+		.ng-select-container {
+			.ng-value-container {
+				flex-wrap: wrap;
+
+				.ng-placeholder {
+					position: absolute;
+				}
+
+				.ng-value {
+					white-space: nowrap;
+
+					&.ng-value-disabled {
+						.ng-value-icon {
+							display: none;
+						}
+					}
+
+					.ng-value-icon {
+						cursor: pointer;
+					}
+				}
+
+				.ng-input {
+					flex: 1;
+					z-index: 2;
+				}
+
+				.ng-placeholder {
+					z-index: 1;
+				}
+			}
+		}
+	}
+
+	.ng-clear-wrapper {
+		cursor: pointer;
+		position: relative;
+		width: 17px;
+		user-select: none;
+
+		.ng-clear {
+			display: inline-block;
+			font-size: 18px;
+			line-height: 1;
+			pointer-events: none;
+		}
+	}
+
+	.ng-spinner-loader {
+		border-radius: 50%;
+		width: 17px;
+		height: 17px;
+		margin-right: 5px;
+		font-size: 10px;
+		position: relative;
+		text-indent: -9999em;
+		border-top: 2px solid rgba(66, 66, 66, 0.2);
+		border-right: 2px solid rgba(66, 66, 66, 0.2);
+		border-bottom: 2px solid rgba(66, 66, 66, 0.2);
+		border-left: 2px solid #424242;
+		transform: translateZ(0);
+		animation: load8 0.8s infinite linear;
+
+		&:after {
+			border-radius: 50%;
+			width: 17px;
+			height: 17px;
+		}
+
+		@-webkit-keyframes load8 {
+			0% {
+				-webkit-transform: rotate(0deg);
+				transform: rotate(0deg);
+			}
+			100% {
+				-webkit-transform: rotate(360deg);
+				transform: rotate(360deg);
+			}
+		}
+		@keyframes load8 {
+			0% {
+				-webkit-transform: rotate(0deg);
+				transform: rotate(0deg);
+			}
+			100% {
+				-webkit-transform: rotate(360deg);
+				transform: rotate(360deg);
+			}
+		}
+	}
+
+	.ng-arrow-wrapper {
+		cursor: pointer;
+		position: relative;
+		text-align: center;
+		user-select: none;
+
+		.ng-arrow {
+			pointer-events: none;
+			display: inline-block;
+			height: 0;
+			width: 0;
+			position: relative;
+		}
+	}
 }
 
 .ng-dropdown-panel {
-    box-sizing: border-box;
-    position: absolute;
-    opacity: 0;
-    width: 100%;
-    z-index: 1050;
-    -webkit-overflow-scrolling: touch;
-
-    .ng-dropdown-panel-items {
-        display: block;
-        height: auto;
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-        max-height: 240px;
-        overflow-y: auto;
-
-        .ng-optgroup {
-            @include wrap-text();
-        }
-
-        .ng-option {
-            box-sizing: border-box;
-            cursor: pointer;
-            display: block;
-            @include wrap-text();
-
-            .ng-option-label:empty:before {
-                content: "\200b";
-            }
-
-            .highlighted {
-                font-weight: bold;
-                text-decoration: underline;
-            }
-            &.disabled {
-                cursor: default;
-            }
-        }
-    }
-
-    .scroll-host {
-        overflow: hidden;
-        overflow-y: auto;
-        position: relative;
-        display: block;
-        -webkit-overflow-scrolling: touch;
-    }
-
-    .scrollable-content {
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-    }
-
-    .total-padding {
-        width: 1px;
-        opacity: 0;
-    }
+	box-sizing: border-box;
+	position: absolute;
+	opacity: 0;
+	width: 100%;
+	z-index: 1050;
+	-webkit-overflow-scrolling: touch;
+
+	.ng-dropdown-panel-items {
+		display: block;
+		height: auto;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+		max-height: 240px;
+		overflow-y: auto;
+
+		.ng-optgroup {
+			@include wrap-text();
+		}
+
+		.ng-option {
+			box-sizing: border-box;
+			cursor: pointer;
+			display: block;
+			@include wrap-text();
+
+			.ng-option-label:empty:before {
+				content: '\200b';
+			}
+
+			.highlighted {
+				font-weight: bold;
+				text-decoration: underline;
+			}
+			&.disabled {
+				cursor: default;
+			}
+		}
+	}
+
+	.scroll-host {
+		overflow: hidden;
+		overflow-y: auto;
+		position: relative;
+		display: block;
+		-webkit-overflow-scrolling: touch;
+	}
+
+	.scrollable-content {
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		position: absolute;
+	}
+
+	.total-padding {
+		width: 1px;
+		opacity: 0;
+	}
 }

package/themes/ant.design.theme.css

@@ -1 +1 @@
-.ng-select{position:relative}.ng-select.ng-select-opened.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-clear-wrapper{opacity:0;pointer-events:none}.ng-select.ng-select-opened.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-arrow-wrapper{opacity:1;pointer-events:auto}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,0.2)}.ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(180deg);opacity:1}[dir="rtl"] .ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(-180deg)}.ng-select.ng-select-focused .ng-select-container{border-color:#40a9ff}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f5f5f5}.ng-select.ng-select-disabled>.ng-select-container:hover{border:1px solid #d9d9d9;cursor:not-allowed}.ng-select.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,0.25)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-clear-wrapper{opacity:1}.ng-select.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-arrow-wrapper{opacity:0;pointer-events:none}.ng-select .ng-select-container{color:rgba(0,0,0,0.65);background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;min-height:30px;align-items:center;transition:all 0.3s;box-sizing:border-box;padding-right:11px;padding-left:11px}.ng-select .ng-select-container .ng-input{line-height:22px}.ng-select .ng-select-container .ng-input input{color:rgba(0,0,0,0.65)}.ng-select .ng-select-container .ng-value-container{align-items:center}.ng-select .ng-select-container .ng-value-container .ng-value{font-size:14px;color:rgba(0,0,0,0.65)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:14px;color:rgba(153,153,153,0.65)}.ng-select.ng-select-single.ng-select-opened .ng-select-container .ng-value{opacity:0.4}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:2px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f5f5f5}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container{min-height:32px;padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container{padding-right:5px;padding-left:11px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{margin-left:0;margin-right:6px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-bottom:3px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-top:3px;margin-right:4px;font-size:0.9em;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:2px;height:24px;line-height:22px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f5f5f5;color:rgba(0,0,0,0.25)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:50%;height:20px;margin-top:-10px;margin-left:6px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{height:24px;margin-top:3px}.ng-select .ng-clear-wrapper{opacity:0;color:#a6a6a6;background:rgba(0,0,0,0.25);width:12px;height:12px;text-align:center;border-radius:12px;vertical-align:middle;transition:color .3s ease;position:absolute;right:13px}[dir="rtl"] .ng-select .ng-clear-wrapper{left:13px;right:auto}.ng-select .ng-clear-wrapper:hover{background:rgba(0,0,0,0.45)}.ng-select .ng-clear-wrapper:focus{background:rgba(0,0,0,0.45);outline:none}.ng-select .ng-clear-wrapper .ng-clear{color:#fff;font-size:9px;position:absolute;left:3px;line-height:12px}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:16px;height:26px;transition:transform 0.3s}.ng-select .ng-arrow-wrapper .ng-arrow{border-style:solid;border-width:0.1rem 0.1rem 0 0;height:8px;width:8px;top:-2px;transform:rotate(135deg);color:rgba(0,0,0,0.25)}.ng-dropdown-panel{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.15);border-radius:4px;margin-top:4px;margin-bottom:4px;left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-bottom-color:#f3f3f3}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-bottom-color:#f3f3f3;margin-top:0;margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-top-color:#f3f3f3}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:0;border-bottom-color:#f3f3f3;margin-top:0}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #d9d9d9;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #d9d9d9;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:4px 12px;color:rgba(0,0,0,0.45);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default;color:rgba(0,0,0,0.45)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:#fafafa;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.65);padding:5px 12px;transition:background .3s ease}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:#fafafa;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.65);background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#e6f7ff;color:rgba(0,0,0,0.65)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,0.25);cursor:not-allowed}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:20px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:20px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label{font-size:14px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
+.ng-select{position:relative}.ng-select.ng-select-opened.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-clear-wrapper{opacity:0;pointer-events:none}.ng-select.ng-select-opened.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-arrow-wrapper{opacity:1;pointer-events:auto}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,0.2)}.ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(180deg);opacity:1}[dir='rtl'] .ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(-180deg)}.ng-select.ng-select-focused .ng-select-container{border-color:#40a9ff}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f5f5f5}.ng-select.ng-select-disabled>.ng-select-container:hover{border:1px solid #d9d9d9;cursor:not-allowed}.ng-select.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,0.25)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-clear-wrapper{opacity:1}.ng-select.ng-select-clearable .ng-select-container.ng-has-value:hover .ng-arrow-wrapper{opacity:0;pointer-events:none}.ng-select .ng-select-container{color:rgba(0,0,0,0.65);background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;min-height:30px;align-items:center;transition:all 0.3s;box-sizing:border-box;padding-right:11px;padding-left:11px}.ng-select .ng-select-container .ng-input{line-height:22px}.ng-select .ng-select-container .ng-input input{color:rgba(0,0,0,0.65)}.ng-select .ng-select-container .ng-value-container{align-items:center}.ng-select .ng-select-container .ng-value-container .ng-value{font-size:14px;color:rgba(0,0,0,0.65)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:14px;color:rgba(153,153,153,0.65)}.ng-select.ng-select-single.ng-select-opened .ng-select-container .ng-value{opacity:0.4}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:2px;left:0;padding-left:10px;padding-right:50px}[dir='rtl'] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f5f5f5}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container{min-height:32px;padding-left:5px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container{padding-right:5px;padding-left:11px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{margin-left:0;margin-right:6px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-bottom:3px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-top:3px;margin-right:4px;font-size:0.9em;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:2px;height:24px;line-height:22px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f5f5f5;color:rgba(0,0,0,0.25)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir='rtl'] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:50%;height:20px;margin-top:-10px;margin-left:6px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{height:24px;margin-top:3px}.ng-select .ng-clear-wrapper{opacity:0;color:#a6a6a6;background:rgba(0,0,0,0.25);width:12px;height:12px;text-align:center;border-radius:12px;vertical-align:middle;transition:color 0.3s ease;position:absolute;right:13px}[dir='rtl'] .ng-select .ng-clear-wrapper{left:13px;right:auto}.ng-select .ng-clear-wrapper:hover{background:rgba(0,0,0,0.45)}.ng-select .ng-clear-wrapper:focus{background:rgba(0,0,0,0.45);outline:none}.ng-select .ng-clear-wrapper .ng-clear{color:#fff;font-size:9px;position:absolute;left:3px;line-height:12px}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir='rtl'] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:16px;height:26px;transition:transform 0.3s}.ng-select .ng-arrow-wrapper .ng-arrow{border-style:solid;border-width:0.1rem 0.1rem 0 0;height:8px;width:8px;top:-2px;transform:rotate(135deg);color:rgba(0,0,0,0.25)}.ng-dropdown-panel{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.15);border-radius:4px;margin-top:4px;margin-bottom:4px;left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-bottom-color:#f3f3f3}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-bottom-color:#f3f3f3;margin-top:0;margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-top-color:#f3f3f3}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:0;border-bottom-color:#f3f3f3;margin-top:0}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #d9d9d9;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #d9d9d9;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:4px 12px;color:rgba(0,0,0,0.45);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default;color:rgba(0,0,0,0.45)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:#fafafa;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.65);padding:5px 12px;transition:background 0.3s ease}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:#fafafa;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.65);background-color:#e6f7ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#e6f7ff;color:rgba(0,0,0,0.65)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,0.25);cursor:not-allowed}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:20px}[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:20px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label{font-size:14px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir='rtl'] .ng-dropdown-panel{direction:rtl;text-align:right}