/* Start:/cars/assets/css/libs/hint.min.css?17580889789747*/ /*! Hint.css - v2.7.0 - 2021-10-01 * https://kushagra.dev/lab/hint/ * Copyright (c) 2021 Kushagra Gour */ [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.hint--no-shadow:after,.hint--no-shadow:before{text-shadow:initial;box-shadow:initial}.hint--no-arrow:before{display:none} /* End */ /* Start:/cars/assets/css/app.css?177805720436298*/ #YappsShowroom { --yawhite: #fff; --yablack: #222; --yalightblack: #1c1c1c; --yadarkgray: #7B8284; --yagray: #EBEBEB; --yalightgray: #F5F5F5; --yalightbluegray: #EAEDF2; --yabluegray: #D6D8DB; --yablue: #1B46AC; --yayellow: #FDBA4D; --yadarkyellow: #FFB234; --yadarkblue: #343C44; --yaradius3: 3px; --yaradius7: 7px; --yaradius8: 8px; --yaradius10: 10px; --yaradius15: 15px; --yaradius25: 25px; --yaradius50: 50px; --yatext: 14px; --yatextplus: 16px; --yatextplusplus: 18px; --yatextminus: 12px; --yatextminusminus: 10px; --yatextminusmplus: 13px; --yaborder2: 2px; color: var(--yalightblack); } #YappsShowroom {font-size: var(--yatext);} #YappsShowroom .text-minus {font-size: var(--yatextminus);} #YappsShowroom .text-minus-minus {font-size: var(--yatextminusminus);} #YappsShowroom .text-plus-plus {font-size: var(--yatextplusplus);} /* color */ #YappsShowroom .c-yawhite {color: var(--yawhite) !important;transition: .2s;} #YappsShowroom .c-yablack {color: var(--yablack) !important;transition: .2s;} #YappsShowroom .c-yalightblack {color: var(--yalightblack) !important;transition: .2s;} #YappsShowroom .c-yadarkgray {color: var(--yadarkgray) !important;transition: .2s;} #YappsShowroom .c-yagray {color: var(--yagray) !important;transition: .2s;} #YappsShowroom .c-yalightgray {color: var(--yalightgray) !important;transition: .2s;} #YappsShowroom .c-yablue {color: var(--yablue) !important;transition: .2s;} #YappsShowroom .c-yayellow {color: var(--yayellow) !important;transition: .2s;} #YappsShowroom .c-yadarkblue {color: var(--yadarkblue) !important;transition: .2s;} /* :hover color */ #YappsShowroom .c-h-yawhite:hover {color: var(--yawhite) !important;transition: .2s;} #YappsShowroom .c-h-yablack:hover {color: var(--yablack) !important;transition: .2s;} #YappsShowroom .c-h-yalightblack:hover {color: var(--yalightblack) !important;transition: .2s;} #YappsShowroom .c-h-yadarkgray:hover {color: var(--yadarkgray) !important;transition: .2s;} #YappsShowroom .c-h-yagray:hover {color: var(--yagray) !important;transition: .2s;} #YappsShowroom .c-h-yalightgray:hover {color: var(--yalightgray) !important;transition: .2s;} #YappsShowroom .c-h-yablue:hover {color: var(--yablue) !important;transition: .2s;} #YappsShowroom .c-h-yayellow:hover {color: var(--yayellow) !important;transition: .2s;} #YappsShowroom .c-h-yadarkblue:hover {color: var(--yadarkblue) !important;transition: .2s;} /* background-color */ #YappsShowroom .bg-yawhite {background-color: var(--yawhite);transition: .2s;} #YappsShowroom .bg-yablack {background-color: var(--yablack);transition: .2s;} #YappsShowroom .bg-yalightblack {background-color: var(--yalightblack);transition: .2s;} #YappsShowroom .bg-yadarkgray {background-color: var(--yadarkgray);transition: .2s;} #YappsShowroom .bg-yagray {background-color: var(--yagray);transition: .2s;} #YappsShowroom .bg-yalightgray {background-color: var(--yalightgray);transition: .2s;} #YappsShowroom .bg-yablue {background-color: var(--yablue);transition: .2s;} #YappsShowroom .bg-yayellow {background-color: var(--yayellow);transition: .2s;} #YappsShowroom .bg-yadarkblue {background-color: var(--yadarkblue);transition: .2s;} #YappsShowroom .bg-yabluegray {background-color: var(--yabluegray);transition: .2s;} #YappsShowroom .bg-yagradient { background: var(--yalightgray); background: linear-gradient(90deg, rgba(225,225,225,1) 0%, rgba(243,245,246,1) 100%); } /* :hover background-color */ #YappsShowroom .bg-h-yawhite:hover {background-color: var(--yawhite);transition: .2s;} #YappsShowroom .bg-h-yablack:hover {background-color: var(--yablack);transition: .2s;} #YappsShowroom .bg-h-yalightblack:hover {background-color: var(--yalightblack);transition: .2s;} #YappsShowroom .bg-h-yadarkgray:hover {background-color: var(--yadarkgray);transition: .2s;} #YappsShowroom .bg-h-yagray:hover {background-color: var(--yagray);transition: .2s;} #YappsShowroom .bg-h-yalightgray:hover {background-color: var(--yalightgray);transition: .2s;} #YappsShowroom .bg-h-yablue:hover {background-color: var(--yablue);transition: .2s;} #YappsShowroom .bg-h-yayellow:hover {background-color: var(--yayellow);transition: .2s;} #YappsShowroom .bg-h-yadarkblue:hover {background-color: var(--yadarkblue);transition: .2s;} #YappsShowroom .bg-h-yabluegray:hover {background-color: var(--yabluegray);transition: .2s;} /* border */ #YappsShowroom .b-yawhite {border: var(--yawhite) 1px solid;transition: .2s;} #YappsShowroom .b-yablack {border: var(--yablack) 1px solid;transition: .2s;} #YappsShowroom .b-yalightblack {border: var(--yalightblack) 1px solid;transition: .2s;} #YappsShowroom .b-yadarkgray {border: var(--yadarkgray) 1px solid;transition: .2s;} #YappsShowroom .b-yagray {border: var(--yagray) 1px solid;transition: .2s;} #YappsShowroom .b-yalightgray {border: var(--yalightgray) 1px solid;transition: .2s;} #YappsShowroom .b-yablue {border: var(--yablue) 1px solid;transition: .2s;} #YappsShowroom .b-yayellow {border: var(--yayellow) 1px solid;transition: .2s;} #YappsShowroom .b-yadarkblue {border: var(--yadarkblue) 1px solid;transition: .2s;} /* border-bottom */ #YappsShowroom .b-b-yalightgray {border-bottom: var(--yalightgray) 1px solid;transition: .2s;} #YappsShowroom .b-b-yayellow {border-bottom: var(--yayellow) 1px solid;transition: .2s;} /* :hover border */ #YappsShowroom .b-h-yawhite:hover {border: var(--yawhite) 1px solid;transition: .2s;} #YappsShowroom .b-h-yablack:hover {border: var(--yablack) 1px solid;transition: .2s;} #YappsShowroom .b-h-yalightblack:hover {border: var(--yalightblack) 1px solid;transition: .2s;} #YappsShowroom .b-h-yadarkgray:hover {border: var(--yadarkgray) 1px solid;transition: .2s;} #YappsShowroom .b-h-yagray:hover {border: var(--yagray) 1px solid;transition: .2s;} #YappsShowroom .b-h-yalightgray:hover {border: var(--yalightgray) 1px solid;transition: .2s;} #YappsShowroom .b-h-yablue:hover {border: var(--yablue) 1px solid;transition: .2s;} #YappsShowroom .b-h-yayellow:hover {border: var(--yayellow) 1px solid;transition: .2s;} #YappsShowroom .b-h-yadarkblue:hover {border: var(--yadarkblue) 1px solid;transition: .2s;} /* border-top */ #YappsShowroom .b-t-yadarkgray {border-top: var(--yadarkgray) 1px solid;transition: .2s;} /* border-right */ #YappsShowroom .b-r-yadarkgray {border-right: var(--yadarkgray) 1px solid;transition: .2s;} /* border-bottom */ #YappsShowroom .b-b-yadarkgray {border-bottom: var(--yadarkgray) 1px solid;transition: .2s;} /* border-left */ #YappsShowroom .b-l-yadarkgray {border-left: var(--yadarkgray) 1px solid;transition: .2s;} #YappsShowroom .b-l-yagray {border-left: var(--yagray) 1px solid;transition: .2s;} /* :hover border-top */ #YappsShowroom .b-t-h-yadarkgray:hover {border-top: var(--yadarkgray) 1px solid;transition: .2s;} /* :hover border-right */ #YappsShowroom .b-r-h-yadarkgray:hover {border-right: var(--yadarkgray) 1px solid;transition: .2s;} /* :hover border-bottom */ #YappsShowroom .b-b-h-yadarkgray:hover {border-bottom: var(--yadarkgray) 1px solid;transition: .2s;} /* :hover border-left */ #YappsShowroom .b-l-h-yadarkgray:hover {border-left: var(--yadarkgray) 1px solid;transition: .2s;} /* border-radius */ #YappsShowroom .b-radius-yaradius-3 {border-radius: var(--yaradius3);} #YappsShowroom .b-radius-yaradius-7 {border-radius: var(--yaradius7);} #YappsShowroom .b-radius-yaradius-8 {border-radius: var(--yaradius8);} #YappsShowroom .b-radius-yaradius-10 {border-radius: var(--yaradius10);} #YappsShowroom .b-radius-yaradius-15 {border-radius: var(--yaradius15);} #YappsShowroom .b-radius-yaradius-25 {border-radius: var(--yaradius25);} #YappsShowroom .b-radius-yaradius-50 {border-radius: var(--yaradius50);} /* border-radius-circle */ #YappsShowroom .b-radius-c-yaradius {border-radius: 50%;} #YappsShowroom .b-border-2 {border-width: var(--yaborder2);} #YappsShowroom .rotate-180 {rotate: 180deg;} #YappsShowroom .transition-none {transition: none !important;} #YappsShowroom .cursor-pointer {cursor: pointer;} #YappsShowroom .sticky-top { position: -webkit-sticky; position: sticky; top: 1rem; z-index: 1; } #YappsShowroom .but { padding: 8px; height: 45px; } #YappsShowroom h1, #YappsShowroom .h1 {font-size: 38px; line-height: normal;} #YappsShowroom h2, #YappsShowroom .h2 {} #YappsShowroom h3, #YappsShowroom .h3 {font-size: 24px; line-height: normal;} #YappsShowroom h4, #YappsShowroom .h4 {font-size: 20px; line-height: normal;} #YappsShowroom .blue-cover { height: 210px; z-index: -1; top:0; } #YappsShowroom .blue-cover.active { height: 360px; } #YappsShowroom .top-container { border-radius: 0 0 var(--yaradius24) var(--yaradius24); } #YappsShowroom .middle-container { border-radius: var(--yaradius24); } #YappsShowroom .bottom-container { border-radius: var(--yaradius24) var(--yaradius24) 0 0; } #YappsShowroom .filter-button { padding: 10.5px; height: 54px; } #YappsShowroom .form-dropdown { height: 54px; border-radius: var(--yaradius16); color: var(--yablack); padding: 16px; background: var(--yalightbluegray) url(/local/templates/yugavto.theme.2025/assets/images/svg/icon-form-dropdown-down.svg) calc(100% - 16px) 50% no-repeat; font-size: 15px; } #YappsShowroom .form-dropdown:hover { color: var(--yadarkgray); background-image: url(/local/templates/yugavto.theme.2025/assets/images/svg/icon-form-dropdown-down-a.svg); } #YappsShowroom .form-dropdown.form-dropdown-opened { color: var(--yadarkgray); background-color: var(--yalightgray); background-image: url(/local/templates/yugavto.theme.2025/assets/images/svg/icon-form-dropdown-cross.svg); border-radius: var(--yaradius16) var(--yaradius16) 0 0; } #YappsShowroom .form-droplist-item { color: var(--yablack); background: url(/local/templates/yugavto.theme.2025/assets/images/svg/icon-form-dropdown-item.svg) left center no-repeat; } #YappsShowroom .form-droplist-item:hover { color: var(--yadarkgray); } #YappsShowroom .form-droplist-item.selected { background: url(/local/templates/yugavto.theme.2025/assets/images/svg/icon-form-dropdown-item-selected.svg) left center no-repeat; color: var(--yadarkgray); } #YappsShowroom .form-droplist { max-height: 280px; border-radius: 0 0 var(--yaradius16) var(--yaradius16); background-color: var(--yalightgray); z-index: 5; font-size: 15px; } #YappsShowroom .form-droplist .form-droplist-container { max-height: 250px; overflow-y: auto; } #YappsShowroom .form-droplist .form-droplist-container::-webkit-scrollbar { width: 10px; background-color: var(--yawhite); } #YappsShowroom .form-droplist .form-droplist-container::-webkit-scrollbar-thumb { background-color: var(--yadarkgray); border-radius: 5px; } #YappsShowroom .range-row { padding: 11px 15.5px 3px; border-radius: 16px; height: 54px; } #YappsShowroom .range-row .range-title-from { top: 5px; left: 15px; font-size: 12px; } #YappsShowroom .range-row .range-title-to { top: 5px; left: calc(50% + 10px); font-size: 12px; } #YappsShowroom .range-row .range-title-param { top: 5px; right: 15.5px; font-size: 12px; } #YappsShowroom .range-row input { border: none; background-color: unset; outline: none; width: 48.9%; margin-top: 10px; font-size: 15px; } #YappsShowroom .range-slider { height: 5px; position: relative; background-color: var(--yadarkgray); border-radius: 2.5px; width: 90%; left: 5%; top: -5px; } #YappsShowroom .range-selected { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 1.5px; background-color: var(--yayellow); } #YappsShowroom .range-input { position: relative; } #YappsShowroom .range-input input { position: absolute; width: 100%; height: 5px; top: -10px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; width: 90%; left: 5%; cursor: pointer; } #YappsShowroom .range-input input::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; background-color: #fff; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.4); } #YappsShowroom .range-input input::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; background-color: #fff; pointer-events: auto; -moz-appearance: none; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.4); } #YappsShowroom .brands-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(225px,1fr)); gap: 5px 20px; margin-bottom: 2rem; align-items: start; } #YappsShowroom .brands-list-item .h2-to-div { font-size: 14px; font-weight: 400; line-height: 21px; margin: 0; display: flex; } #YappsShowroom .brands-list-item a { width: 94%; margin-left: 3%; } #YappsShowroom .brands-list-item:hover a { font-weight: 500 !important; } #YappsShowroom .brands-list-item:hover .brands-list-item-count { background-color: var(--yayellow) !important; color: var(--yawhite) !important; } #YappsShowroom .brands-list-item-count { min-width: 30px; text-align: right; } #YappsShowroom .tags-list-item img { width: 9px; height: 9px; } #YappsShowroom .sorting .check { width: 20px; height: 20px; } #YappsShowroom .vehicle-card { overflow: hidden; width: 100%; } .vehicle-card-images { border-radius: var(--yaradius16); overflow: hidden; } #YappsShowroom .vehicle-card-images, #YappsShowroom .vehicle-card-images a { height: auto; cursor: ew-resize; } #YappsShowroom .vehicle-card-images a .vehicle-card-images-item-container { position: relative; } #YappsShowroom .vehicle-card-images a .vehicle-card-images-item-container-image::after { display: block; content: ''; padding-bottom: 78.865%; background-size: cover; background-position: center center; } #YappsShowroom .vehicle-card-discount-row { top: 0; width: calc(100% - 32px); z-index: 10; } #YappsShowroom .vehicle-card-discount-item { padding: 6px; cursor: pointer !important; } #YappsShowroom .vehicle-card-images-row { bottom: 0; width: calc(100% - 32px); } #YappsShowroom .vehicle-card-images-row-item { width: 52px; height: 6px; border-radius: 3px; opacity: .6; background-color: var(--yawhite); cursor: pointer; } #YappsShowroom .vehicle-card-images-row-item.active { background-color: var(--yayellow); } #YappsShowroom .vehicle-card-content-title { min-height: 40px; line-height: 1; } #YappsShowroom .vehicle-card-futures { height: 35px; } #YappsShowroom .vehicle-card-futures img { width: 35px; height: 35px; display: inline-block; } #YappsShowroom .vehicle-card-specification { min-height: 45px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #YappsShowroom .vehicle-card-specification-item { position: relative; } #YappsShowroom .vehicle-card-specification-item img { width: 4px !important; height: 4px !important; display: inline-block !important; margin-bottom: 3px; } /* #YappsShowroom .vehicle-card-specification-item::after { content: ''; width: 4px; height: 4px; background-color: var(--yayellow); border-radius: 50%; position: absolute; right: -2px; top: calc(50% - 2px); } */ #YappsShowroom .vehicle-card-specification-item:last-child:after { content: unset; } #YappsShowroom .vehicle-card-button, #YappsShowroom .vehicles-more-button { padding: 9.5px; } #YappsShowroom .vehicle-card { overflow: hidden; font-size: 14px; padding: 8px 8px 0 8px; border-radius: var(--yaradius16) var(--yaradius16) var(--yaradius16) 0; } #YappsShowroom #YappsShowroom .vehicle-card-images { border-radius: var(--yaradius16); overflow: hidden; } .vehicle-card-button { padding: 9.5px; } #YappsShowroom .vehicle-card-futures { height: 35px; } #YappsShowroom .vehicle-card-discount-item { border-radius: 7px; } #YappsShowroom .vehicle-card-price .price {font-size: 24px;} @keyframes vehicle-icon-animation-hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vehicle-icon-animation-show { 0% { opacity: 0; } 100% { opacity: 1; } } #YappsShowroom .cta-card { height: calc(100% - 16px); } #YappsShowroom .cta-card-img { margin-bottom: -80px; z-index: 1; } #YappsShowroom .cta-card-img img { width: 95%; } #YappsShowroom .cta-card-button { padding: 9.5px; bottom: 17px; width: calc(100% - 48px); } #YappsShowroom .vehicle-title { position: sticky; top: 0; z-index: 2; } #YappsShowroom .vehicle-title .vehicle-title-price { margin-top: 16px; } #YappsShowroom .vehicle-title-button { /* padding: 17.5px; */ padding: 16px; } #YappsShowroom .vehicle-title-button.without-discount { padding: 16px; } #YappsShowroom .vehicle-title li::after { content: ''; width: 4px; height: 4px; background-color: var(--yayellow); border-radius: 50%; position: absolute; right: -12px; top: calc(50% - 2px); } #YappsShowroom .vehicle-title li:last-child:after { content: unset; } #YappsShowroom .vehicle { /* display: grid; grid-template-columns: 634px 1fr; grid-gap: 24px; position: relative; */ } #YappsShowroom .vehicle-full-image { cursor: all-scroll; } #YappsShowroom .vehicle .vehicle-discounts-disclamer { display: none; } #YappsShowroom .vehicle .vehicle-discounts:hover .vehicle-discounts-disclamer { display: block; } #YappsShowroom .vehicle .check { width: 20px; height: 20px; } #YappsShowroom .vehicle .vehicle-tabs-title-item { cursor: pointer; } #YappsShowroom .vehicle-futures img { width: 55px; height: 55px; } #YappsShowroom .vehicle-button { padding: 12.5px; } #YappsShowroom .vehicle .vehicle-tabs .vehicle-tabs-item { font-size: 15px; text-align: center; width: 25%; height: 54px; background-color: #D6D8DB; border-radius: var(--yaradius16) var(--yaradius16) 0 0; } #YappsShowroom .vehicle .vehicle-tabs .vehicle-tabs-item.active { background-color: var(--yawhite); } #YappsShowroom .vehicle .vehicle-tabs .vehicle-tabs-item:hover { background-color: var(--yalightgray); } #YappsShowroom .vehicle .vehicle-tabs-content { border-radius: 0 0 var(--yaradius16) var(--yaradius16); } #YappsShowroom .vehicle-tabs-content.active { display: flex !important; } #YappsShowroom .vehicle-tabs-content-accordeon-title { cursor: pointer; } #YappsShowroom .toggle-vehicle-options { cursor: pointer; } #YappsShowroom ul.vehicle-options { max-height: 350px; overflow-y: auto; display: none; } #YappsShowroom .ymaps-2-1-79-map {border-radius: var(--yaradius16);} #YappsShowroom .ymaps-2-1-79-inner-panes {border-radius: var(--yaradius16);} #YappsShowroom .vehicle-swiper-buttons-row { top: 15px; right: 15px; z-index: 10; } #YappsShowroom .vehicle-swiper-buttons-row-item { width: 38px; height: 38px; } #YappsShowroom .dealership .dealership-image { background-size: cover; background-position: center; } #YappsShowroom .range-slider { height: 3px; position: relative; background-color: var(--yagray); border-radius: 1.5px; width: 90%; left: 5%; top: -3px; } #YappsShowroom .range-selected { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 1.5px; background-color: var(--yayellow); } #YappsShowroom .range-input { position: relative; } #YappsShowroom .range-input input { position: absolute; width: 100%; height: 5px; top: -7px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; width: 90%; left: 5%; cursor: pointer; } #YappsShowroom .range-input input::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; background-color: #fff; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.4); } #YappsShowroom .range-input input::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; background-color: #fff; pointer-events: auto; -moz-appearance: none; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.4); } #YappsShowroom .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } #YappsShowroom .swiper-slide { text-align: left; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; } #YappsShowroom .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } #YappsShowroom .vehicle-swiper { height: 80%; width: 100%; z-index: auto; } #YappsShowroom .vehicle-swiper-thumbs { height: 20%; box-sizing: border-box; padding: 0; } #YappsShowroom .vehicle-swiper-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } #YappsShowroom .vehicle-swiper-thumbs .swiper-slide-thumb-active { opacity: 1; } #YappsShowroom .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } #YappsShowroom .vehicle-swiper .vehicle-swiper-next, #YappsShowroom .vehicle-swiper .vehicle-swiper-prev { width: 32px; height: 32px; top: calc(50% - 16px); z-index: 10; cursor: pointer; } #YappsShowroom .vehicle-swiper .vehicle-swiper-next img, #YappsShowroom .vehicle-swiper .vehicle-swiper-prev img { width: 9px; height: 15px; } #YappsShowroom .vehicle-swiper .vehicle-swiper-next { right: 12px; } #YappsShowroom .vehicle-swiper .vehicle-swiper-prev { left: 12px; } #YappsShowroom .vehicle-swiper-thumds-photo { position: absolute; top: 0; right: 0; width: 151.5px; height: 105px; background-color: rgba(0,0,0,.5); } /* recomended #YappsShowroom .vehicle-recomended-swiper .swiper-slide { text-align: left; } #YappsShowroom .vehicle-recomended-swiper .swiper-slide .vehicle-card-futures img { width: 35px; height: 35px; display: inline-block; } #YappsShowroom .vehicle-recomended-swiper .swiper-slide .vehicle-card-discount-item img { width: auto; height: auto; display: inline-block; } #YappsShowroom .vehicle-recomended-swiper-next, #YappsShowroom .vehicle-recomended-swiper-prev { width: 26px; height: 26px; top: calc(50% - 13px); z-index: 10; cursor: pointer; } #YappsShowroom .vehicle-recomended-swiper-next img, #YappsShowroom .vehicle-recomended-swiper-prev img { width: 9px; height: 15px; } #YappsShowroom .vehicle-recomended-swiper-next { right: -30px; } #YappsShowroom .vehicle-recomended-swiper-prev { left: -30px; } */ /* others */ #YappsShowroom .vehicle-others-swiper .swiper-slide { text-align: left; } #YappsShowroom .vehicle-others-swiper .swiper-slide .vehicle-card-futures img { width: 35px; height: 35px; display: inline-block; } #YappsShowroom .vehicle-others-swiper .swiper-slide .vehicle-card-discount-item img { width: auto; height: auto; display: inline-block; } #YappsShowroom .vehicle-others-swiper-next, #YappsShowroom .vehicle-others-swiper-prev { width: 26px; height: 26px; top: calc(50% - 13px); z-index: 10; cursor: pointer; } #YappsShowroom .vehicle-others-swiper-next img, #YappsShowroom .vehicle-others-swiper-prev img { width: 9px; height: 15px; } #YappsShowroom .vehicle-others-swiper-next { right: -30px; } #YappsShowroom .vehicle-others-swiper-prev { left: -30px; } #YappsShowroom .compare-head { min-height: 226px; } #YappsShowroom .add { font-size: 50px; font-weight: 100; } #YappsShowroom .compare-body-title { cursor: pointer; } #YappsShowroom .compare-nav { width: 40px; height: 40px; } #YappsShowroom .compare-nav-mobile { position: absolute; top: calc(50% - 8px); } #YappsShowroom .compare-nav-mobile.compare-nav-prev { left: -30px; z-index: 1; } #YappsShowroom .compare-nav-mobile.compare-nav-next { right: -30px; z-index: 1; } #YappsShowroom .compare-nav-wrap { background-color: rgba(0,0,0,.2); width: 36px; height: 36px; } @media (max-width: 1199.98px) { #YappsShowroom .compare-nav-mobile.compare-nav-next { right: -5px; } #YappsShowroom .compare-nav-mobile.compare-nav-prev { left: -5px; } #YappsShowroom .compare-head { min-height: 235px; } } @media (max-width: 991.98px) { #YappsShowroom .compare-nav-mobile.compare-nav-next { right: -5px; } #YappsShowroom .compare-nav-mobile.compare-nav-prev { left: -5px; } #YappsShowroom .compare-head { min-height: 205px; } } @media (max-width: 767.98px) { #YappsShowroom .compare-nav-mobile.compare-nav-next { right: 0px; } #YappsShowroom .compare-nav-mobile.compare-nav-prev { left: 0px; } #YappsShowroom .compare-nav { background-color: unset; width: unset; height: unset; } } @media (max-width: 575.98px) { #YappsShowroom .compare-nav-mobile.compare-nav-next { right: 5px; } #YappsShowroom .compare-nav-mobile.compare-nav-prev { left: 5px; } } @media (max-width: 1399.98px) { } @media (max-width: 1199.98px) { } @media (max-width: 991.98px) { #YappsShowroom .vehicle-recomended-swiper-next { right: -15px; } #YappsShowroom .vehicle-recomended-swiper-prev { left: -15px; } #YappsShowroom .vehicle-others-swiper-next { right: -15px; } #YappsShowroom .vehicle-others-swiper-prev { left: -15px; } } @media (max-width: 767.98px) { #YappsShowroom .vehicle-title{ position: unset; } /* recomended */ #YappsShowroom .vehicle-recomended-swiper-next { right: 0; } #YappsShowroom .vehicle-recomended-swiper-prev { left: 0; } /* others*/ #YappsShowroom .vehicle-others-swiper-next { right: 0; } #YappsShowroom .vehicle-others-swiper-prev { left: 0; } } @media (max-width: 575.98px) { #YappsShowroom .compare-head { min-height: 150px; } } #YappsShowroom .form-control, #YappsShowroom .form-select, #YappsShowroom .yappsshowroom .form-control, #YappsShowroom .yappsshowroom .form-select { height: 50px; } #YappsShowroom .form-button, #YappsShowroom .yappsshowroom .form-button { padding: 14.5px; } #YappsShowroom .blue-form-cover { height: 185px; z-index: -1; bottom: 0; } #YappsShowroom .form-check-input:checked, #YappsShowroom .yappsshowroom .form-check-input:checked { background-color: var(--yayellow); border-color: var(--yayellow); cursor: pointer; } #YappsShowroom .form-img { right: -60px; bottom: -15px; } .city-list[data-v-d2a61826] { z-index: 1200 !important; } @media (max-width: 991.98px) { } @media (max-width: 767.98px) { #YAppsShowroom .top-container.sm-not-radius { border-radius: unset; } #YappsShowroom .form-img { right: -10px; bottom: -15px; width: 210px; } #YappsShowroom .dealership .dealership-image { height: 250px !important; } #YappsShowroom .blue-cover { height: 250px; z-index: -1; top:0; } } @media (max-width: 1199.98px) { } #YappsShowroom .cover { z-index: 5000; opacity: .5; top: 0; cursor: wait; } #YappsShowroom .ya-share2 { display: inline-block; position: absolute; right: 84px; } #YappsShowroom .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short { background: none; } #YappsShowroom .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom { width: 180px; } #YappsShowroom .ya-share2__container_mobile.ya-share2__container_size_m .ya-share2__icon { height: 24px; width: 24px; } #YappsShowroom .ya-share2__container.ya-share2__container_color-scheme_whiteblack .ya-share2__popup-body .ya-share2__mobile-popup-badge { display: flex; align-content: center; flex-wrap: wrap; justify-content: center; } #YappsShowroom .ya-share2__popup.ya-share2__popup_mobile.ya-share2__popup_visible .ya-share2__popup-content { height: 60%; } #YappsShowroom .ya-share2__popup-content .ya-share2__popup-body { height: 100%; } #YappsShowroom .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more { background-image: url(/cars/assets/css/./../images/svg/icon-vehicle-share.svg); background-size: 24px; } .YappsShowroom-forms-modal-cover { z-index: 20; background-color: rgba(0,0,0,.3); transition: .3s; display: none; } #YappsShowroom .forms-modal-cover.active { transition: .3s; display: block; } #YappsShowroom .forms-modal { width: 540px; z-index: 16000; left: -540px; transition: .3s; overflow-y: auto; } #YappsShowroom .forms-modal.active { left: 0; transition: .3s; z-index: 17000; } #YappsShowroom .forms-modal img.arrow { width: 7px; height: auto; } #YappsShowroom .forms-modal::-webkit-scrollbar { width: 5px; background-color: var(--yalightgray); } #YappsShowroom .forms-modal::-webkit-scrollbar-thumb { background-color: var(--yadarkgray); border-radius: 2.5px; } @media (max-width: 1399.98px) {} @media (max-width: 1199.98px) {} @media (max-width: 991.98px) {} @media (max-width: 767.98px) { } @media (max-width: 575.98px) { #YappsShowroom .forms-modal { width: 100vw; left: calc(0px - 100vw); } } /* 2025 */ #YappsShowroom .filter-droplist { left: 0; top: 42px; max-height: 360px; z-index: 15; text-align: left; } #YappsShowroom .filter-droplist::before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0 14px 12px 14px; border-color: transparent transparent var(--yagray) transparent; transform: rotate(0deg); position: absolute; top: -12px; left: calc(50% - 14px); } #YappsShowroom .filter-droplist::after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0 13px 11px 13px; border-color: transparent transparent var(--yawhite) transparent; transform: rotate(0deg); position: absolute; top: -11px; left: calc(50% - 13px); } #YappsShowroom .sorting .icon-wrap { width: 33px; height: 33px; } .vehicle-card-discount-status { height: 60px; } #YappsShowroom .vehicle .vehicle-tabs-title-item { cursor: pointer; font-size: 18px; } #YappsShowroom .vehicle .sepcifications li:nth-child(odd) { background-color: var(--yalightgray); } #YappsShowroom .vehicle-card-footer { border-radius: 0 0 0 var(--yaradius16); overflow: hidden; } #YappsShowroom .vehicle-card-footer-left {width: calc(100% - 92px);} #YappsShowroom .vehicle-card-footer-right {width: 92px;} #YappsShowroom .vehicle-card-footer-left-content { border-radius: 0 0 var(--yaradius16) 0; padding: 0 8px 10px 8px; } #YappsShowroom .vehicle-card-footer-right-content { border-radius: var(--yaradius16) 0 0 0; } #YappsShowroom .vehicle-card-button { font-size: 13px; padding: 10px 19px; } #YappsShowroom .vehicle-card-discount-item { cursor: pointer !important; width: 38px; height: 38px; } #YappsShowroom .vehicle-card-discount-item img { top: calc(50% - 9px); left: calc(50% - 9px); width: 18px; height: 18px; } /* start */ #YappsShowroom .vehicle-card-discount-item img:nth-child(1) { opacity: 1; animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards; display: block; } #YappsShowroom .vehicle-card-discount-item img:nth-child(2) { opacity: 0; animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards; display: none; } /* hover */ @media (hover: hover) and (pointer: fine) { #YappsShowroom .vehicle-card-discount-item:hover img:nth-child(1) { opacity: 0; animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards; display: none; } #YappsShowroom .vehicle-card-discount-item:hover img:nth-child(2) { opacity: 1; animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards; display: block; } } /* active */ #YappsShowroom .vehicle-card-discount-item.active img:nth-child(1) { opacity: 0; animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards; display: none; } #YappsShowroom .vehicle-card-discount-item.active img:nth-child(2) { opacity: 1; animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards; display: block; } .vehicle-recomended-swiper-prev, .vehicle-recomended-swiper-next { position: absolute; top: calc(50% - 8px); } .vehicle-recomended-swiper-prev { left: -30px; z-index: 1; } .vehicle-recomended-swiper-next { right: -30px; z-index: 1; } .vehicle-recomended-swiper-wrap { background-color: rgba(0,0,0,.2); width: 36px; height: 36px; } .dealership-wrap { border-radius: var(--yaradius16) var(--yaradius16) 0 var(--yaradius16); } .dealership-wrap .image { background-size: cover; background-position: center; background-repeat: no-repeat; } .dealership-wrap .dealership-content span { width: 24px; height: 24px; } .dealership-wrap .dealerships-button { height: 43px; width: calc(100% - 80px); } .dealerships-on-main-view-info-button {height: 32px;} .dealership-footer-button-wrap .top { border-radius: 0 0 var(--yaradius16) 0; width: 100%; height: 16px; } .dealership-footer-button-wrap .left .left-wrap { border-radius: 0 0 var(--yaradius16) 0; width: 16px; height: 64px; } .dealership-footer-button-wrap .right .right-wrap { border-radius: var(--yaradius16) 0 0 0; padding-top: 1px; } .dealership-footer-button { width: 51px; height: 51px; margin: 12px 12px 0 12px; } .dealership-footer-button-wrap img:nth-child(1) { opacity: 1; animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards;; } .dealership-footer-button-wrap img:nth-child(2) { opacity: 0; animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards;; } .dealership-footer-button-wrap:hover img:nth-child(1) { opacity: 1; animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards;; } .dealership-footer-button-wrap:hover img:nth-child(2) { opacity: 0; animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards;; } .dealership-card-rating {padding-left: 0; height: 50px;} #YappsShowroom .fav-com-icon { width: 33px; height: 33px; } #YappsShowroom .no-fav-com { height: 270px; } .compare-nav { background-color: rgba(0, 0, 0, .2); width: 36px; height: 36px; } #YappsShowroom .vehicle-card-footer-compare .vehicle-card-footer-left {width: calc(100% - 46px);} #YappsShowroom .vehicle-card-footer-compare .vehicle-card-footer-right {width: 46px;} @media (max-width: 1399.98px) { #YappsShowroom .vehicle-discounts-item-value { font-size: var(--yatextminusmplus); } #YappsShowroom .discount-price { font-size: var(--yatextminusmplus); } } @media (max-width: 1199.98px) { #YappsShowroom .vehicle-discounts-item-value { font-size: var(--yatext); } #YappsShowroom .discount-price { font-size: var(--yatext); } } @media (max-width: 991.98px) {} @media (max-width: 767.98px) { #YappsShowroom .top-container.sm-not-radius { border-radius: unset; } #YappsShowroom .h1, #YappsShowroom h1 {font-size: 24px;} #YappsShowroom .h3 {font-size: 16px;} #YappsShowroom .vehicle-map {height: 280px !important;} #YappsShowroom .no-fav-com {height: auto;} } @media (max-width: 575.98px) { } /* End */ /* /cars/assets/css/libs/hint.min.css?17580889789747 */ /* /cars/assets/css/app.css?177805720436298 */