/*
 * Redox light bands for the "service-details" layout — GENERATED by the converter (conv/lightcss.py).
 * Loaded only in Light mode with "make dark feature sections and footers light" enabled.
 * Put manual fixes in ../redox-light-fixes.css.
 */

html.redox-light-bands body.redox-layout-service-details .feature-area {
	--bg: rgb(245, 245, 245);
	--white: rgb(17, 17, 17);
	--white-2: rgb(87, 87, 87);
	--black: rgb(245, 245, 245);
	--black-2: rgb(87, 87, 87);
	--rr-color-bg-1: rgb(244, 244, 246);
	--rr-color-common-white: rgb(17, 17, 17);
	--rr-color-text-body: rgb(85, 90, 100);
	--rr-color-text-body-light: rgb(110, 114, 120);
	--rr-color-border-light: rgb(34, 34, 34);
	--rr-color-common-dark: rgb(240, 240, 240);
	--rr-color-border-1: rgba(17, 17, 17, 0.1);
}

html.redox-light-bands body.redox-layout-service-details .feature-area .feature-box:before {
	background-color: rgba(17, 17, 17, 0.1);
}

html.redox-light-bands body.redox-layout-service-details .value-area {
	--bg: rgb(245, 245, 245);
	--white: rgb(17, 17, 17);
	--white-2: rgb(87, 87, 87);
	--black: rgb(245, 245, 245);
	--black-2: rgb(87, 87, 87);
	--rr-color-bg-1: rgb(244, 244, 246);
	--rr-color-common-white: rgb(17, 17, 17);
	--rr-color-text-body: rgb(85, 90, 100);
	--rr-color-text-body-light: rgb(110, 114, 120);
	--rr-color-border-light: rgb(34, 34, 34);
	--rr-color-common-dark: rgb(240, 240, 240);
	--rr-color-border-1: rgba(17, 17, 17, 0.1);
}

html.redox-light-bands body.redox-layout-service-details .value-area .value-box .number {
	border-top: 1px solid rgba(17, 17, 17, 0.2);
}

html.redox-light-bands body.redox-layout-service-details .feature-area .feature-box .thumb img {
	filter: invert(1);
}