<commit_before>@import 'theming';
@import '~@lucca-front/icons/src/_mixins';
@mixin selectInputStyle {
	:host {
		cursor: pointer;
		outline: none;
		padding: 0;

		&::after {
			bottom: 0.55rem;
			color: _color('text.light');
			@include makeIcon('arrow_south');
			font-size: 0.75rem;
			pointer-events: none;
			position: absolute;
			right: _component('textfield.input.padding-horizontal');
		}
		&[disabled] {
			cursor: not-allowed;
			pointer-events: none;
		}
	}
	.lu-select-placeholder {
		color: _color('text.placeholder');
	}
	.lu-select-value, .lu-select-placeholder {
		line-height: 1.1;
		height: _component('select.height');
		overflow: hidden;
		padding: _component('textfield.input.padding-vertical') 1.5rem
			_component('textfield.input.padding-vertical')
			_component('textfield.input.padding-horizontal');
		text-overflow: ellipsis;
		transition: all _theme('commons.animations.durations.standard') ease;
		white-space: nowrap;
	}

	.lu-select-value {
		display: none;
	}

	.lu-select-suffix {
		position: absolute;
		bottom: 0.45rem;
		right: calc(2.75 * #{_component('textfield.input.padding-horizontal')});
	}
	// MODS
	// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
	:host(.mod-multiple) {
		&.mod-multipleView {
			.lu-select-value {
				overflow: visible;
				white-space: normal;
				height: auto;
				min-height: _component('select.height');
				padding-bottom: 0;
				align-items: center;
				flex-wrap: wrap;
				padding-top: .3rem;
			}
		}

		::ng-deep {
			.lu-select-value .label {
				margin-top: _component('select.tag.margin');
				margin-bottom: _component('select.tag.margin');
				margin-left: 0;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: top;
			}

			.lu-select-value > .chip, .lu-select-value > .label {
				background: _component("select.tag.background");
				color: _component("select.tag.color");
			}
		}
	}
	:host(.mod-search) {
		&::after {
			@include makeIcon("search");
			font-size: 1.4rem;
			line-height: _component('select.height');
			bottom: 0;
		}

		.lu-select-suffix {
			right: calc(3.5 * #{_component('textfield.input.padding-horizontal')});
		}
	}
	// Framed
	:host-context(.textfield.mod-framed) {
		padding: _component('field.framed.top-padding') 0 0;

		&::after {
			bottom: 0.95rem;
			right: _component('field.framed.side-padding');
		}

		.lu-select-value, .lu-select-placeholder {
			padding: 0 calc(#{_component('field.framed.side-padding')} * 3)
				_component('field.framed.bottom-padding')
				_component('field.framed.side-padding');
		}


		.lu-select-suffix {
			bottom: 0.85rem;
			right: calc(3.75 * #{_component('textfield.input.padding-horizontal')});
		}

		&.mod-search {
			&::after {
				bottom: .5rem;
			}
			.lu-select-suffix {
				right: calc(4.8 * #{_component('textfield.input.padding-horizontal')});
			}
		}
	}
<commit_msg>[fix] Adds 1 level of selector to properly override style<commit_after>@import 'theming';
@import '~@lucca-front/icons/src/_mixins';
@mixin selectInputStyle {
	:host {
		cursor: pointer;
		outline: none;
		padding: 0;

		&::after {
			bottom: 0.55rem;
			color: _color('text.light');
			@include makeIcon('arrow_south');
			font-size: 0.75rem;
			pointer-events: none;
			position: absolute;
			right: _component('textfield.input.padding-horizontal');
		}
		&[disabled] {
			cursor: not-allowed;
			pointer-events: none;
		}
	}
	.lu-select-placeholder {
		color: _color('text.placeholder');
	}
	.lu-select-value, .lu-select-placeholder {
		line-height: 1.1;
		height: _component('select.height');
		overflow: hidden;
		padding: _component('textfield.input.padding-vertical') 1.5rem
			_component('textfield.input.padding-vertical')
			_component('textfield.input.padding-horizontal');
		text-overflow: ellipsis;
		transition: all _theme('commons.animations.durations.standard') ease;
		white-space: nowrap;
	}

	.lu-select-value {
		display: none;
	}

	.lu-select-suffix {
		position: absolute;
		bottom: 0.45rem;
		right: calc(2.75 * #{_component('textfield.input.padding-horizontal')});
	}
	// MODS
	// ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
	:host(.mod-multiple) {
		&.mod-multipleView {
			.lu-select-value {
				overflow: visible;
				white-space: normal;
				height: auto;
				min-height: _component('select.height');
				padding-bottom: 0;
				align-items: center;
				flex-wrap: wrap;
				padding-top: .3rem;
			}
		}

		::ng-deep {
			.lu-select-value .label {
				margin-top: _component('select.tag.margin');
				margin-bottom: _component('select.tag.margin');
				margin-left: 0;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: top;
			}

			.lu-select-value > .chip, .lu-select-value > .label {
				background: _component("select.tag.background");
				color: _component("select.tag.color");
			}
		}
	}
	:host(.mod-search) {
		&::after {
			@include makeIcon("search");
			font-size: 1.4rem;
			line-height: _component('select.height');
			bottom: 0;
		}

		.lu-select-suffix {
			right: calc(3.5 * #{_component('textfield.input.padding-horizontal')});
		}
	}
	// Framed
	:host-context(.textfield.mod-framed) {
		&.textfield-input {
			padding: _component('field.framed.top-padding') 0 0;

			&::after {
				bottom: 0.95rem;
				right: _component('field.framed.side-padding');
			}

			.lu-select-value, .lu-select-placeholder {
				padding: 0 calc(#{_component('field.framed.side-padding')} * 3)
					_component('field.framed.bottom-padding')
					_component('field.framed.side-padding');
			}


			.lu-select-suffix {
				bottom: 0.85rem;
				right: calc(3.75 * #{_component('textfield.input.padding-horizontal')});
			}

			&.mod-search {
				&::after {
					bottom: .5rem;
				}
				.lu-select-suffix {
					right: calc(4.8 * #{_component('textfield.input.padding-horizontal')});
				}
			}
		}
	}

{'fraction_non_alphanumeric': 0.18820900653145411, 'fraction_numerical': 0.014266070814712959, 'mean_word_length': 3.3522812266267765, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6963111', 'n_tokens_mistral': 2568, 'n_tokens_neox': 2263, 'n_words': 328}