@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{position:relative;color:#3e3e3e;font-size:1.6rem;font-family:Montserrat,sans-serif}body.prevent-scroll{overflow-y:hidden}img{vertical-align:middle}a,button,select{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}input{font-family:inherit}button{color:inherit}table{border-spacing:0;border-collapse:collapse}.burger-btn[data-v-3f48085f]{position:absolute;top:50%;right:8px;translate:0 -50%;display:flex;flex-direction:column;gap:5px;padding:.8rem;border:none;background-color:transparent}.burger-btn .burger-btn-line[data-v-3f48085f]{display:inline-block;width:24px;height:3px;background-color:#3b3b3b}.burger-btn .burger-btn-line--top[data-v-3f48085f],.burger-btn .burger-btn-line--bottom[data-v-3f48085f]{transition:translate .1s .1s,rotate .1s,scale .1s .05s}.burger-btn .burger-btn-line--middle[data-v-3f48085f]{opacity:1;transition-property:opacity;transition-delay:.1s}.burger-btn .burger-btn-line--top[data-v-3f48085f],.burger-btn .burger-btn-line--bottom[data-v-3f48085f]{translate:0 0;rotate:none;scale:1 1}.active.burger-btn .burger-btn-line--top[data-v-3f48085f],.active.burger-btn .burger-btn-line--bottom[data-v-3f48085f]{transition:translate .1s,rotate .1s .1s,scale .1s .05s}.active.burger-btn .burger-btn-line--middle[data-v-3f48085f]{opacity:0;transition-property:opacity;transition-delay:.1s}.active.burger-btn .burger-btn-line--top[data-v-3f48085f]{translate:0 8px;rotate:45deg;scale:1.05 1}.active.burger-btn .burger-btn-line--bottom[data-v-3f48085f]{translate:0 -8px;rotate:-45deg;scale:1.05 1}@media (min-width: 900px){.burger-btn[data-v-3f48085f]{display:none}}.header-wrapper[data-v-e99a2d4d]{position:relative;padding:1.4rem calc(24px + 3.2rem) 1.2rem;border-bottom:1px solid #e4e4e4;background-image:linear-gradient(-45deg,#f8f8f8,#f3f3f37a,#f8f8f8)}.h1[data-v-e99a2d4d]{font-size:1.9rem;font-weight:700;line-height:1.15;text-align:center}.h1 span[data-v-e99a2d4d]{display:inline-block;width:max-content;font-size:1.4rem;font-weight:400}@media (min-width: 520px){.h1 span[data-v-e99a2d4d]{display:block;width:100%;text-align:center}}@media (min-width: 640px){.header-wrapper[data-v-e99a2d4d]{padding:1.6rem calc(24px + 4rem)}.h1[data-v-e99a2d4d]{line-height:initial}.h1 span[data-v-e99a2d4d]{display:inline-block;margin-left:.4rem;width:auto;font-size:1.5rem;text-align:initial;line-height:1.15}}@media (min-width: 900px){.header-wrapper[data-v-e99a2d4d]{grid-column:1/3;grid-row:1/2}}@media (min-width: 1200px){.header-wrapper[data-v-e99a2d4d]{grid-column:1/4}}@media (min-width: 1500px){.header-wrapper[data-v-e99a2d4d]{padding:1.8rem}}@media (min-width: 1600px){.h1 span[data-v-e99a2d4d]{font-size:1.6rem}}.wrapper[data-v-0de739ea]{position:absolute;z-index:2;translate:-100%;padding:2.4rem 3.2rem 2.4rem 2.4rem;border-right:1px solid #d8d8d8;height:100%;min-height:100vh;min-height:100svh;background-color:#fff;visibility:hidden;transition:translate .2s,visibility .2s .2s}.nav-links-list[data-v-0de739ea]{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;list-style:none}.nav-link[data-v-0de739ea]{display:inline-block;position:relative;padding:.4rem .8rem;min-width:14ch;color:#3e3e3e;font-size:2rem;font-weight:700;text-decoration:none;opacity:.7;transition:opacity .3s}.nav-link[data-v-0de739ea]:before{content:"";position:absolute;top:50%;translate:0 -50%;left:-24px;width:24px;height:3px;background-color:#767676;opacity:.4;transition:opacity .3s}.nav-link.router-link-active[data-v-0de739ea],.nav-link.router-link-active[data-v-0de739ea]:before{opacity:1}.background-tint[data-v-0de739ea]{position:absolute;left:0;right:0;z-index:1;height:100%;min-height:100vh;min-height:100svh;background-color:#0000004d;opacity:0;visibility:hidden;transition:opacity .1s,visibility .2s .2s}.active.wrapper[data-v-0de739ea]{translate:0;visibility:visible;transition:translate .2s}.active+.background-tint[data-v-0de739ea]{opacity:1;visibility:visible;transition:opacity .1s}@media (min-width: 900px){.wrapper[data-v-0de739ea]{position:static;z-index:initial;translate:initial;grid-column:2/3;grid-row:2/3;padding-right:.8rem;border-left:1px solid #d8d8d8;height:auto;min-height:initial;visibility:visible;transition:initial}.background-tint[data-v-0de739ea]{display:none}}@media (min-width: 1200px){.wrapper[data-v-0de739ea]{grid-column:3/4}}.styled-title[data-v-807d5128]{margin-bottom:.8rem;color:#3e3e3e;font-size:1.8rem;font-weight:700;line-height:1}.filter-title[data-v-807d5128]{margin-bottom:1.2rem;line-height:1.5}.wrapper[data-v-5e0ab2c4]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:4.8rem}.filter-items[data-v-5e0ab2c4]{display:flex;flex-wrap:wrap;gap:1.6rem;list-style:none}.filter-item-btn[data-v-5e0ab2c4]{display:flex;justify-content:center;align-items:center;padding:.4rem 1.6rem;border:none;background-color:#d9d9d9;font-size:1.6rem}.filter-item-btn.min-width[data-v-5e0ab2c4]{min-width:72px}.filter-item-btn.active-option[data-v-5e0ab2c4]{background-color:#bdeeb1}@media (min-width: 1200px){.wrapper[data-v-5e0ab2c4]{margin-bottom:0}}.filters-wrapper[data-v-ad9c429f]{display:none}@media (min-width: 1200px){.filters-wrapper[data-v-ad9c429f]{position:relative;display:flex;flex-direction:column;gap:4.8rem;grid-column:1/2;grid-row:2/3;padding:2.4rem;border-right:1px solid #d8d8d8;overflow-x:auto}.filters-wrapper-unactive-tint[data-v-ad9c429f]{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff6;opacity:0;transition:display .15s,opacity .15s;transition-behavior:allow-discrete}.filters-wrapper-unactive-tint.active[data-v-ad9c429f]{display:block;opacity:1}@starting-style{.filters-wrapper-unactive-tint.active[data-v-ad9c429f]{opacity:0}}}.search-input-wrapper[data-v-316759e0]{display:flex;flex-grow:1;background-color:#f6f6f6;min-width:0;max-width:260px}.search-input[data-v-316759e0]{position:relative;z-index:1;flex-grow:1;padding:.8rem 1.6rem;border:none;border-right:1px solid #ccc;background-color:#f6f6f6;font-size:1.3rem;min-width:0}.search-icon-wrapper[data-v-316759e0]{display:flex;justify-content:center;align-items:center;padding:.8rem;background-color:#f6f6f6}.search-icon-wrapper svg[data-v-316759e0]{width:1.6;height:1.6;fill:#464646}@media (min-width: 640px){.search-input-wrapper[data-v-316759e0]{position:absolute;left:50%;translate:-50%;min-width:260px}}.select-wrapper[data-v-3c867ba9]{background-color:#f6f6f6}.styled-select[data-v-3c867ba9]{padding:.7rem 1.2rem;border:none;background-color:#f6f6f6;font-size:1.3rem}@keyframes spining-c5cdf8c1{0%{rotate:0}to{rotate:360deg}}.loading-animation-wrapper[data-v-c5cdf8c1]{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.spinning-wheel[data-v-c5cdf8c1]{margin-top:8rem;width:40px;animation:spining-c5cdf8c1 .3s infinite linear}@media (min-width: 900px){.spinning-wheel[data-v-c5cdf8c1]{width:48px}}.car-image-wrapper-link[data-v-bdff841b]:not([href]){cursor:default}.car-img[data-v-bdff841b]{width:100%;aspect-ratio:320/220;object-fit:cover}.styled-info-title[data-v-007fe89c]{margin-bottom:.2rem;font-size:1.6rem;font-weight:700}.styled-info-content[data-v-007fe89c]{font-size:1.4rem}.compare-btn[data-v-63a0bbd4]{display:flex;justify-content:center;align-items:center;padding:.4rem .6rem;border:2px solid #555555;background-color:#555;color:#fff;font-size:1.6rem;font-weight:700;transition:background-color .3s,color .3s}.compare-btn[data-v-63a0bbd4]:hover,.compare-btn[data-v-63a0bbd4]:focus-visible{background-color:transparent;color:#555}.compare-btn:hover .compare-btn-bar[data-v-63a0bbd4],.compare-btn:focus-visible .compare-btn-bar[data-v-63a0bbd4]{background-color:#555}.compare-btn-bar[data-v-63a0bbd4]{position:absolute;border-radius:100px;background-color:#fff;transition:background-color .3s,rotate .3s}.compare-btn-bar--vertical[data-v-63a0bbd4]{display:inline-block;width:2px;height:16px;rotate:0}.compare-btn-bar--horizontal[data-v-63a0bbd4]{display:inline-block;width:16px;height:2px;rotate:0}.is-compared .compare-btn-bar--vertical[data-v-63a0bbd4]{rotate:630deg}.is-compared .compare-btn-bar--horizontal[data-v-63a0bbd4]{rotate:360deg}.styled-button[data-v-87f492e1]{padding:.8rem 1.6rem;border:2px solid #555555;background-color:#555;color:#fff;font-size:1.6rem;font-weight:700;transition:background-color .3s,color .3s}.styled-button[data-v-87f492e1]:hover,.styled-button[data-v-87f492e1]:focus-visible{background-color:transparent;color:#555}.wrapper[data-v-ce959fff]{position:relative;display:flex;flex-direction:column;padding:.8rem;border:1px solid #dddddd;background-color:#f1f1f1;color:#3e3e3e;box-shadow:0 0 8px #0000002e;container-type:inline-size}.car-name[data-v-ce959fff]{margin-bottom:.6rem;font-size:1.8rem;font-weight:700;text-align:center}.car-info-wrapper[data-v-ce959fff]{display:flex;flex-direction:column;gap:1.2rem;margin-top:.8rem}.buttons-wrapper[data-v-ce959fff]{position:absolute;bottom:.6rem;right:.6rem;display:grid;grid-template-rows:repeat(2,1fr);gap:.4rem}@container (min-width: 190px){.buttons-wrapper[data-v-ce959fff]{right:.8rem;bottom:.8rem;gap:.6rem}}.delete-button[data-v-ce959fff]{display:flex;justify-content:center;align-items:center;padding:.4rem .6rem;fill:#fff;transition:fill .3s}.delete-button[data-v-ce959fff]:hover,.delete-button[data-v-ce959fff]:focus-visible{fill:#555}@media (min-width: 1600px){.car-name[data-v-ce959fff]{margin-bottom:.8rem}}.modal-overlay[data-v-8b6cc3c4]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#ffffffbf}.modal-overlay.active[data-v-8b6cc3c4]{display:block}.modal-wrapper[data-v-8b6cc3c4]{padding:1.6rem;max-height:100vh;background-color:#fff;box-shadow:0 0 16px #00000080;overflow-y:auto}.close-modal-btn[data-v-8b6cc3c4]{display:inline-block;padding:.4rem .8rem;width:100%;font-size:1.5rem;text-transform:uppercase;font-weight:700}@media (min-width: 640px) and (min-height: 560px){.modal-wrapper[data-v-8b6cc3c4]{position:absolute;top:50%;left:50%;translate:-50% -50%;width:80vw;max-width:560px;box-shadow:0 0 16px #0000004d}}@media (min-width: 1200px){.modal-overlay.active[data-v-8b6cc3c4]{display:none}}.search-wrapper[data-v-cf8ec35a]{display:flex;gap:1.6rem;padding:.8rem;background-color:#d9d9d9}.filters-wrapper[data-v-cf8ec35a]{padding:.8rem .8rem .4rem}.manage-filters-btn[data-v-cf8ec35a],.manage-filters-button[data-v-cf8ec35a]{display:block;padding:.3rem;width:100%}.car-cards-wrapper[data-v-cf8ec35a]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.2rem}.no-cars-info[data-v-cf8ec35a]{grid-column:1/3;margin-top:5.6rem;text-align:center}@media (min-width: 440px){.search-wrapper[data-v-cf8ec35a]{justify-content:space-between}}@media (min-width: 614px){.car-cards-wrapper[data-v-cf8ec35a]{grid-template-columns:repeat(3,1fr)}.no-cars-info[data-v-cf8ec35a]{grid-column:1/4;font-size:1.7rem}}@media (min-width: 640px){.controls-wrapper[data-v-cf8ec35a]{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:.8rem;background-color:#d9d9d9}.search-wrapper[data-v-cf8ec35a],.filters-wrapper[data-v-cf8ec35a]{padding:0}.manage-filters-btn[data-v-cf8ec35a]{padding:.4rem 1.2rem;width:auto;height:100%}}@media (min-width: 900px){.controls-wrapper[data-v-cf8ec35a]{background-color:initial;padding:1.6rem 2.4rem}.car-cards-wrapper[data-v-cf8ec35a]{gap:1.2rem;padding-left:2.4rem;padding-right:2.4rem}}@media (min-width: 1200px){.filters-wrapper[data-v-cf8ec35a]{display:none}}@media (min-width: 1500px){.car-cards-wrapper[data-v-cf8ec35a]{grid-template-columns:repeat(4,1fr);gap:1.6rem}.no-cars-info[data-v-cf8ec35a]{grid-column:1/5;font-size:1.8rem}}@media (min-width: 1600px){.controls-wrapper[data-v-cf8ec35a]{padding:2.4rem 3.2rem}.car-cards-wrapper[data-v-cf8ec35a]{gap:2rem;padding-left:3.2rem;padding-right:3.2rem}}@keyframes slide-in-out-5a054871{0%{transform:translateY(-120%)}10%{transform:translateY(0)}90%{transform:translateY(0)}to{transform:translateY(-120%)}}.success-notification[data-v-5a054871]{position:fixed;top:.8rem;left:50%;translate:-50%;transform:translateY(-120%);padding:1.6rem 2.4rem;border:1px solid #cdcdcd;width:max-content;background-color:#fff;box-shadow:2px 2px 8px #00000038;animation:slide-in-out-5a054871 2s}@media (min-width: 900px){.app-wrapper[data-v-e14ce7b2]{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;height:100vh;height:100svh;overflow:clip}.content-wrapper[data-v-e14ce7b2]{grid-column:1/2;grid-row:2/3;overflow-x:auto}}@media (min-width: 1200px){.app-wrapper[data-v-e14ce7b2]{grid-template-columns:300px 1fr auto}.content-wrapper[data-v-e14ce7b2]{grid-column:2/3}}@media (min-width: 1400px){.app-wrapper[data-v-e14ce7b2]{grid-template-columns:320px 1fr auto}}@media (min-width: 1600px){.app-wrapper[data-v-e14ce7b2]{grid-template-columns:320px 1fr 320px}}.styled-label[data-v-2a806a5f]{margin-left:.6rem;color:#3e3e3e;font-size:1.5rem}.styled-input[data-v-5a121395]{padding:.6rem .8rem;border:none;background-color:#f6f6f6;color:#3e3e3ebf;font-size:1.4rem}.form-field-wrapper[data-v-331cdc8b]{display:flex;flex-direction:column;gap:.4rem}.form-wrapper{display:flex;flex-direction:column;gap:2.4rem;padding:1.6rem;border:1px solid #f1f1f1;box-shadow:-2px 2px 8px #00000021}.margin-top{margin-top:1.6rem}@media (min-width: 900px){.form-wrapper{flex-grow:1;max-width:360px}}.add-car-wrapper[data-v-c396d4f0]{padding:2.4rem}.preview-wrapper[data-v-c396d4f0]{margin-top:5.6rem;margin-left:auto;margin-right:auto;width:50%}.preview-title[data-v-c396d4f0]{margin-bottom:2.4rem;color:#3e3e3e;text-align:center}@media (min-width: 620px){.add-car-wrapper[data-v-c396d4f0]{display:flex;gap:3.2rem}.add-car-wrapper[data-v-c396d4f0]>*{flex-basis:100%}.preview-wrapper[data-v-c396d4f0]{margin-left:0;margin-right:0;width:auto}}@media (min-width: 760px){.preview-wrapper[data-v-c396d4f0]{margin-top:4rem}}@media (min-width: 900px){.add-car-wrapper[data-v-c396d4f0]{justify-content:space-evenly;align-items:center;margin:0 auto;min-height:100%;max-width:960px}.add-car-wrapper[data-v-c396d4f0]>*{flex-basis:initial}.add-car-wrapper .preview-wrapper[data-v-c396d4f0]{flex-grow:1;margin-top:0;max-width:260px}}@media (min-width: 1600px){.preview-wrapper[data-v-c396d4f0]{max-width:290px}}.car-comparison-wrapper[data-v-101b1e73]{padding:1.2rem}.table-wrapper[data-v-101b1e73]{overflow-x:auto}.styled-table[data-v-101b1e73]{margin:0 auto;white-space:nowrap}.styled-table tbody tr:first-child th[data-v-101b1e73]{background-color:transparent}.styled-table th[data-v-101b1e73]{background-color:#00000014}.styled-table td[data-v-101b1e73]:nth-of-type(2n-1){background-color:#00000003}.styled-table td[data-v-101b1e73]:nth-of-type(2n){background-color:#00000008}.styled-table td[data-v-101b1e73],.styled-table th[data-v-101b1e73]{padding:1.2rem 2rem;text-align:center}.styled-table td[data-brand][data-v-101b1e73]{background-size:contain;background-position:center;background-repeat:no-repeat;height:48px;border-top:10px solid transparent;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:0;background-image:url(/compact-cars-vue/assets/img/unknown_brand.png)}.styled-table td[data-brand="Alfa Romeo"][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_alfa-romeo.png)}.styled-table td[data-brand=Audi][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_audi.png)}.styled-table td[data-brand=BMW][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_bmw.png)}.styled-table td[data-brand=Citroen][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_citroen.png)}.styled-table td[data-brand=Daewoo][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_daewoo.png)}.styled-table td[data-brand=Fiat][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_fiat.png)}.styled-table td[data-brand=Ford][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_ford.png)}.styled-table td[data-brand=Honda][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_honda.png)}.styled-table td[data-brand=Lancia][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_lancia.png)}.styled-table td[data-brand=Mazda][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_mazda.png)}.styled-table td[data-brand=Nissan][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_nissan.png)}.styled-table td[data-brand=Opel][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_opel.png)}.styled-table td[data-brand=Peugeot][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_peugeot.png)}.styled-table td[data-brand=Renault][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_renault.png)}.styled-table td[data-brand=Seat][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_seat.png)}.styled-table td[data-brand=Toyota][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_toyota.png)}.styled-table td[data-brand=Volkswagen][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_volkswagen.png)}.styled-paragraph[data-v-101b1e73]{margin-top:7.2rem;font-size:1.8rem;text-align:center}@media (min-width: 440px){.car-comparison-wrapper[data-v-101b1e73]{margin-top:1.6rem}}@media (-webkit-max-device-pixel-ratio: 1){.styled-table[data-brand="Alfa Romeo"][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_alfa-romeo_80p.png)}.styled-table[data-brand=Audi][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_audi_80p.png)}.styled-table[data-brand=BMW][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_bmw_80p.png)}.styled-table[data-brand=Citroen][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_citroen_80p.png)}.styled-table[data-brand=Daewoo][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_daewoo_80p.png)}.styled-table[data-brand=Fiat][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_fiat_80p.png)}.styled-table[data-brand=Ford][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_ford_80p.png)}.styled-table[data-brand=Honda][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_honda_80p.png)}.styled-table[data-brand=Lancia][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_lancia_80p.png)}.styled-table[data-brand=Mazda][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_mazda_80p.png)}.styled-table[data-brand=Nissan][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_nissan_80p.png)}.styled-table[data-brand=Opel][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_opel_80p.png)}.styled-table[data-brand=Peugeot][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_peugeot_80p.png)}.styled-table[data-brand=Renault][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_renault_80p.png)}.styled-table[data-brand=Seat][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_seat_80p.png)}.styled-table[data-brand=Toyota][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_toyota_80p.png)}.styled-table[data-brand=Volkswagen][data-v-101b1e73]{background-image:url(/compact-cars-vue/assets/img/emblems/emblem_volkswagen_80p.png)}}