:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.CarItem-info{transition:all .5s ease}.CarItem{overflow:hidden;border-radius:14px;display:flex;flex-direction:column;width:100%;position:relative}@media(max-width: 576px){.CarItem{border-radius:10px}}.CarItem::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 65%);z-index:2;border-radius:14px}.CarItem_bottom::before{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),linear-gradient(180deg, rgba(0, 0, 0, 0) 67.5%, rgba(0, 0, 0, 0.7) 100%)}.CarItem-wrap{background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;display:flex;flex-direction:column;min-height:200px}@media(max-width: 1200px){.CarItem-wrap{min-height:130px}}@media(max-width: 576px){.CarItem-wrap{min-height:130px}}@media(max-width: 480px){.CarItem-wrap{min-height:120px}}.CarItem-img{width:100%;height:100%;object-fit:cover}.CarItem-info{padding:12px;position:absolute;z-index:3;width:100%;top:0;left:0}.CarItem-info_bottom{top:auto;bottom:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);padding:24px 16px 16px}@media(max-width: 576px){.CarItem-info_bottom{padding:12px 10px 10px}}.CarItem-title{color:var(--color-white) !important;position:relative;z-index:3;text-transform:capitalize;margin-bottom:2px;font-size:16px;line-height:20px}@media(max-width: 576px){.CarItem-title{font-size:14px;line-height:18px;margin-bottom:0}}.CarItem-text{color:var(--color-white);font-size:16px;font-style:normal;font-weight:400;line-height:22px;position:relative;z-index:3;text-transform:capitalize;margin:2px 0 0}@media(max-width: 576px){.CarItem-text{font-size:12px;line-height:18px;margin-top:0}}.CarItem-indicators{position:absolute;bottom:10px;left:10px;right:10px;height:12px;background-color:rgba(0,0,0,.3);z-index:3;display:flex;gap:5px;border-radius:5px;align-items:center;padding:0 5px}.CarItem-indicator{flex-grow:1;height:100%;transition:background-color .2s ease;background-color:hsla(0,0%,100%,.3);height:4px;border-radius:4px}.CarItem-indicator_active{background-color:#fff}.CarItem-placeholder{width:100%;height:100%;background-color:var(--background-gray);display:flex;align-items:center;justify-content:center;color:var(--icon-gray)}.CarItem-checkbox{position:absolute;z-index:5;top:12px;right:12px}.CarItem-compare{min-width:42px;margin-left:auto;position:relative;top:-110px;right:4px;z-index:3}@media(max-width: 576px){.CarItem-compare{min-width:34px;top:-45px;right:-2px}}.CarItem-icon path{fill:var(--button-dark-color)}
