/*
 * Citizen - SRF Filtered Number Filter
 * https://starcitizen.tools
*/

@import '../../../../resources/variables.less';

.skin-theme-clientpref-night {
	.filtered-filters .filtered-number {
		border: var( --border-width-base ) solid @dark-bg-50;

		.filtered-number-slider {
			.irs-bar,
			.irs-bar-edge {
				border-top: var( --border-width-base ) solid @dark-bg-50;
				border-bottom: var( --border-width-base ) solid @dark-bg-50;
			}

			.irs-bar-edge {
				border-left: var( --border-width-base ) solid @dark-bg-50;
			}

			.irs-line {
				border: var( --border-width-base ) solid @dark-bg-50;
			}

			&.mode-min {
				.irs-bar,
				.irs-bar-edge {
					background: var( --color-surface-0 );
				}

				.irs-line {
					background: @dark-bg-20;
				}
			}

			&.mode-max,
			&.mode-range {
				.irs-bar,
				.irs-bar-edge {
					background: @dark-bg-20;
				}

				.irs-line {
					background: var( --color-surface-0 );
				}
			}

			&.mode-select {
				.irs-line {
					background: var( --color-surface-0 );
				}
			}

			.irs-slider {
				background: var( --color-surface-0 );
				border: var( --border-width-base ) solid @dark-bg-30;

				&::after {
					background: @dark-bg-50;
				}

				&:hover::after {
					background: var( --color-destructive );
				}
			}
		}
	}
}
