#CmContent .CmCarInfoOverview {
	margin:14px 0 18px;
	border:0;
	background:#fff;
	box-shadow:none;
}
#CmContent .CmCarInfoOverviewGrid {
	display:grid;
	grid-template-columns:minmax(190px,1fr) minmax(230px,1.25fr) minmax(210px,1fr) minmax(210px,1fr);
	align-items:stretch;
	gap:16px;
}
#CmContent .CmCarInfoOverviewGrid > * {
	min-width:0;
	padding:18px;
	border:1px solid #dfdfdf;
	border-radius:8px;
	box-sizing:border-box;
	background:linear-gradient(330deg,#e9e9e9,#fbfbfb);
	box-shadow:0 2px 5px rgba(0,0,0,.1);
}
#CmContent .CmCarInfoBodyCard,
#CmContent .CmCarInfoEngineCard,
#CmContent .CmCarInfoTyreCard {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:12px;
}
#CmContent .CmCarInfoBodyCard {
	gap:0;
}
#CmContent .CmCarInfoBodyMedia {
	position:relative;
	display:grid;
	place-items:center;
	width:100%;
	aspect-ratio:2.5 / 1;
	overflow:hidden;
}
#CmContent .CmCarInfoBodyMedia svg {
	display:block;
	width:100%;
	height:100%;
	max-width:180px;
	fill:#969696;
}
#CmContent .CmCarInfoBodyMedia.is-missing::before {
	content:"";
	width:70%;
	height:34%;
	border:7px solid #d7dadd;
	border-radius:45% 48% 18% 18%;
	box-sizing:border-box;
}
#CmContent .CmCarInfoBodyMedia #FrontWheel,
#CmContent .CmCarInfoBodyMedia #RearWheel {
	fill:#969696;
}
#CmContent .CmCarInfoBodyCard.is-front-drive #FrontWheel,
#CmContent .CmCarInfoBodyCard.is-rear-drive #RearWheel,
#CmContent .CmCarInfoBodyCard.is-all-drive #FrontWheel,
#CmContent .CmCarInfoBodyCard.is-all-drive #RearWheel {
	fill:var(--cm-main);
}
#CmContent .CmCarInfoBodySwitches {
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:5px;
	padding:0 0 4px;
}
#CmContent .CmCarInfoBodyOption {
	display:inline-flex;
	min-width:0;
	align-items:center;
	min-height:26px;
	padding:6px 10px;
	border:0;
	border-radius:4px;
	background:#fff;
	color:#555a5e;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
}
#CmContent .CmCarInfoBodyOption.is-current {
	position:relative;
	z-index:1;
	padding:5px 9px;
	border:1px solid var(--cm-main);
	color:var(--cm-main);
	font-weight:700;
}
#CmContent .CmCarInfoBodyOption.is-current::before,
#CmContent .CmCarInfoBodyOption.is-current::after {
	position:absolute;
	left:50%;
	width:0;
	height:0;
	content:"";
	transform:translateX(-50%);
}
#CmContent .CmCarInfoBodyOption.is-current::before {
	bottom:-8px;
	border-top:8px solid var(--cm-main);
	border-right:8px solid transparent;
	border-left:8px solid transparent;
}
#CmContent .CmCarInfoBodyOption.is-current::after {
	bottom:-6px;
	border-top:7px solid #fff;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
}
#CmContent .CmCarInfoBodyOption.is-single {
	color:#888d91;
	font-style:italic;
	font-weight:500;
}
#CmContent .CmCarInfoBodyOption.is-available {
	position:relative;
	overflow:hidden;
	padding:5px 9px;
	border:1px solid #cfd3d6;
	color:#b8b8b8;
	font-weight:600;
}
#CmContent .CmCarInfoBodyOption.is-available:hover {
	border-color:var(--cm-main);
	background:var(--cm-main);
	color:#fff;
}
#CmContent .CmCarInfoBodyOption.is-available::after,
#CmContent .CmCarInfoDriveOption.is-available::after {
	position:absolute;
	top:-35%;
	left:-55%;
	width:35%;
	height:170%;
	background:rgba(255,255,255,.38);
	content:"";
	transform:skewX(-22deg);
}
#CmContent .CmCarInfoBodyOption.is-available:hover::after,
#CmContent .CmCarInfoDriveOption.is-available:hover::after {
	animation:CmCarInfoSwitchShine .42s ease-out;
}
@keyframes CmCarInfoSwitchShine {
	from {left:-55%;}
	to {left:125%;}
}
#CmContent .CmCarInfoDriveSwitch {
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	flex-direction:column;
	gap:4px;
	padding:4px 0 0;
}
#CmContent .CmCarInfoDriveControls {
	display:flex;
	width:100%;
	min-width:0;
	align-items:center;
	justify-content:center;
	gap:7px;
}
#CmContent .CmCarInfoDriveOptions {
	display:flex;
	min-width:0;
	min-height:26px;
	align-items:center;
	justify-content:center;
	flex-wrap:nowrap;
	gap:5px;
}
#CmContent .CmCarInfoDriveOption {
	display:flex;
	flex:0 1 auto;
	min-width:0;
	align-items:center;
	justify-content:center;
	padding:6px 10px;
	border:0;
	border-radius:4px;
	background:#fff;
	color:#b2b6b9;
	font-size:12px;
	font-weight:600;
	line-height:1.15;
	text-align:center;
	white-space:nowrap;
}
#CmContent .CmCarInfoDriveOption.is-current {
	position:relative;
	z-index:1;
	padding:5px 9px;
	border:1px solid var(--cm-main);
	color:var(--cm-main);
	font-weight:700;
}
#CmContent .CmCarInfoDriveOption.is-current::before,
#CmContent .CmCarInfoDriveOption.is-current::after {
	position:absolute;
	left:50%;
	width:0;
	height:0;
	content:"";
	transform:translateX(-50%);
}
#CmContent .CmCarInfoDriveOption.is-current::before {
	top:-8px;
	border-right:8px solid transparent;
	border-bottom:8px solid var(--cm-main);
	border-left:8px solid transparent;
}
#CmContent .CmCarInfoDriveOption.is-current::after {
	top:-6px;
	border-right:7px solid transparent;
	border-bottom:7px solid #fff;
	border-left:7px solid transparent;
}
#CmContent .CmCarInfoDriveOption.is-single {
	color:#888d91;
	font-style:italic;
	font-weight:500;
}
#CmContent .CmCarInfoDriveOption.is-available {
	position:relative;
	overflow:hidden;
	padding:5px 9px;
	border:1px solid #cfd3d6;
	color:#b8b8b8;
}
#CmContent .CmCarInfoDriveOption.is-available:hover {
	border-color:var(--cm-main);
	background:var(--cm-main);
	color:#fff;
}
#CmContent .CmCarInfoDriveMeta {
	color:#858a8e;
	font-size:9px;
}
#CmContent .CmCarInfoVin {
	display:flex;
	max-width:100%;
	align-items:center;
	align-self:center;
	gap:6px;
	margin-top:8px;
	padding:6px 10px;
	border:1px solid #cfd3d6;
	border-radius:4px;
	box-sizing:border-box;
	background:#fff;
	color:#777c80;
	font-size:12px;
	line-height:1.2;
	user-select:text;
}
#CmContent .CmCarInfoVin strong {
	min-width:0;
	overflow-wrap:anywhere;
	color:#303336;
	font-size:13px;
	letter-spacing:.2px;
}
#CmContent .CmCarInfoPanelTitle {
	margin:0;
	color:#8d8d8d;
	font-size:14px;
	font-weight:700;
}
#CmContent .CmCarInfoVariants {
	display:flex;
	flex-direction:column;
	gap:8px;
}
#CmContent .CmCarInfoVariantsHead {
	display:flex;
	min-width:0;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
#CmContent .CmCarInfoVariantFilter {
	width:46%;
	min-width:100px;
	max-width:170px;
	height:24px;
	padding:0 7px;
	border:1px solid #cfd3d6;
	border-radius:3px;
	box-sizing:border-box;
	background:#fff;
	color:var(--cm-main);
	font:inherit;
	font-size:13px;
	font-weight:700;
	line-height:22px;
	outline:0;
}
#CmContent .CmCarInfoVariantFilter::placeholder {
	color:#a8adb1;
	font-size:10px;
	font-weight:400;
	line-height:22px;
	opacity:1;
}
#CmContent .CmCarInfoVariantFilter::-webkit-search-cancel-button {
	cursor:pointer;
	filter:grayscale(1);
	opacity:.55;
}
#CmContent .CmCarInfoVariantFilter::-webkit-search-cancel-button:hover {
	opacity:.8;
}
#CmContent .CmCarInfoVariantFilter:focus {
	border-color:var(--cm-main);
	outline:1px solid var(--cm-main);
	outline-offset:-1px;
}
#CmContent .CmCarInfoVariantsList {
	display:flex;
	flex-direction:column;
	max-height:137px;
	overflow-y:auto;
	padding-right:4px;
}
#CmContent .CmCarInfoVariant {
	display:grid;
	grid-template-columns:minmax(62px,auto) max-content minmax(0,1fr) max-content;
	min-height:34px;
	align-items:stretch;
	border:1px solid transparent;
	border-bottom-color:#dfe2e4;
	background:transparent;
	color:#303336;
}
#CmContent .CmCarInfoVariant > * {
	display:flex;
	min-width:0;
	align-items:center;
	padding:7px 6px;
}
#CmContent .CmCarInfoVariantName {
	overflow-wrap:anywhere;
	color:#303336;
}
#CmContent .CmCarInfoVariantYears {
	color:#24272a;
	font-size:11px;
	white-space:nowrap;
}
#CmContent .CmCarInfoVariantEngine {
	overflow:hidden;
	color:#4a4d50;
	font-size:11px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#CmContent .CmCarInfoVariantPower {
	color:#777c80;
	font-size:10px;
	white-space:nowrap;
}
#CmContent .CmCarInfoVariant:not(.is-current):hover {
	background:#fff;
}
#CmContent .CmCarInfoVariant:hover .CmCarInfoVariantName {
	color:var(--cm-main);
}
#CmContent .CmCarInfoVariant.is-current {
	border-color:var(--cm-main);
	border-radius:3px;
	background:#fff;
}
#CmContent .CmCarInfoVariant.is-current .CmCarInfoVariantName {
	background:var(--cm-main);
	color:#fff;
}
#CmContent .CmCarInfoVariant.is-current .CmCarInfoVariantEngine {
	color:var(--cm-main);
}
#CmContent .CmCarInfoVariant[hidden] {
	display:none;
}
#CmContent .CmCarInfoEngineCard {
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	align-content:start;
	align-items:center;
	gap:8px 14px;
}
#CmContent .CmCarInfoEngineVisual {
	width:42px;
	height:42px;
	color:#8d8d8d;
}
#CmContent .CmCarInfoEngineVisual svg {
	display:block;
	width:100%;
	height:100%;
	fill:#8d8d8d;
	stroke:#8d8d8d;
}
#CmContent .CmCarInfoEngineIdentity {
	display:flex;
	min-width:0;
	flex-direction:column;
	align-items:flex-start;
	gap:2px;
}
#CmContent .CmCarInfoEngineIdentity strong {
	max-width:100%;
	overflow-wrap:anywhere;
	color:var(--cm-main);
	font-size:22px;
	font-weight:800;
	line-height:1.1;
}
#CmContent .CmCarInfoEngineIdentity strong.is-unknown {
	color:#777c80;
	font-size:15px;
	font-weight:600;
}
#CmContent .CmCarInfoEngineIdentity span {
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:7px;
	color:#222;
	font-size:17px;
	font-weight:700;
	line-height:1.2;
}
#CmContent .CmCarInfoEngineIdentity small {
	font-size:11px;
	font-weight:400;
}
#CmContent .CmCarInfoEngineLitre {
	font-weight:inherit;
	white-space:nowrap;
}
#CmContent .CmCarInfoEngineFuel {
	color:var(--cm-main);
	font-size:12px;
	font-style:normal;
	font-weight:600;
}
#CmContent .CmCarInfoEngineData {
	display:flex;
	grid-column:2;
	min-width:0;
	flex-direction:column;
	gap:4px;
}
#CmContent .CmCarInfoEngineData > span {
	color:#74797d;
	font-size:12px;
	line-height:1.3;
}
#CmContent .CmCarInfoEngineSubBlock {
	grid-column:1 / -1;
	padding-top:8px;
	border-top:1px solid #d9dcde;
}
#CmContent .CmCarInfoFuelTank {
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	align-items:start;
	gap:14px;
}
#CmContent .CmCarInfoFuelTankIcon {
	width:42px;
	height:42px;
	color:#8d8d8d;
}
#CmContent .CmCarInfoFuelTankIcon svg {
	display:block;
	width:100%;
	height:100%;
	fill:#8d8d8d;
	stroke:#8d8d8d;
}
#CmContent .CmCarInfoFuelTankText {
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:1px;
}
#CmContent .CmCarInfoFuelTankText strong {
	color:#333;
	font-size:13px;
}
#CmContent .CmCarInfoFuelTankText span {
	color:#989898;
	font-size:20px;
	font-weight:700;
	line-height:1.1;
}
#CmContent .CmCarInfoTyreCard {
	position:relative;
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	align-content:start;
	align-items:start;
	gap:8px 14px;
}
#CmContent .CmCarInfoTyreIcon {
	grid-column:1;
	grid-row:1;
	width:42px;
	height:42px;
}
#CmContent .CmCarInfoTyreIcon svg {
	width:100%;
	height:100%;
	fill:#64696d;
}
#CmContent .CmCarInfoTyreContent {
	display:flex;
	min-width:0;
	max-height:137px;
	flex-direction:column;
	gap:8px;
	padding-right:4px;
	overflow-y:auto;
}
#CmContent .CmCarInfoTyreGroup {
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:3px;
}
#CmContent .CmCarInfoTyreGroupTitle {
	color:#777c80;
	font-size:13px;
	font-weight:700;
	line-height:1.25;
}
#CmContent .CmCarInfoTyrePrimaryList {
	overflow:hidden;
	border:1px solid var(--cm-main);
	border-radius:3px;
	background:#fff;
}
#CmContent .CmCarInfoTyrePrimarySize {
	display:flex;
	min-height:25px;
	align-items:center;
	gap:4px;
	padding:4px 7px;
	box-sizing:border-box;
	color:var(--cm-main);
	font-size:11px;
	font-weight:700;
	line-height:1.2;
}
#CmContent .CmCarInfoTyrePrimarySize + .CmCarInfoTyrePrimarySize {
	border-top:1px solid #e1e3e5;
}
#CmContent .CmCarInfoTyrePrimarySize b {
	color:#222;
}
#CmContent .CmCarInfoTyreList {
	display:flex;
	min-width:0;
	flex-direction:column;
	margin:0;
	padding:0;
	list-style:none;
}
#CmContent .CmCarInfoTyreList li {
	dis:grid;
	grid-template-columns:minmax(58px,1fr) max-content minmax(0,1fr);
	min-height:24px;
	align-items:center;
	gap:4px;
	padding:4px 6px;
	border-bottom:1px solid #dfe2e4;
	background:transparent;
	color:#3f4448;
	font-size:11px;
	line-height:1.2;
	white-space:nowrap;
}
#CmContent .CmCarInfoTyreList li:hover {
	background:#fff;
}
#CmContent .CmCarInfoTyreList li b {
	color:#3f4448;
	font-weight:700;
}
#CmContent .CmCarInfoTyreList li span:last-child {
	color:#777c80;
}
#CmContent .CmCarInfoTyrePressure {
	display:flex;
	grid-column:2;
	min-width:0;
	flex-direction:column;
	gap:2px;
	color:#62676b;
	font-size:11px;
}
#CmContent .CmCarInfoTyrePressure strong {
	color:#333;
	font-size:13px;
}
@media (max-width:1120px){
	#CmContent .CmCarInfoOverviewGrid {
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}
@media (max-width:760px){
	#CmContent .CmCarInfoOverview {
		margin-top:10px;
	}
	#CmContent .CmCarInfoOverviewGrid {
		grid-template-columns:minmax(0,1fr);
	}
	#CmContent .CmCarInfoOverviewGrid > * {
		padding:14px;
	}
	#CmContent .CmCarInfoBodyMedia {
		max-height:180px;
	}
	#CmContent .CmCarInfoVariantsList {
		max-height:220px;
	}
}
@media (max-width:460px){
	#CmContent .CmCarInfoEngineCard {
		grid-template-columns:38px minmax(0,1fr);
		gap:8px 12px;
	}
	#CmContent .CmCarInfoEngineVisual,
	#CmContent .CmCarInfoFuelTankIcon,
	#CmContent .CmCarInfoTyreIcon {
		width:38px;
		height:38px;
	}
	#CmContent .CmCarInfoFuelTank,
	#CmContent .CmCarInfoTyreCard {
		grid-template-columns:38px minmax(0,1fr);
		gap:8px 12px;
	}
}
