/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/containers/MainContent/MainContent.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.MainContent__content___bPpFC {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  min-height: calc(100vh - 569px);
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .MainContent__content___bPpFC {
    min-height: 100%;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/hoc/WithRoundedBorder/WithRoundedBorder.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (min-width: 576px) {
  [class*="detailedInfo"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="sliderWrap"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="VehicleDetailedSlide"] [class*="container"] {
    border-radius: 10px;
  }
}
@media all and (min-width: 576px) {
  [class*="AccardionSection__accordionWrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="AccardionSection__accordionWrapper"] [class*="AccordionWidget__accordion"] {
    border-radius: 10px;
  }
}
[class*="AccardionSection__accordionWrapper"] [class*="accordionVehicleProp"] {
  border-radius: 0px;
}
@media all and (min-width: 576px) {
  [class*="InfoBlockWrapper__container"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="OfferDetailedSection"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="ContactForm__container"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="CustomerQuotes__container"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
[class*="CustomerQuotes__container"] [class*="slick-slider"] {
  padding: 12px 32px;
}
@media all and (min-width: 576px) {
  [class*="ResultsContainer__results"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="breadcrumbsWrap"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="FiltersContainer__filters"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="AdvantagesBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="AdvantagesBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="AppBlock__LinksBlock"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="AppBlock__LinksBlock"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="PaymentAccountCreateBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="PaymentAccountCreateBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="PaymentMethodDescriptionBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="PaymentMethodDescriptionBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="ImprintBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="ImprintBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="FieldDescriptionBlock__row"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="FieldDescriptionBlock__row"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="TermCondBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="TermCondBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (min-width: 576px) {
  [class*="EmailPermissionBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}
@media all and (max-width: 991.98px) {
  [class*="EmailPermissionBlock__wrapper"] {
    border-radius: 10px !important;
    border: 1px solid rgba(76,78,100,0.12) !important;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/footer/FooterTop/FooterTop.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterTop__footerTop___UFtWn {
  padding: 20px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.FooterTop__container___AZ39K {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.FooterTop__notes___FUjit {
  padding: 10px 0;
  border-top: 1px solid #d7d7d7;
  box-sizing: border-box;
  text-align: justify;
}
.FooterTop__notesText___AnJUM {
  font-size: 10px;
  color: rgba(51,51,51,0.5);
}
.FooterTop__goTop___hCzTK {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  font-size: 12px;
}
.FooterTop__text___TeUup {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  color: rgba(51,51,51,0.5);
}
.FooterTop__buttonUp___XE95C {
  color: #005ccb;
  cursor: pointer;
  position: relative;
  margin-left: 20px;
}
.FooterTop__buttonUp___XE95C::after {
  content: "";
  background-image: url(/assets/arrow-up.712f7e97e1f086f2f029.png);
  height: 9px;
  width: 13px;
  position: absolute;
  transform: rotate(90deg);
  left: -15px;
  top: 1px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/ExpansionPanel/ExpansionPanel.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.ExpansionPanel__ExpansionPanel___o0XOX {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
}
.ExpansionPanel__header___IUFMn {
  padding: 15px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
}
.ExpansionPanel__subTitle___SnziJ {
  font-weight: normal;
}
.ExpansionPanel__icon___oqWL4 {
  transform: rotateZ(0deg);
  fill: #005ccb;
  width: 15px;
  transition: all 300ms ease-out;
}
.ExpansionPanel__iconExpanded___VDj4O {
  transform: rotateZ(180deg);
}
.ExpansionPanel__body___e5Wqe {
  max-height: 0;
  opacity: 0;
}
.ExpansionPanel__bodyExpanded___Iv0Q7 {
  max-height: 10000px;
  transition: max-height 350ms ease-in, opacity 350ms ease-in;
  opacity: 1;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/footer/FooterLinks/FooterLinks.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterLinks__footerLinks___hD5TV {
  padding: 20px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
@media all and (max-width: 575.98px) {
  .FooterLinks__footerLinks___hD5TV {
    padding-top: 0;
  }
}
.FooterLinks__container___XD0lA {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .FooterLinks__container___XD0lA {
    padding: 0;
  }
}
.FooterLinks__title___eC171 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  color: rgba(51,51,51,0.7);
  margin: 5px 0;
}
.FooterLinks__borderTopTitle___p0zHm {
}
@media all and (max-width: 575.98px) {
  .FooterLinks__borderTopTitle___p0zHm {
    border-top: 1px solid #d7d7d7;
    padding-top: 10px;
  }
}
.FooterLinks__links___kH8wJ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 5px;
  border-top: 1px solid #d7d7d7;
}
@media all and (max-width: 575.98px) {
  .FooterLinks__links___kH8wJ {
    border-top: none;
  }
}
.FooterLinks__linksMobile___JOUdZ {
  padding-left: 0;
}
@media all and (max-width: 575.98px) {
  .FooterLinks__linksMobile___JOUdZ {
    padding-left: 13px;
    border: none !important;
  }
}
.FooterLinks__link___zcc0D,
.FooterLinks__link___zcc0D:hover,
.FooterLinks__link___zcc0D:visited,
.FooterLinks__link___zcc0D:active {
  text-decoration: none;
  color: rgba(51,51,51,0.7);
  text-align: left;
  font-size: 12px;
}
.FooterLinks__link___zcc0D {
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.FooterLinks__link___zcc0D svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 10px;
}
.FooterLinks__socialIcons___InN5_ {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  max-width: 80px;
}
.FooterLinks__iconContainer___Lji_R {
  border: 1px solid #999;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  transition: border 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.FooterLinks__iconContainer___Lji_R svg {
  width: 0.75rem;
}
.FooterLinks__iconContainer___Lji_R:hover {
  border: 1px solid #666;
}
.FooterLinks__icon___LWiG5 {
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s ease;
  display: block;
  width: auto;
  height: -webkit-fill-available;
}
.FooterLinks__icon___LWiG5 path {
  fill: #999;
}
.FooterLinks__icon___LWiG5:hover path {
  fill: #666;
}
.FooterLinks__expHeaderClassName___h1pBZ {
  min-height: 30px !important;
  padding: 0px !important;
}
.FooterLinks__expHeaderClassName___h1pBZ > [class*='MuiAccordionSummary-content'] {
  margin: 0 !important;
}
.FooterLinks__expBodyClassName___kOm5b {
  box-shadow: none !important;
  background-color: #f8f8f8 !important;
}
.FooterLinks__expArrowClassName___sPoiL {
  fill: rgba(51,51,51,0.4) !important;
  width: 12px;
  margin-top: 2px;
  margin-right: 0 !important;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/footer/FooterCopyright/FooterCopyright.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterCopyright__copyright___squPM {
  padding: 0 16px;
  box-sizing: border-box;
  height: 20px;
  text-align: center;
  margin-top: auto;
  position: relative;
  background-color: #f2f2f2;
}
@media all and (min-width: 992px) {
  .FooterCopyright__copyright___squPM {
    position: static;
  }
}
.FooterCopyright__text___bwQph {
  font-size: 7px;
  display: flex;
  height: inherit;
  align-items: center;
  color: rgba(117,117,117,0.63);
  position: relative;
}
.FooterCopyright__checkoutText___r9J6N {
  font-size: 7px;
  display: flex;
  justify-content: space-around;
}
@media all and (min-width: 992px) {
  .FooterCopyright__checkoutText___r9J6N {
    font-size: 9px;
    justify-content: flex-start;
  }
  .FooterCopyright__checkoutText___r9J6N a {
    display: inline-flex;
    margin-right: 50px;
  }
  .FooterCopyright__checkoutText___r9J6N a:last-of-type {
    margin-right: 18vw;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/footer/Footer.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.Footer__footer___EvMdg {
  position: relative;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/SearchButton/SearchButton.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchButton__searchButton___RUQaS {
  height: 24px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/MobilePhone/MobilePhone.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.MobilePhone__MobilePhone___SyWfk {
  display: block;
}
.MobilePhone__phoneIcon___WZFyG {
  display: block;
  height: 22px;
  width: 22px;
  fill: #525252;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/MobileHeader/MobileHeader.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MobileHeader__logo___dyJbz {
  display: block;
  width: 120px;
  min-width: 90px;
  height: 40px;
  background-image: url(/assets/logo-checkout.9d21bf7ce5fb14523627.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 100%;
  background-position: center;
  margin-left: 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .MobileHeader__logo___dyJbz {
    width: 90px;
  }
}
.MobileHeader__flexWrapper___PwDjH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 17px;
}
.MobileHeader__userIcon___SjQ32 {
  display: block;
}
.MobileHeader__menuIcon___zidnZ {
  width: 18px;
  height: 13px;
  display: block;
}
.MobileHeader__profileName___YAasZ {
  font-size: 14px;
  color: rgba(76,78,100,0.871);
  font-weight: bold;
  text-align: center;
}
.MobileHeader__authButton___loXgb {
  width: 100%;
  height: 38px;
  margin: 10px 0 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.MobileHeader__authButton___loXgb a {
  display: block;
}
.MobileHeader__registerButtonElement___p7ZW2 {
  text-decoration: underline;
  color: #005ccb;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/WithPopover/WithPopover.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.WithPopover__withPopover___SbHNs {
  position: relative;
  border: 1px solid transparent;
}
.WithPopover__withPopover___SbHNs.WithPopover__isOpen___pLcYQ .WithPopover__renderTarget___D6C3i {
  z-index: 222;
}
.WithPopover__renderTarget___D6C3i {
  position: relative;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .WithPopover__renderTarget___D6C3i {
    border-bottom: 1px solid #ccc;
  }
}
@media all and (min-width: 768px) {
  .WithPopover__popover___LaJCq {
    position: absolute;
    bottom: -10px;
    transform: translateY(100%);
    z-index: 111;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 3px;
    animation-name: WithPopover__auto_de_popoverFadeIn___un9Vj;
    animation-duration: 0.5s;
  }
}
@media all and (min-width: 768px) {
  .WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b:before,
  .WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #ccc;
  }
  .WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b:after {
    border-bottom: 10px solid #fff;
    top: -19px;
  }
}
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__left___oJ1cz:before,
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__left___oJ1cz:after {
  left: 10px;
}
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__center___vaYJT:before,
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__center___vaYJT:after {
  left: 50%;
  transform: translateX(-50%);
}
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__right___E1ygf:before,
.WithPopover__popover___LaJCq.WithPopover__arrow___nJm8b.WithPopover__right___E1ygf:after {
  right: 10px;
}
@-moz-keyframes WithPopover__auto_de_popoverFadeIn___un9Vj {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes WithPopover__auto_de_popoverFadeIn___un9Vj {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes WithPopover__auto_de_popoverFadeIn___un9Vj {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes WithPopover__auto_de_popoverFadeIn___un9Vj {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/Contacts/Contacts.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.Contacts__contacts___H5xYg {
  width: 240px;
  box-sizing: border-box;
  padding: 0 10px 0 45px;
  cursor: pointer;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Contacts__contacts___H5xYg {
    display: none;
  }
}
.Contacts__phone___PN7xC,
.Contacts__text___BpKtH {
  position: relative;
}
.Contacts__arrow___QHtNj {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  fill: #005ccb;
  font-size: 14px;
}
.Contacts__phoneText___XFlkF {
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #333;
  text-align: center;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif;
}
.Contacts__textValue___UPBJ_ {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-align: left;
}
.Contacts__phoneIcon___EG0Qr {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  fill: #1f1f1f;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Contacts__phoneIcon___EG0Qr {
    width: 22px;
    height: 22px;
  }
}
.Contacts__popoverContent___j9mAU {
  font-size: 14px;
  white-space: nowrap;
  background-color: #fff;
  padding: 19px 25px;
  margin: 0;
  box-shadow: 0px 2px 10px rgba(60,60,60,0.22);
  border-radius: 10px;
  color: rgba(60,60,60,0.87);
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Contacts__popoverContent___j9mAU {
    display: none;
  }
}
.Contacts__popoverContent___j9mAU:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 30px;
  top: -30px;
  left: 0;
}
.Contacts__paragraph___mp9f7,
.Contacts__popoverHeader___Gv_NW,
.Contacts__popoverContact___a7DOd,
.Contacts__popoverEmail___T2pAC {
  margin: 0;
}
.Contacts__popoverSection___j9K6D {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Contacts__popoverSection___j9K6D + .Contacts__popoverSection___j9K6D {
  margin-top: 22px;
}
.Contacts__popoverSection___j9K6D.Contacts__withoutIcon___iwWAQ {
  padding-left: 60px;
}
.Contacts__popoverIcon___qm4TB {
  display: block;
  margin-right: 15px;
}
.Contacts__popoverHeader___Gv_NW {
  font-weight: bold;
}
.Contacts__popoverContact___a7DOd {
  font-weight: bold;
}
.Contacts__popoverEmail___T2pAC {
  text-decoration: underline;
}
.Contacts__popoverContentWrapper___dZwmm {
  transform: translate(-50%, 100%);
  margin-left: 70px;
  bottom: -13px;
  border-radius: 10px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/DesktopHeader/LoggedInUserInfo/LoggedInUserInfo.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoggedInUserInfo__userInfo___xjnZy {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.LoggedInUserInfo__userAvatar___aY3Kg {
  cursor: pointer;
  overflow: hidden;
}
.LoggedInUserInfo__userEmail___aJ2GP {
  max-width: 150px;
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  cursor: pointer;
}
.LoggedInUserInfo__text___AZNyi {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.LoggedInUserInfo__image___R4CZA {
  display: block;
  height: 25px;
  width: 25px;
}
.LoggedInUserInfo__menuContentWrapper___lNj5w {
  position: absolute;
  height: 220px;
  width: 215px;
  top: 0px;
  right: 0;
  z-index: 111;
}
.LoggedInUserInfo__loggedInAsLabel___Vvvkh {
  font-size: 10px;
  margin-bottom: 10px;
}
.LoggedInUserInfo__userName___oJRnX {
  display: block;
  color: #005ccb;
  font-size: 13px;
  text-transform: capitalize;
}
.LoggedInUserInfo__dealerName___cp1ax {
  color: rgba(76,78,100,0.871);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
}
.LoggedInUserInfo__dealerName___cp1ax svg {
  margin-left: 4px;
}
.LoggedInUserInfo__profileName___aMas3 {
  font-size: 14px;
  color: rgba(76,78,100,0.871);
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/DesktopHeader/GuestInfo/GuestInfo.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GuestInfo__userMenu___IBxoX {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 111;
}
.GuestInfo__signUpButton___q97hh {
  font-family: 'ArialMT', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #005ccb;
  line-height: normal;
  cursor: pointer;
  text-align: right;
  padding: 0 3px;
}
.GuestInfo__signUpButton___q97hh:hover {
  text-decoration: underline;
}
.GuestInfo__arrowDownIcon___INjqf {
  fill: #1f1f1f;
  font-size: 12px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.GuestInfo__menuContentWrapper___Yfk6_ {
  position: absolute;
  height: 220px;
  width: 215px;
  top: 12px;
  right: 0;
}
.GuestInfo__accountButton___BsZBK {
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  box-sizing: border-box;
  user-select: none;
}
.GuestInfo__authButton___ubc66 {
  width: 100%;
  height: 38px;
  margin: 10px 0 !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.GuestInfo__authButton___ubc66 a {
  display: block;
}
.GuestInfo__registerButtonElement___LRoWX {
  text-decoration: underline;
  color: #005ccb;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/NavigationPanel/NavigationPanelButton.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPanelButton__burgerMenu___F4O1A {
  width: 20px;
  height: 20px;
  margin-right: 13px;
  margin-left: 6px;
  cursor: pointer;
}
.NavigationPanelButton__burgerWrapper___ckX7m {
  position: relative;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi {
  fill: #005ccb;
  width: 100% !important;
  height: 100% !important;
  display: block;
  cursor: pointer;
  background: none;
  width: 20px;
  height: 16px;
  text-align: center;
  transition: all 0.3s ease;
  padding: 0;
  border: 0;
  position: relative;
  top: 0;
  margin-right: 15px;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi span {
  display: inline-block;
  position: absolute;
  background: #005ccb;
  margin: 0 auto;
  width: 100%;
  height: 3px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: all 0.3s ease;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi span:after,
.NavigationPanelButton__hamburgerMenuIcon___csCAi span:before {
  content: "";
  position: absolute;
  margin: 0 auto;
  background: #005ccb;
  height: 3px;
  left: 0;
  right: 0;
  width: 20px;
  transition: all 0.3s ease;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi span:before {
  bottom: 6px;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi span:after {
  top: 6px;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi.NavigationPanelButton__opened___CZ6ep span {
  background: none;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi.NavigationPanelButton__opened___CZ6ep span:before {
  transform: rotate(45deg);
  bottom: 0;
}
.NavigationPanelButton__hamburgerMenuIcon___csCAi.NavigationPanelButton__opened___CZ6ep span:after {
  top: 0;
  transform: rotate(-45deg);
}
.NavigationPanelButton__isSticky___jxjUJ {
  display: block;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/NavigationPanel/NavigationPanel.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationPanel__burgerMenu___InD4_ {
  width: 20px;
  height: 20px;
  margin-right: 13px;
  margin-left: 6px;
  cursor: pointer;
  display: none;
}
@media all and (max-width: 991.98px) {
  .NavigationPanel__burgerMenu___InD4_ {
    display: block;
  }
}
.NavigationPanel__burgerWrapper___HX_e7 {
  position: relative;
}
.NavigationPanel__leftSidebarList___MNVP2 {
  padding-left: 0;
  font-size: 16px;
  list-style-type: none;
  margin-top: 0;
}
.NavigationPanel__leftSidebarList___MNVP2 > div,
.NavigationPanel__leftSidebarList___MNVP2 > span {
  margin-bottom: 6px;
}
.NavigationPanel__leftSidebarListItem___sSa_U {
  padding-left: 0;
  margin: 0 12px;
  border-radius: 8px;
}
.NavigationPanel__leftSidebarListItem___sSa_U:hover,
.NavigationPanel__leftSidebarListItem___sSa_U:focus,
.NavigationPanel__leftSidebarListItem___sSa_U:visited,
.NavigationPanel__leftSidebarListItem___sSa_U:focus-visible {
  text-decoration: none;
  border-radius: 8px;
}
.NavigationPanel__listItemStrong___yBIx8 > .NavigationPanel__leftSidebarListTitle___Z7LRQ {
  font-weight: 700;
  padding-left: 18px;
  font-size: 16px;
  color: rgba(76,78,100,0.87);
  display: block;
  padding: 0 28px;
  display: flex;
  height: 42px;
  align-items: center;
}
.NavigationPanel__listItemStrong___yBIx8 > .NavigationPanel__leftSidebarListTitle___Z7LRQ a {
  padding: 0;
}
.NavigationPanel__leftSidebarListTitle___Z7LRQ {
  color: #000;
  box-sizing: border-box;
}
@media all and (max-width: 991.98px) {
  .NavigationPanel__leftSidebarListTitle___Z7LRQ {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.NavigationPanel__leftSidebarListTitle___Z7LRQ > a {
  color: rgba(76,78,100,0.87);
  font-size: 16px;
  display: flex;
  align-items: center;
}
.NavigationPanel__leftSidebarListTitle___Z7LRQ > a:visited {
  color: rgba(76,78,100,0.87);
  font-size: 16px;
  display: flex;
  align-items: center;
}
.NavigationPanel__expHeader___AcGqo {
  font-size: 13px;
  font-weight: 400 !important;
  color: rgba(76,78,100,0.87) !important;
  width: 292px;
  padding: 0 0 0 28px !important;
}
.NavigationPanel__expHeader___AcGqo:hover {
  text-decoration: underline;
}
@media all and (max-width: 991.98px) {
  .NavigationPanel__expHeader___AcGqo {
    font-size: 16px;
  }
  .NavigationPanel__expHeader___AcGqo:hover {
    text-decoration: none;
  }
}
.NavigationPanel__exp__opened___JmBHf .NavigationPanel__expHeader___AcGqo {
  color: #005ccb;
}
.NavigationPanel__exp__opened___JmBHf .NavigationPanel__arrowIconClassName___V9krf path {
  fill: #005ccb;
}
.NavigationPanel__expClassname___sqsyv {
  border: none;
  box-shadow: none !important;
}
.NavigationPanel__expClassname___sqsyv::before {
  height: 0 !important;
}
.NavigationPanel__expClassname___sqsyv [class*='MuiAccordionSummary-root'] {
  min-height: 42px !important;
}
.NavigationPanel__expClassname___sqsyv [class*='MuiAccordionSummary-content'] {
  margin: 0 !important;
}
.NavigationPanel__simpleLink___bjonc {
  font-size: 16px;
  display: block;
}
.NavigationPanel__simpleLink___bjonc > a,
.NavigationPanel__simpleLink___bjonc > a:visited {
  color: rgba(76,78,100,0.87);
  font-size: 16px;
  display: flex;
  align-items: center;
  line-height: 24px;
  display: block;
  padding: 10px 0 10px 28px;
}
.NavigationPanel__simpleLink___bjonc > a:hover,
.NavigationPanel__simpleLink___bjonc > a:visited:hover {
  text-decoration: underline;
}
.NavigationPanel__arrowIconClassName___V9krf {
  font-size: 16px;
}
.NavigationPanel__arrowIconClassName___V9krf path {
  fill: #999;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX {
  fill: #005ccb;
  width: 100% !important;
  height: 100% !important;
  display: block;
  cursor: pointer;
  background: none;
  width: 20px;
  height: 16px;
  text-align: center;
  transition: all 0.3s ease;
  padding: 0;
  border: 0;
  position: relative;
  top: 0;
  margin-right: 15px;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX span {
  display: inline-block;
  position: absolute;
  background: #005ccb;
  margin: 0 auto;
  width: 100%;
  height: 3px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: all 0.3s ease;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX span:after,
.NavigationPanel__hamburgerMenuIcon___OSIoX span:before {
  content: "";
  position: absolute;
  margin: 0 auto;
  background: #005ccb;
  height: 3px;
  left: 0;
  right: 0;
  width: 20px;
  transition: all 0.3s ease;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX span:before {
  bottom: 6px;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX span:after {
  top: 6px;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX.NavigationPanel__opened___X_VP_ span {
  background: none;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX.NavigationPanel__opened___X_VP_ span:before {
  transform: rotate(45deg);
  bottom: 0;
}
.NavigationPanel__hamburgerMenuIcon___OSIoX.NavigationPanel__opened___X_VP_ span:after {
  top: 0;
  transform: rotate(-45deg);
}
.NavigationPanel__isSticky___iNHFc {
  display: block;
}
.NavigationPanel__depth_1___ladOO,
.NavigationPanel__depth_2___R_VPp {
  color: rgba(76,78,100,0.87);
}
.NavigationPanel__depth_1___ladOO a,
.NavigationPanel__depth_2___R_VPp a {
  font-size: 16px;
  height: 42px;
  position: relative;
  padding-left: 26px;
  border-radius: 8px;
}
.NavigationPanel__depth_1___ladOO a:hover,
.NavigationPanel__depth_2___R_VPp a:hover,
.NavigationPanel__depth_1___ladOO a:focus,
.NavigationPanel__depth_2___R_VPp a:focus,
.NavigationPanel__depth_1___ladOO a:visited,
.NavigationPanel__depth_2___R_VPp a:visited,
.NavigationPanel__depth_1___ladOO a:focus-visible,
.NavigationPanel__depth_2___R_VPp a:focus-visible {
  text-decoration: none;
  border-radius: 8px;
}
.NavigationPanel__depth_1___ladOO a::before,
.NavigationPanel__depth_2___R_VPp a::before {
  content: '';
  display: inline-flex;
  margin-right: 20px;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  background-color: rgba(76,78,100,0.68);
}
.NavigationPanel__depth_1___ladOO a.NavigationPanel__linkActive___nZTOI,
.NavigationPanel__depth_2___R_VPp a.NavigationPanel__linkActive___nZTOI {
  background-color: rgba(76,78,100,0.08);
}
.NavigationPanel__closeIcon___WhLZ6 {
  width: 13px;
  height: 13px;
  display: block;
}
.NavigationPanel__titleBlock___dEzZI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 28px;
}
.NavigationPanel__autodeLogo___oPQUX {
  width: 104px;
  height: 30px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/DesktopHeader/NavigationBurger/NavigationBurger.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationBurger__wrapper___nMO68 {
  background-color: #fff;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  box-sizing: border-box;
  animation-name: NavigationBurger__auto_de_slideLeft___eBe7R;
  animation-duration: 0.3s;
  position: absolute;
  min-width: 320px;
  border: 1px solid #d7d7d7;
  border-top: none;
  padding: 0;
  top: 50px;
}
@-moz-keyframes NavigationBurger__auto_de_slideLeft___eBe7R {
  from {
    top: -100%;
  }
  to {
    top: 50px;
  }
}
@-webkit-keyframes NavigationBurger__auto_de_slideLeft___eBe7R {
  from {
    top: -100%;
  }
  to {
    top: 50px;
  }
}
@-o-keyframes NavigationBurger__auto_de_slideLeft___eBe7R {
  from {
    top: -100%;
  }
  to {
    top: 50px;
  }
}
@keyframes NavigationBurger__auto_de_slideLeft___eBe7R {
  from {
    top: -100%;
  }
  to {
    top: 50px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/DesktopHeader/DesktopHeader.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DesktopHeader__logo___ajutr {
  display: block;
  width: 120px;
  min-width: 90px;
  height: 40px;
  background-image: url(/assets/logo-checkout.9d21bf7ce5fb14523627.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 100%;
  background-position: center;
  margin-left: 10px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DesktopHeader__logo___ajutr {
    width: 90px;
  }
}
.DesktopHeader__flexWrapper___vhCOR {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.DesktopHeader__infoSection___U7bOi {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 28px;
}
.DesktopHeader__controls___zEtgU {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.DesktopHeader__languageSelect___JN9NM {
  margin-right: 28px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderStatic/HeaderStatic.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderStatic__wrapper___tP15A {
  height: 50px;
  background-color: rgba(255,255,255,0.9);
}
.HeaderStatic__headerTop___vncWv {
  height: 50px;
  box-shadow: 0 0 0 1px #d7d7d7;
}
.HeaderStatic__container___xVaud {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
@media all and (max-width: 991.98px) {
  .HeaderStatic__container___xVaud {
    padding: 0 16px;
    box-sizing: border-box;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/HeaderSticky/HeaderSticky.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderSticky__headerSticky___OQQM5 {
  animation: HeaderSticky__fadeIn___Om2TB 0.3s ease-in normal 1;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100vw;
  z-index: 9997;
}
@-moz-keyframes HeaderSticky__fadeIn___Om2TB {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes HeaderSticky__fadeIn___Om2TB {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes HeaderSticky__fadeIn___Om2TB {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes HeaderSticky__fadeIn___Om2TB {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/NavigationBar/NavigationBar.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationBar__navigation___F2Lj9 {
  background: #005ccb;
}
.NavigationBar__navigationAlternative___aNOed {
  background: #00b800;
}
.NavigationBar__navigationWrapper___oN5ji {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}
.NavigationBar__item___DELCG {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 32px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  padding: 0 20px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.NavigationBar__item___DELCG:hover {
  text-decoration: underline;
}
.NavigationBar__popoverContent___zNGwY {
  font-size: 14px;
  padding: 10px 25px;
  background-color: #fff;
  white-space: nowrap;
}
.NavigationBar__list___KuG9d {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.NavigationBar__list___KuG9d .NavigationBar__list___KuG9d {
  padding-left: 15px;
}
.NavigationBar__listItem___GY_KC {
  font-weight: normal;
}
.NavigationBar__listItemStrong___o2vzn {
  font-weight: bold;
}
.NavigationBar__title___Mc3yk {
  display: block;
  padding: 10px 0;
}
.NavigationBar__link___By1EE {
  color: #000;
  text-decoration: none;
}
.NavigationBar__link___By1EE:link,
.NavigationBar__link___By1EE:visited,
.NavigationBar__link___By1EE:active {
  color: #000;
}
.NavigationBar__link___By1EE:hover {
  text-decoration: underline;
}
.NavigationBar__itemPopover___imM17 {
  box-sizing: border-box;
  border: none;
}
.NavigationBar__itemPopover___imM17:hover {
  text-decoration: underline;
}
.NavigationBar__popoverContainer___ZDQ25 {
  top: 100%;
  bottom: auto;
  border: 1px solid #005ccb;
  border-top: none;
  transform: none;
}
.NavigationBar__onlyLink___gow8y {
  color: #fff;
  line-height: unset;
}
.NavigationBar__onlyLink___gow8y:hover {
  text-decoration: underline;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/SearchDetailedPage/SearchDetailedPage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__control {
  min-height: 46px;
  border-radius: 0;
}
@media all and (min-width: 768px) {
  .SearchDetailedPage__SearchDetailedPage___hObwE .react-select__control {
    min-height: 38px;
  }
}
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__placeholder {
  color: #999 !important;
}
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__option:hover,
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__option.react-select__option--is-focused {
  background: rgba(0,92,203,0.15);
  color: #333;
}
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__option.react-select__option--is-selected {
  background: rgba(0,92,203,0.7);
  color: #fff;
}
.SearchDetailedPage__SearchDetailedPage___hObwE .react-select__option--is-disabled {
  color: #333;
}
.SearchDetailedPage__header___xwIBh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 0 10px;
}
@media all and (min-width: 992px) {
  .SearchDetailedPage__header___xwIBh {
    padding: 15px 15px 8px;
  }
}
.SearchDetailedPage__title___h3i_M {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
@media all and (max-width: 575.98px) {
  .SearchDetailedPage__title___h3i_M {
    color: #005ccb;
    font-size: 16px;
  }
}
.SearchDetailedPage__searchButton___dFNJc {
  display: flex !important;
  align-items: center !important;
  height: 40px;
}
.SearchDetailedPage__isAlternativeButton___veEKP {
  background-color: #00b800 !important;
}
.SearchDetailedPage__searchButtonText___kaRNZ {
  display: inline-block;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__searchButtonText___kaRNZ {
    font-size: 16px;
    margin: 0 auto;
    padding: 0;
  }
}
.SearchDetailedPage__hidden___oyuij {
  visibility: hidden;
}
.SearchDetailedPage__subwrapper___hyxFA {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.SearchDetailedPage__footer___dWMZG .SearchDetailedPage__wrapper___hHAVb {
  float: right;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__footer___dWMZG .SearchDetailedPage__wrapper___hHAVb {
    float: none;
    justify-content: center;
    margin-bottom: 10px;
  }
}
.SearchDetailedPage__footer___dWMZG .SearchDetailedPage__subwrapper___hyxFA {
  transition: transform 0.3s ease-out;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__footer___dWMZG .SearchDetailedPage__subwrapper___hyxFA {
    width: 100%;
    justify-content: center;
    margin: 0;
    bottom: 0;
    padding: 10px 0;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__footer___dWMZG .SearchDetailedPage__fixed___JOteA {
    position: fixed;
    z-index: 333;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(0%);
  }
}
.SearchDetailedPage__searchIcon___mYVhP {
  width: 20px;
  height: 20px;
}
.SearchDetailedPage__crossIcon___H_qqZ {
  font-size: 10px;
  margin-left: 5px;
  fill: #005ccb;
}
.SearchDetailedPage__clearResults___OSETB {
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.SearchDetailedPage__clearResults___OSETB:hover {
  text-decoration: underline;
}
@media all and (min-width: 768px) {
  .SearchDetailedPage__clearResults___OSETB {
    margin-right: 20px;
    font-size: 14px;
  }
}
.SearchDetailedPage__header___xwIBh .SearchDetailedPage__wrapper___hHAVb {
  display: flex;
  align-items: center;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__header___xwIBh .SearchDetailedPage__wrapper___hHAVb {
    display: none;
  }
}
.SearchDetailedPage__wrapperRight___zK5aZ {
  float: right;
  display: flex;
  align-items: center;
}
.SearchDetailedPage__mobileFiltersContainer___SK4gr {
  border-bottom: 1px solid #e8e8e8;
}
.SearchDetailedPage__accordionContent___9WaHW {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.SearchDetailedPage__accordionContent___9WaHW.SearchDetailedPage__withoutPadding___mWF8P {
  padding: 0;
  border-bottom: none;
}
.SearchDetailedPage__panel___qGoix {
  margin-bottom: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
}
.SearchDetailedPage__panel___qGoix:last-child {
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}
@media all and (min-width: 768px) {
  .SearchDetailedPage__panel___qGoix {
    padding: 0 5px;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__panel___qGoix {
    margin-bottom: 10px;
    background: none;
  }
}
.SearchDetailedPage__panelTitle___Mv7Ph {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 700;
  font-size: 16px;
  padding: 15px 10px;
  text-transform: none;
  height: auto;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedPage__panelTitle___Mv7Ph {
    background: #f5f6fa;
    color: #005ccb;
    font-size: 14px;
    padding: 10px;
    align-items: center;
  }
}
.SearchDetailedPage__vehicleIdField___guD4W {
  width: 111px;
  padding: 15px;
}
.SearchDetailedPage__vehicleIdField___guD4W [class*='MuiInputBase-input-MuiOutlinedInput-input'] {
  height: 40px;
  border-radius: 6px;
}
.SearchDetailedPage__vehicleIdField___guD4W [class*='MuiFormLabel-root-MuiInputLabel-root'] {
  margin-top: -7px;
}
.SearchDetailedPage__vehicleIdField___guD4W [class*='MuiInputBase-root-MuiOutlinedInput-root'] {
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .SearchDetailedPage__vehicleIdField___guD4W {
    padding: 0 15px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/SearchDetailedPage/SearchDetailedHeader/SearchDetailedHeader.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchDetailedHeader__searchDetailedHeader___DCe18 {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
}
.SearchDetailedHeader__searchDetailedHeaderWrapper___jxlie {
  width: 100%;
  background: rgba(255,255,255,0.9);
  border-bottom: 1px solid #d7d7d7;
}
.SearchDetailedHeader__searchDetailedText___y6iOH {
  font-weight: 700;
  font-size: 16px;
  margin: 0 40px 0 0;
}
.SearchDetailedHeader__logo___tNPeD {
  display: block;
  width: 120px;
  min-width: 90px;
  height: 40px;
  background-image: url(/assets/logo-new.325ee0ed7a19299db89b.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 100%;
  background-position: center;
  background-position-x: -10px;
  margin-right: auto;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchDetailedHeader__logo___tNPeD {
    width: 90px;
  }
}
.SearchDetailedHeader__clearResults___FCraV {
  margin-right: 20px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.SearchDetailedHeader__clearResults___FCraV:hover {
  text-decoration: underline;
}
.SearchDetailedHeader__crossIcon___Zg7oV {
  font-size: 10px;
  margin-left: 5px;
  fill: #005ccb;
}
.SearchDetailedHeader__rightBlock___KAVwR {
  display: flex;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/containers/SearchPage/SearchHeader/SearchHeader.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchHeader__filterButton___O8HHL {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #005ccb;
  width: 65px;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 10px 0 10px 10px;
  cursor: pointer;
  min-width: 65px;
  user-select: none;
}
@media all and (max-width: 991.98px) {
  .SearchHeader__filterButton___O8HHL {
    display: flex;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchHeader__filterButton___O8HHL {
    height: 35px;
    font-size: 10px;
    margin: 0;
    color: #fff;
    background-color: #005ccb;
    border-radius: 10px 0 0 10px;
    margin-left: auto;
  }
}
.SearchHeader__filterIcon___EKVXV {
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px;
  display: inline;
  fill: #fff;
}
.SearchHeader__chipsContainerSticky___Fj3Qy {
  height: 37px;
  display: none;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SearchHeader__chipsContainerSticky___Fj3Qy {
    display: flex;
    align-items: center;
    background-color: rgba(242,242,242,0.7);
    border-bottom: 1px solid #d7d7d7;
  }
}
@media all and (max-width: 575.98px) {
  .SearchHeader__chipsContainerSticky___Fj3Qy {
    padding-left: 10px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/layout/header/Header.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.Header__header___enfNQ {
  background-color: #fff;
  border-bottom: 1px solid #f8f8f8;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/FinancingModal/OfferModal.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.OfferModal__offerModal___fiIm0 {
  font-size: 12px;
  padding: 15px;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  width: 360px;
  margin: 0 auto;
}
.OfferModal__offerModal___fiIm0 [class^='LeasingPanel__LeasingPanel'] {
  padding-top: 0;
}
@media all and (max-width: 575.98px) {
  .OfferModal__offerModal___fiIm0 {
    width: 100%;
    border: none;
  }
}
.OfferModal__header___UW8c1 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
@media all and (max-width: 575.98px) {
  .OfferModal__header___UW8c1 {
    position: sticky;
    z-index: 222;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    padding: 0 10px 10px 10px;
    margin: 0 -10px;
  }
}
.OfferModal__title___LkGT7 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  color: #104ec9;
}
.OfferModal__carName___Nz320 {
  padding-top: 10px;
  order: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  max-width: 60%;
}
.OfferModal__deleteButton___UMkRI {
  order: 1;
  cursor: pointer;
}
.OfferModal__buttonSection___SbTpW {
  background: #fff;
  padding: 4px 0 14px 0;
  border-bottom: 1px solid #d7d7d7;
  border-left: none;
  border-right: none;
  display: flex;
}
.OfferModal__takeOverButton___RvUp9 {
  height: 39px;
  line-height: unset;
  font-weight: bold !important;
  border-radius: 2px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100% !important;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .OfferModal__takeOverButton___RvUp9 {
    min-width: auto !important;
  }
}
.OfferModal__takeOverButtonSuccess___UANP3 {
  background-color: #4caf50;
  cursor: inherit;
}
.OfferModal__takeOverButtonSuccess___UANP3:hover {
  box-shadow: none !important;
}
.OfferModal__abort___FcCpk {
  font-size: 14px;
  text-decoration: underline;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #333;
}
.OfferModal__abort___FcCpk:hover,
.OfferModal__abort___FcCpk:active {
  color: #333;
}
.OfferModal__financingPanel___xheKL {
  border-top: 1px solid #f5f5f5;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
}
.OfferModal__monthlyInstallmentWrapper___JSrZN {
  padding: 5px 0 0 0;
  flex-shrink: 0;
}
.OfferModal__financingUnits___n1LZH {
  font-size: 14px;
  color: rgba(51,51,51,0.75);
}
.OfferModal__oldFinancingPriceWrapper___dSg2c {
  display: flex;
  align-items: flex-start;
}
.OfferModal__oldMonthlyInstallment___B7Oov {
  color: rgba(51,51,51,0.75);
  font-size: 16px;
}
.OfferModal__oldMonthlyInstallmentUnit____QrDO {
  color: rgba(51,51,51,0.66);
  font-size: 9px;
  display: inline-flex;
  transform: translateY(-5px);
}
.OfferModal__financingMonthly___KoxJe {
  color: rgba(51,51,51,0.8);
  font-size: 10px;
  line-height: 11px;
  margin-left: 3px;
  display: inline-flex;
  transform: translateY(3px);
}
.OfferModal__aboFinancingMonthly___c6Qa6 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.OfferModal__monthlyInstallment___b6GkZ {
  color: #00b800;
  font-size: 60px;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
}
.OfferModal__monthlyInstallmentAbo___OO94S {
  line-height: 60px;
}
.OfferModal__monthlyInstallmentUnit___E7RKZ {
  color: #00b800;
  font-size: 16px;
  padding-top: 13px;
  font-weight: bold;
}
.OfferModal__monthlyInstallmentAboUnit___cNcli {
  line-height: 35px;
  padding: 0;
}
.OfferModal__detailsSection___rZ8f4 {
  font-size: 10px;
  line-height: 1.5em;
  padding-top: 10px;
  color: rgba(0,0,0,0.63);
}
.OfferModal__carInfoWrap___RXtWC {
  display: flex;
  padding: 0 0 0 0;
  justify-content: space-between;
}
.OfferModal__carModel___UeWDZ {
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.63);
  margin-bottom: 5px;
}
.OfferModal__carSubModel___mDk8v,
.OfferModal__carOption___vJblw {
  color: rgba(0,0,0,0.63);
  font-size: 12px;
  line-height: 20px;
  white-space: pre-wrap; /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap; /* Opera <7 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* IE */
}
.OfferModal__carSubModel___mDk8v {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.OfferModal__phoneButton___C7jA0 {
  box-sizing: border-box;
  margin-left: 16px;
  flex: 1 40%;
  color: #005ccb;
  font-size: 13px;
  border: 2px solid #005ccb;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}
.OfferModal__envelopeIcon___iD1Jl {
  margin-right: 10px;
  width: 1.5em;
}
.OfferModal__envelopeIcon___iD1Jl path {
  fill: #fff !important;
}
.OfferModal__phoneIcon___tS3IB {
  margin-right: 5px;
  width: 1.5em;
}
.OfferModal__phoneIcon___tS3IB path {
  transition: all 0.2s ease-in-out;
}
.OfferModal__checkIcon___DLetl {
  fill: #fff;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.OfferModal__controlButton___p9yKx {
  height: 35px;
  line-height: unset;
  font-weight: bold;
  border-radius: 2px;
  font-size: 13px;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
@media all and (min-width: 768px) {
  .OfferModal__controlButton___p9yKx {
    text-transform: uppercase;
  }
}
.OfferModal__offerButtonGet___y5PGn {
  flex: 1 60%;
}
@media all and (max-width: 575.98px) {
  .OfferModal__offerButtonGet___y5PGn:hover {
    background-color: #008000;
  }
}
@media all and (min-width: 768px) {
  .OfferModal__offerButtonGet___y5PGn {
    width: 100%;
  }
}
.OfferModal__offerButtonSuccess___HKSRp {
  background-color: #4caf50 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: inherit;
}
.OfferModal__offerButtonSuccess___HKSRp:hover {
  box-shadow: none !important;
}
.OfferModal__currentPriceWrap___pObyl {
  display: flex;
  align-items: flex-start;
}
.OfferModal__prefixPrice___K_0tO {
  font-size: 14px;
  color: #00b800;
  margin-top: 12px;
  margin-right: 8px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/BaseModal.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.BaseModal__modal___gzGqw,
.BaseModal__modalCheckout___ZHlAs {
  display: table;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  z-index: 555;
  box-shadow: 0 19px 38px rgba(0,0,0,0.3), 0 15px 12px rgba(0,0,0,0.2);
  height: auto;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .BaseModal__modal___gzGqw,
  .BaseModal__modalCheckout___ZHlAs {
    max-width: 100%;
  }
}
.BaseModal__modal___gzGqw {
  padding: 20px;
  border-radius: 10px;
  margin: 30px auto;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .BaseModal__modal___gzGqw {
    margin: 15px;
    padding: 10px;
    width: calc(100% - 30px);
  }
}
@media all and (min-width: 992px) {
  .BaseModal__modal___gzGqw {
    margin: 0;
  }
}
.BaseModal__modalCheckout___ZHlAs {
  width: 375px;
  border-radius: 0;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .BaseModal__modalCheckout___ZHlAs {
    margin: 15px auto;
    border-radius: 3px;
  }
}
@media all and (min-width: 992px) {
  .BaseModal__modalCheckout___ZHlAs {
    width: 700px;
    margin: 30px auto;
  }
}
.BaseModal__closeButton___jCC4R,
.BaseModal__closeButtonCheckout___POyEw {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.BaseModal__closeButton___jCC4R {
  background-image: url(/assets/delete.973670ebbfbcd455cb0e.svg);
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
}
.BaseModal__closeButtonCheckout___POyEw {
  background-image: url(/assets/closeIcon.171f830daff622b32fe4.svg);
  top: 20px;
  width: 14px;
  height: 14px;
  right: 15px;
}
.BaseModal__closeButton___jCC4R:hover,
.BaseModal__closeButtonCheckout___POyEw:hover {
  opacity: 1;
}
.BaseModal__backdrop___SrRiL {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BaseModal__title___PyFOb {
  color: rgba(51,51,51,0.83);
  font-size: 18px;
  position: relative;
  padding: 15.5px 32px 15.5px 20px;
  text-align: center;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
  margin-bottom: 15px;
}
@media all and (min-width: 992px) {
  .BaseModal__title___PyFOb {
    padding: 15.5px 32px;
  }
}
.BaseModal__content___w7oxw {
  padding: 0 25px 20px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 375px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ConfirmModal/ConfirmModal.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmModal__confirmModal___dJfVj {
  position: relative;
  width: 350px;
}
.ConfirmModal__heading___IdYP7 {
  font-family: 'Arial', sans-serif;
  font-size: 20px;
}
.ConfirmModal__controls___RPzUT {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/OnlineCheckoutModal/OnlineCheckoutModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.OnlineCheckoutModal__desc___mnGZQ {
  color: rgba(0,0,0,0.5);
  font-size: 14px;
  display: block;
  text-align: justify;
  line-height: 20px;
}
.OnlineCheckoutModal__button___j63LY {
  height: 48px;
  width: 100%;
  font-weight: 600 !important;
  margin-top: 20px !important;
}
.OnlineCheckoutModal__oder___tdKsr {
  color: rgba(0,0,0,0.63);
  font-size: 12px;
  position: relative;
  display: flex;
  margin: 15px 0;
  justify-content: center;
}
.OnlineCheckoutModal__oder___tdKsr:before {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.OnlineCheckoutModal__oder___tdKsr:after {
  content: '';
  position: absolute;
  height: 1px;
  right: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.OnlineCheckoutModal__buttonCheckout___Ewtmx {
  margin-top: 0 !important;
  font-weight: bold !important;
}
.OnlineCheckoutModal__timePicker___RErbn {
  margin: 15px 0 18px;
}
.OnlineCheckoutModal__axelBanner___xwyOi {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.OnlineCheckoutModal__backButton___wwIiF {
  margin-top: 19px !important;
}
.OnlineCheckoutModal__contactItem___WVP32 {
  display: flex;
  align-items: center;
  min-width: 250px;
  margin: 10px 0;
}
.OnlineCheckoutModal__contactIcon___ohc1E {
  margin-right: 16px;
}
.OnlineCheckoutModal__contactTitle___n5YIF {
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 42px;
  color: #200a4d;
}
.OnlineCheckoutModal__contactText___v49o1 {
  font-size: 14px;
  line-height: 24px;
  color: rgba(32,10,77,0.8);
  font-weight: bold;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/OnlineCheckoutModal/AdditionalAddressForm.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.AdditionalAddressForm__button___m7tMG {
  height: 48px;
  width: 100%;
  font-weight: 600 !important;
  margin-top: 20px !important;
}
.AdditionalAddressForm__buttonCheckout___QER52 {
  margin-top: 0 !important;
  font-weight: bold !important;
}
.AdditionalAddressForm__oder___kDwC6 {
  color: rgba(0,0,0,0.63);
  font-size: 12px;
  position: relative;
  display: flex;
  margin: 15px 0;
  justify-content: center;
}
.AdditionalAddressForm__oder___kDwC6:before {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.AdditionalAddressForm__oder___kDwC6:after {
  content: '';
  position: absolute;
  height: 1px;
  right: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.AdditionalAddressForm__desc___gPJUO {
  color: rgba(0,0,0,0.5);
  font-size: 14px;
  display: block;
  text-align: justify;
  line-height: 20px;
}
.AdditionalAddressForm__timePicker___Bqi99 {
  margin: 15px 0 18px;
}
.AdditionalAddressForm__gridWrapper___xjcJF {
  box-sizing: border-box;
  max-width: 328px;
  display: grid;
  grid-gap: 20px 10px;
}
.AdditionalAddressForm__gridWrapperAddressInfo___OxMgU {
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: 'zip zip city city city city' 'street street street street number number' 'password password password password password password';
}
.AdditionalAddressForm__street___p3jB7 {
  grid-area: street;
}
.AdditionalAddressForm__number___hq21Q {
  grid-area: number;
}
.AdditionalAddressForm__zip___tsk0Q {
  grid-area: zip;
}
.AdditionalAddressForm__city___F8JHL {
  grid-area: city;
}
.AdditionalAddressForm__password___Aebg5 {
  grid-area: password;
}
.AdditionalAddressForm__backButton___DXNmJ {
  margin-top: 19px !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/OnlineCheckoutModal/BaseContactInfoForm.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.BaseContactInfoForm__desc___q2AAH {
  color: rgba(0,0,0,0.5);
  font-size: 14px;
  display: block;
  text-align: justify;
  line-height: 20px;
}
.BaseContactInfoForm__gridWrapper___epSFr {
  box-sizing: border-box;
  max-width: 328px;
  display: grid;
  grid-gap: 18px 16px;
}
.BaseContactInfoForm__gridWrapperContactInfo___vwnbu {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'gender gender gender gender' 'firstName firstName lastName lastName' 'countryCode areaCode phoneNumber phoneNumber';
}
.BaseContactInfoForm__gender___oB0ZR {
  grid-area: gender;
}
.BaseContactInfoForm__firstName___kNoSa {
  grid-area: firstName;
}
.BaseContactInfoForm__lastName___X5_p3 {
  grid-area: lastName;
}
.BaseContactInfoForm__countryCode___Lc8oY {
  grid-area: countryCode;
}
.BaseContactInfoForm__countryCode___Lc8oY [class*='MuiInputBase-root'] {
  padding-right: 0 !important;
}
.BaseContactInfoForm__countryCode___Lc8oY [class*='MuiSelect-select'] {
  padding-right: 2px !important;
}
.BaseContactInfoForm__countryCode___Lc8oY [class*='MuiInputLabel-shrink'] {
  max-width: none !important;
}
.BaseContactInfoForm__countryCode___Lc8oY [class*='MuiAutocomplete-input'] {
  padding-left: 5px !important;
}
.BaseContactInfoForm__areaCode___vYykv {
  grid-area: areaCode;
}
.BaseContactInfoForm__phoneNumber___FUFmK {
  grid-area: phoneNumber;
}
.BaseContactInfoForm__button___yOoKe {
  height: 48px;
  width: 100%;
  font-weight: 600 !important;
  margin-top: 8px !important;
}
.BaseContactInfoForm__oder___PC5wR {
  color: rgba(0,0,0,0.63);
  font-size: 14px;
  position: relative;
  display: flex;
  margin: 8px 0;
  justify-content: center;
}
.BaseContactInfoForm__oder___PC5wR:before {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.BaseContactInfoForm__oder___PC5wR:after {
  content: '';
  position: absolute;
  height: 1px;
  right: 0;
  background-color: rgba(0,0,0,0.38);
  width: 40%;
  top: 50%;
  transform: translateY(-50%);
}
.BaseContactInfoForm__buttonCheckout___yAYq1 {
  margin-top: 18px !important;
  font-weight: bold !important;
}
.BaseContactInfoForm__selectIcon___vkvP5 {
  padding-right: 20px;
}
[class*='countryCodeMenu'] {
  max-height: 226px;
}
[class*='countryCodeMenu'] [class*='MuiListItemIcon-root'] svg {
  width: 27px;
  min-width: 25px !important;
  height: 21px;
  border-radius: 2px;
}
[class*='countryCodeMenu'] ::-webkit-scrollbar {
  width: 3px;
}
[class*='countryCodeMenu'] ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.09);
}
[class*='countryCodeMenu'] ::-webkit-scrollbar-thumb {
  background-color: rgba(169,169,169,0.788);
  border-radius: 4px;
}
[class*='MuiAutocomplete-input '] {
  padding-right: 0px !important;
  width: 35px !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/Modals/Congratulations.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.Congratulations__wrapper___PybVp {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: 'carImage carImage' 'pagetitle pagetitle' 'longtitle longtitle' 'introtext introtext' 'description axel' 'btn btn';
}
@media (orientation: landscape) {
  .Congratulations__wrapper___PybVp {
    grid-template-areas: 'longtitle longtitle pagetitle pagetitle' 'introtext introtext carImage carImage' 'description axel carImage carImage' 'btn btn carImage carImage';
  }
}
.Congratulations__carBlockItem___TiWQY {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  grid-area: carImage;
}
.Congratulations__carBlockItem___TiWQY::after {
  content: '';
  background-image: url(/assets/congrats.0bcecc73636ea26d968b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 100%;
  z-index: -1;
}
@media (orientation: landscape) {
  .Congratulations__carBlockItem___TiWQY::after {
    left: 0;
    width: 100%;
  }
}
.Congratulations__carImage___O9aBs {
  height: auto;
  max-width: 290px;
}
.Congratulations__pagetitle___XxydT {
  color: #4caf50;
  text-transform: uppercase;
  font-size: 26px;
  text-align: center;
  margin: 0;
  grid-area: pagetitle;
}
.Congratulations__longtitle___b6L4c {
  color: rgba(51,51,51,0.65);
  font-size: 18px;
  margin: 10px 0;
  text-align: center;
  grid-area: longtitle;
}
@media (orientation: landscape) {
  .Congratulations__longtitle___b6L4c {
    text-align: left;
  }
}
.Congratulations__introtext___LO1XH {
  color: rgba(51,51,51,0.4);
  letter-spacing: 0.25px;
  text-align: center;
  font-size: 14px;
  margin-bottom: 35px;
  grid-area: introtext;
}
@media (orientation: landscape) {
  .Congratulations__introtext___LO1XH {
    text-align: left;
  }
}
.Congratulations__description___g74OH {
  max-width: 163px;
  color: rgba(51,51,51,0.65);
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 20px;
  grid-area: description;
}
@media (orientation: landscape) {
  .Congratulations__description___g74OH {
    line-height: 23px;
  }
}
.Congratulations__axel___Lr6ss {
  max-width: 155px;
  aspect-ratio: 156/175;
  grid-area: axel;
}
.Congratulations__button___QG7FH {
  text-transform: uppercase;
  width: 100%;
  height: 44px;
  grid-area: btn;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/TextField/TextField.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.TextField__textField___Pu567 {
  position: relative;
  width: 100%;
}
.TextField__textField___Pu567.TextField__disabled___PlhNG .TextField__input___DVNSv {
  background-color: #e8e8e8;
}
.TextField__input___DVNSv {
  width: 100%;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  transition: border 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 48px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  padding: 0 12px;
}
.TextField__input___DVNSv.TextField__error___TJXr4,
.TextField__input___DVNSv:active.TextField__error___TJXr4,
.TextField__input___DVNSv:focus.TextField__error___TJXr4 {
  border-color: #c80000 !important;
}
.TextField__input___DVNSv:focus {
  border-color: #005ccb !important;
  outline: none !important;
}
.TextField__input___DVNSv:not([disabled]):hover {
  border-color: #005ccb;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/TemplateModal/TemplateModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.TemplateModal__confirmModal____cJ4U {
  position: relative;
  width: 350px;
}
.TemplateModal__heading___mRDL6 {
  font-family: 'Arial', sans-serif;
  font-size: 20px;
}
.TemplateModal__controls___VBuz7 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.TemplateModal__textField___B6unm {
  margin: 15px 0;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/FormInput/FormInput.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.FormInput__field___FzPy1 {
  position: relative;
}
.FormInput__field___FzPy1:not(.FormInput__errorTruncated___Mr8Aw) .FormInput__errorBottomLeft___JNPT1,
.FormInput__field___FzPy1:not(.FormInput__errorTruncated___Mr8Aw) .FormInput__errorBottomRight___gtzcI {
  top: 35px;
}
.FormInput__field___FzPy1:not(.FormInput__errorTruncated___Mr8Aw) .FormInput__errorTopLeft___NSneM,
.FormInput__field___FzPy1:not(.FormInput__errorTruncated___Mr8Aw) .FormInput__errorTopRight___AUU_v {
  bottom: 35px;
}
.FormInput__errorText___ssB8C {
  position: absolute;
  display: block;
  width: 100%;
  font-family: "Arial Standard", Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  color: #c80000;
  box-sizing: border-box;
  padding: 0 2px;
}
.FormInput__errorTruncated___Mr8Aw .FormInput__errorText___ssB8C {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.FormInput__errorBottomLeft___JNPT1,
.FormInput__errorTopLeft___NSneM {
  text-align: left;
}
.FormInput__errorBottomRight___gtzcI,
.FormInput__errorTopRight___AUU_v {
  text-align: right;
}
.FormInput__errorBottomLeft___JNPT1,
.FormInput__errorBottomRight___gtzcI {
  bottom: -15px;
}
.FormInput__errorTopLeft___NSneM,
.FormInput__errorTopRight___AUU_v {
  top: -15px;
}
.FormInput__icon___uT9Zu {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 14px !important;
  height: 14px !important;
  z-index: 99;
}
.FormInput__placeholderAnimate___gcosb {
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 13px;
  pointer-events: none;
  z-index: 2;
  transition: 0.1s all linear;
  background-color: #fff;
  padding: 0 5px;
  color: rgba(0,0,0,0.38);
}
.FormInput__placeholderAnimateShow___c93mb {
  top: -6px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ConfirmPasswordModal/ConfirmPasswordModal.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmPasswordModal__confirmModal___MjkeI {
  position: relative;
  width: 400px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ConfirmPasswordModal__confirmModal___MjkeI {
    width: auto;
  }
}
.ConfirmPasswordModal__heading___W5SSn {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.ConfirmPasswordModal__text___JkhB0 {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.ConfirmPasswordModal__input___b7_Zx {
  margin-bottom: 25px;
}
.ConfirmPasswordModal__controls___spb4z {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ConfirmPasswordModal__button___Bq0U0 {
  text-transform: uppercase;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DeleteEmployeeModal/DeleteEmployeeModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeleteEmployeeModal__modalWrapper____BCCp {
  border-radius: 3px;
  width: 715px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DeleteEmployeeModal__modalWrapper____BCCp {
    width: auto;
  }
}
.DeleteEmployeeModal__modalWrapperTerms___KyxLX {
}
.DeleteEmployeeModal__modalHeader___ZVD5H {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.DeleteEmployeeModal__modalHeaderNoBorder___xWbq7 {
  border: 0;
  margin-bottom: 12px;
}
.DeleteEmployeeModal__bodyHeader___HshrQ {
  color: #005ccb;
  font-weight: 700;
  font-size: 14px;
}
.DeleteEmployeeModal__modalBody___n2QPG {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.DeleteEmployeeModal__modalBodyFlex___m0_1F {
  border-bottom: 0;
  margin-top: 12px;
}
.DeleteEmployeeModal__fieldsRow___Vwr5c {
  display: flex;
  justify-content: space-between;
  margin-top: 2px;
}
.DeleteEmployeeModal__fieldsBlock___dKpNj {
  width: 314px;
}
.DeleteEmployeeModal__fieldWithTitle___Bx26T {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-bottom: 15px;
}
@media all and (min-width: 576px) {
  .DeleteEmployeeModal__bigRow___MZWkq {
    margin: 30px 0;
  }
}
.DeleteEmployeeModal__fieldWithTitleTopAligned___CAQsW {
  align-items: flex-start;
}
.DeleteEmployeeModal__inputField___fnebg {
  min-width: 150px;
}
.DeleteEmployeeModal__inputField___fnebg.DeleteEmployeeModal__smallInput___DXAVp {
  min-width: auto;
}
.DeleteEmployeeModal__fieldText___QB2cL {
  font-size: 12px;
  font-weight: 700;
}
.DeleteEmployeeModal__fieldTextFullWidth___lXJo6 {
  max-width: 100%;
  margin-right: 0;
}
.DeleteEmployeeModal__optionalText___AwQr4 {
  font-size: 10px;
  font-weight: 400;
}
.DeleteEmployeeModal__buttonsRow___qTDD6 {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}
.DeleteEmployeeModal__buttonsRowNoPadding___ywFix {
}
.DeleteEmployeeModal__buttonsRowNoPadding___ywFix :not(:last-child) {
  margin-right: 10px;
}
.DeleteEmployeeModal__button___hVL4_ {
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  min-width: 160px;
}
.DeleteEmployeeModal__discardButton___nPx5T {
  color: #005ccb;
  background-color: #fff;
  border: 1px solid #005ccb;
}
@media all and (max-width: 575.98px) {
  .DeleteEmployeeModal__discardButton___nPx5T {
    margin-bottom: 10px;
  }
}
.DeleteEmployeeModal__saveButton___IHoZ1 {
}
.DeleteEmployeeModal__discardButtonFullWidth___m_S9I {
  max-width: 300px;
}
.DeleteEmployeeModal__removeButton___xr41W {
  background-color: #f00;
  font-size: 12px;
  max-height: 22px !important;
  margin-bottom: 7px;
}
.DeleteEmployeeModal__confirmationText___WL23p {
  font-size: 12px;
  font-weight: 700;
}
.DeleteEmployeeModal__redButton___Haurn {
  background-color: #f00;
  min-width: 50px;
  margin-right: 7px;
  margin-left: 15px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  min-height: 24px !important;
  text-transform: uppercase;
}
.DeleteEmployeeModal__smallButton___mRra8 {
  min-width: 50px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  min-height: 24px !important;
  text-transform: uppercase;
}
.DeleteEmployeeModal__confirmationRow___CNj_Y {
  height: 35px;
}
.DeleteEmployeeModal__rightInfoBlock___xa2Ux {
  margin-right: 0 !important;
  margin-left: 0 !important;
  background-color: #dbe1ea;
  border: 1px solid #ccc;
  padding: 15px 12px 12px 12px;
  box-sizing: border-box;
  margin-top: 12px;
  min-height: 300px;
}
.DeleteEmployeeModal__infoBlockHeader___BNGC9 {
  font-weight: 700;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
}
.DeleteEmployeeModal__infoBlockText___JiJbX {
  font-size: 14;
  margin-top: 0;
}
.DeleteEmployeeModal__textarea___tXzee {
  height: 300px;
  border: 1px solid #ccc;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 11.7px;
  font-family: "Arial";
  box-sizing: border-box;
  margin-bottom: 10px;
  width: 100%;
  resize: none;
}
.DeleteEmployeeModal__textareaTerms___YZ1w5 {
  width: 100%;
}
.DeleteEmployeeModal__textareaWrapper___zezXA {
  font-size: 14px;
}
.DeleteEmployeeModal__textareaWrapperTerms___YmZDa {
  margin-right: 0;
}
.DeleteEmployeeModal__buttonsWrapper___pRfD_ {
  text-align: right;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/OfferRequestModals/modals.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.modals__modal___p3g0B {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .modals__modal___p3g0B {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
  }
}
.modals__modal___p3g0B [class*="MuiTabs-indicator"] {
  border-radius: 3px 3px 0px 0px;
  background-color: #005ccb;
  height: 3px;
}
.modals__modal___p3g0B [class*="Mui-selected"] {
  color: #005ccb !important;
}
.modals__formControl___MxcKH {
  width: 100%;
  grid-area: gender;
}
.modals__heading___SjFRs {
  font-family: 'Arial', sans-serif;
  font-size: 20px;
  padding: 0 20px 0;
}
@media all and (max-width: 575.98px) {
  .modals__heading___SjFRs {
    font-size: 12px;
  }
}
.modals__controls___HhEgK {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.modals__flexWrapper___MstdS {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.modals__contactItem___okt5G {
  display: flex;
  align-items: center;
  min-width: 250px;
  margin: 10px 0;
}
.modals__contactIcon___Okg8j {
  margin-right: 16px;
}
.modals__contactTitle___RrF5F {
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 42px;
  color: #200a4d;
}
.modals__contactText___GqcpW {
  font-size: 14px;
  line-height: 24px;
  color: rgba(32,10,77,0.8);
  font-weight: bold;
}
.modals__confirm___JzLHs {
  height: 48px;
  width: 100%;
  display: block;
  font-size: 14px;
  grid-area: confirm;
  font-weight: 600 !important;
}
@media all and (max-width: 575.98px) {
  .modals__confirm___JzLHs {
    white-space: normal;
    margin: 0 0 10px;
  }
}
.modals__btnSales___QQO0f {
  background-color: #00b800 !important;
  text-transform: uppercase !important;
}
.modals__resetBtn___HvMIL {
  height: 48px;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.modals__desc___yohDM {
  color: rgba(0,0,0,0.5);
  font-size: 14px;
  text-align: justify;
  width: calc(100% + 10px);
  display: block;
}
.modals__descCenter___DS9SE {
  text-align: center;
}
.modals__tabItem___lSHsq {
  font-size: 14px;
  color: #005ccb;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}
.modals__formRow___MNjRc {
  margin-bottom: 10px;
  display: flex;
}
.modals__formLabel___WKiUz {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  width: 20%;
  justify-content: flex-end;
  padding-right: 10px;
}
.modals__formInput___FkdaG {
  width: 100%;
}
.modals__pseudoLinkLabel___NVdix {
  display: flex;
  align-items: flex-end;
  padding: 5px 0;
}
@media all and (max-width: 575.98px) {
  .modals__pseudoLinkLabel___NVdix {
    justify-content: center;
  }
}
.modals__resetWrapper___EemIo {
  margin-bottom: 13px;
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.modals__pseudoLink___sKX__ {
  font-size: 12px;
  text-decoration: underline;
  color: rgba(0,0,0,0.83);
  cursor: pointer;
}
.modals__description___BLzyc {
  margin: 10px 0 20px;
  font-size: 14px;
}
.modals__checkboxLabel___Hg242 {
  font-size: 12px;
}
.modals__securityDescription___XpEBh {
  display: block;
  margin-top: 10px;
  font-size: 9px;
  color: #4caf50;
  text-align: center;
}
.modals__closedLockIcon___Jis71 {
  fill: #4caf50;
  width: 16px;
  heigth: 16px;
}
.modals__agreementLabel___nK850,
.modals__termsConditionsLabel___KpcR7 {
  align-items: flex-start;
  font-size: 9px;
}
.modals__agreementLabel___nK850 [class*='Checkbox__labelContent'],
.modals__termsConditionsLabel___KpcR7 [class*='Checkbox__labelContent'] {
  color: rgba(0,0,0,0.5);
}
.modals__termsConditionsLabel___KpcR7 {
  display: inline-block;
  margin-bottom: 10px;
}
@media all and (max-width: 575.98px) {
  .modals__termsConditionsLabel___KpcR7 {
    font-size: 11px;
    margin-bottom: 5px;
  }
}
.modals__RegistrationForm___rK4vd .react-select__placeholder {
  color: rgba(0,0,0,0.6) !important;
}
.modals__RegistrationForm___rK4vd ::-webkit-input-placeholder {
  color: #fff;
}
.modals__RegistrationForm___rK4vd ::-moz-placeholder {
  color: #fff;
}
.modals__RegistrationForm___rK4vd :-ms-input-placeholder {
  color: #fff;
}
.modals__RegistrationForm___rK4vd :-moz-placeholder {
  color: #fff;
}
@media all and (max-width: 575.98px) {
  .modals__RegistrationForm___rK4vd ::-webkit-input-placeholder {
    color: #ccc;
  }
  .modals__RegistrationForm___rK4vd ::-moz-placeholder {
    color: #ccc;
  }
  .modals__RegistrationForm___rK4vd :-ms-input-placeholder {
    color: #ccc;
  }
  .modals__RegistrationForm___rK4vd :-moz-placeholder {
    color: #ccc;
  }
}
@media all and (max-width: 575.98px) {
  .modals__RegistrationForm___rK4vd {
    max-width: 100%;
  }
  .modals__RegistrationForm___rK4vd .modals__description___BLzyc {
    margin: 5px 0;
    font-size: 11px;
  }
  .modals__RegistrationForm___rK4vd .modals__formRow___MNjRc {
    margin-bottom: 10px;
  }
  .modals__RegistrationForm___rK4vd .modals__formRow___MNjRc.modals__terms___SCUoq {
    margin-bottom: 15px;
    border: none;
    padding-top: 0;
  }
  .modals__RegistrationForm___rK4vd .modals__formPasswordRow___e3vl1 {
    margin-bottom: 15px;
  }
}
.modals__RegistrationForm___rK4vd .modals__error___xaSGo {
  line-height: 20px;
}
@media all and (max-width: 575.98px) {
  .modals__RegistrationForm___rK4vd .modals__error___xaSGo {
    line-height: 19px;
  }
}
.modals__RegistrationForm___rK4vd .modals__passwordError___AJbW6 {
  line-height: 16px;
}
.modals__loginForm___CBw4l {
  padding-top: 15px;
}
.modals__loginForm___CBw4l .modals__fieldsWrapper___cwbqn {
  display: grid;
  grid-gap: 24px 16px;
  grid-template-columns: repeat(1, 1fr);
}
.modals__loginForm___CBw4l .modals__error___xaSGo {
  line-height: 20px;
}
.modals__loginForm___CBw4l .react-select__placeholder {
  color: #ccc !important;
}
.modals__loginForm___CBw4l ::-webkit-input-placeholder {
  color: #fff;
}
.modals__loginForm___CBw4l ::-moz-placeholder {
  color: #fff;
}
.modals__loginForm___CBw4l :-ms-input-placeholder {
  color: #fff;
}
.modals__loginForm___CBw4l :-moz-placeholder {
  color: #fff;
}
@media all and (max-width: 575.98px) {
  .modals__loginForm___CBw4l ::-webkit-input-placeholder {
    color: #ccc;
  }
  .modals__loginForm___CBw4l ::-moz-placeholder {
    color: #ccc;
  }
  .modals__loginForm___CBw4l :-ms-input-placeholder {
    color: #ccc;
  }
  .modals__loginForm___CBw4l :-moz-placeholder {
    color: #ccc;
  }
}
@media all and (max-width: 575.98px) {
  .modals__loginForm___CBw4l {
    max-width: 100%;
  }
  .modals__loginForm___CBw4l .modals__description___BLzyc {
    margin: 5px 0;
    font-size: 11px;
  }
}
.modals__resetPassword___wXuCR {
  margin-bottom: 20px;
  padding: 0;
}
.modals__closeBtn___V5h02 {
  background: #1f1f1f;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
}
.modals__closeBtn___V5h02:before,
.modals__closeBtn___V5h02:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  content: ' ';
  height: 10px;
  width: 0px;
  box-shadow: 0 0 0 1px #fff;
}
.modals__closeBtn___V5h02:after {
  transform: rotate(-90deg);
}
.modals__terms___SCUoq {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.modals__thxModal___RCxNV {
  padding: 0 0 10px;
  max-width: 500px;
}
.modals__thxModal___RCxNV [class*='modals__modalContent'] {
  align-items: center;
}
.modals__thxModal___RCxNV .modals__text___n3kQj {
  font-size: 14px;
  text-align: justify;
  line-height: 25px;
  color: rgba(0,0,0,0.5);
}
@media all and (max-width: 575.98px) {
  .modals__thxModal___RCxNV .modals__text___n3kQj {
    font-size: 12px;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .modals__thxModal___RCxNV {
    max-width: 100%;
  }
}
.modals__thxModal___RCxNV .modals__heading___SjFRs {
  padding: 0;
}
@media all and (max-width: 575.98px) {
  .modals__thxModal___RCxNV .modals__heading___SjFRs {
    font-size: 16px;
  }
}
.modals__thxModal___RCxNV .modals__controls___HhEgK {
  padding: 10px 23px 13px;
  justify-content: flex-end;
}
.modals__thxModal___RCxNV .modals__controls___HhEgK .modals__confirm___JzLHs {
  width: 50%;
}
@media all and (max-width: 575.98px) {
  .modals__thxModal___RCxNV .modals__controls___HhEgK .modals__confirm___JzLHs {
    width: 100%;
  }
}
.modals__LoginRegistrationModal___LPo9P {
  width: auto;
  padding: 0 20px 10px;
}
.modals__LoginRegistrationModal___LPo9P .modals__terms___SCUoq {
  padding-top: 20px;
}
@media all and (max-width: 575.98px) {
  .modals__LoginRegistrationModal___LPo9P {
    padding: 0 10px 15px;
  }
  .modals__LoginRegistrationModal___LPo9P .modals__terms___SCUoq {
    border: none;
    padding-top: 0;
  }
}
.modals__LoginRegistrationModal___LPo9P .modals__heading___SjFRs {
  padding: 0;
}
.modals__LoginRegistrationModal___LPo9P .modals__confirm___JzLHs {
  margin-bottom: 0;
}
.modals__LoginRegistrationModal___LPo9P .modals__RegistrationForm___rK4vd .react-select__placeholder {
  color: #ccc !important;
}
.modals__LoginRegistrationModal___LPo9P .modals__RegistrationForm___rK4vd ::-webkit-input-placeholder {
  color: #ccc;
}
.modals__LoginRegistrationModal___LPo9P .modals__RegistrationForm___rK4vd ::-moz-placeholder {
  color: #ccc;
}
.modals__LoginRegistrationModal___LPo9P .modals__RegistrationForm___rK4vd :-ms-input-placeholder {
  color: #ccc;
}
.modals__LoginRegistrationModal___LPo9P .modals__RegistrationForm___rK4vd :-moz-placeholder {
  color: #ccc;
}
.modals__mobileBottomText___MbcMH {
  padding-top: 10px;
}
.modals__titleCheckout___dMviw {
  color: rgba(51,51,51,0.83);
  font-size: 18px;
  position: relative;
  padding: 15px 35px;
  text-align: center;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
  margin-bottom: 15px;
}
.modals__content___ItoLR,
.modals__contentUpdate___x9ohQ {
  padding: 0 25px 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.modals__content___ItoLR {
  max-width: 375px;
}
.modals__btnLink___QjR4d {
  margin-top: 12px !important;
  height: 48px;
  width: 100%;
  font-size: 14px;
  font-weight: 600 !important;
  grid-area: btnLink;
}
.modals__registrationWrapper___vEagu {
  box-sizing: border-box;
  padding-top: 15px;
  display: grid;
  grid-gap: 16px 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'gender gender gender gender' 'firstName firstName lastName lastName' 'email email email email' 'countryCode areaCode phoneNumber phoneNumber' 'timePicker timePicker timePicker timePicker' 'checkedRegister checkedRegister checkedRegister checkedRegister';
}
.modals__registrationWrapper___vEagu .modals__selectWrapper___RPRzs input {
  height: 44px;
}
.modals__gender___WvEAv {
  grid-area: gender;
}
.modals__firstName___Dni7l {
  grid-area: firstName;
}
.modals__lastName___sEoR8 {
  grid-area: lastName;
}
.modals__email___ScUHD {
  grid-area: email;
}
.modals__countryCode___kZ3E_ {
  grid-area: countryCode;
}
.modals__countryCode___kZ3E_ [aria-expanded] {
  padding-right: 0 !important;
}
.modals__countryCodeFormIcon___PtXeP {
  right: 5px;
}
.modals__areaCode___mzIUP {
  grid-area: areaCode;
  width: 80px !important;
}
.modals__phoneNumber___Jcr5I {
  grid-area: phoneNumber;
}
.modals__timePickerContainer___uZz04 {
  grid-area: timePicker;
  display: flex;
  justify-content: space-between;
}
.modals__fieldMinInput___n9xAx [class*='MuiInputBase-input'] {
  height: 48px !important;
}
.modals__checkedWrap___dOZtz {
  grid-area: checkedRegister;
  margin-top: -10px;
  margin-bottom: 20px;
}
.modals__checkedRegister___sx_MI > [class*='Checkbox__container']:focus {
  outline: 0;
}
.modals__topChecked___iK6nM {
  color: rgba(0,0,0,0.5);
  font-size: 9px;
  text-align: justify;
}
.modals__termsLink___YmT_b {
  text-decoration: underline;
  font-size: 9px;
  text-align: justify;
}
.modals__termsLink___YmT_b:hover {
  text-decoration: none;
}
.modals__recoveryWrapper___PgJfo {
  margin: 40px 0 35px;
}
@media (orientation: landscape) {
  .modals__buyNowContent___GRILK {
    padding: 17px;
    margin: 0;
    max-width: 100%;
  }
}
.modals__buyNowTitle___dJmcL {
  font-size: 22px;
  color: #005ccb;
  text-transform: uppercase;
}
.modals__modalOverlay___Fb5GV {
  max-width: 386px;
  margin: 30px auto;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .modals__modalOverlay___Fb5GV {
    margin: 8px auto 30px;
  }
}
.modals__modalContent___FYPli {
  display: flex;
  justify-content: space-between;
}
.modals__secondaryButton___kLkkK {
  background-color: transparent !important;
  width: 327px !important;
  margin: 0 auto;
  color: #005ccb !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  border: 1px solid #005ccb !important;
  padding: 16px 60px 16px !important;
  line-height: 16px !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/FormDropDown/FormDropDown.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.FormDropDown__field___p4cqU {
  position: relative;
}
.FormDropDown__errorText___J7xag {
  position: absolute;
  display: block;
  width: 100%;
  font-family: "Arial Standard", Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  color: #c80000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 2px;
}
.FormDropDown__errorBottomLeft___x09a0,
.FormDropDown__errorTopLeft___wgD1k {
  text-align: left;
}
.FormDropDown__errorBottomRight___gGCYY,
.FormDropDown__errorTopRight___CIlgm {
  text-align: right;
}
.FormDropDown__errorBottomLeft___x09a0,
.FormDropDown__errorBottomRight___gGCYY {
  bottom: -15px;
}
.FormDropDown__errorTopLeft___wgD1k,
.FormDropDown__errorTopRight___CIlgm {
  top: -15px;
}
.FormDropDown__placeholderAnimate___hfvd1 {
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 13px;
  pointer-events: none;
  z-index: 2;
  transition: 0.1s all linear;
  background-color: #fff;
  padding: 0 5px;
  color: rgba(0,0,0,0.38);
}
.FormDropDown__placeholderAnimateShow___PtLs1 {
  top: -6px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ConfirmCarDeleteModal/ConfirmCarDeleteModal.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmCarDeleteModal__confirmCarDeleteModal___fjcNQ {
  position: relative;
  width: 350px;
}
.ConfirmCarDeleteModal__heading___qlG_L {
  font-family: 'Arial', sans-serif;
  font-size: 20px;
}
.ConfirmCarDeleteModal__controls___rEXO9 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ConfirmAccountDeleteModal/ConfirmAccountDeleteModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmAccountDeleteModal__confirmAccountDeleteModal___NHkwu {
  position: relative;
  width: auto;
}
.ConfirmAccountDeleteModal__confirmAccountDeleteModal___NHkwu + span {
  display: none;
}
@media all and (min-width: 992px) {
  .ConfirmAccountDeleteModal__confirmAccountDeleteModal___NHkwu {
    width: 376px;
  }
}
.ConfirmAccountDeleteModal__heading___PtBEM {
  font-size: 18px;
  display: flex;
  white-space: nowrap;
  align-items: center;
  color: rgba(76,78,100,0.87);
}
@media all and (min-width: 992px) {
  .ConfirmAccountDeleteModal__heading___PtBEM {
    font-size: 24px;
  }
}
.ConfirmAccountDeleteModal__warningIcon___OF8UN {
  font-size: 41px;
  margin-right: 15px;
  text-align: center;
}
.ConfirmAccountDeleteModal__text___YjQnC {
  color: rgba(76,78,100,0.87);
  font-size: 14px;
}
@media all and (min-width: 992px) {
  .ConfirmAccountDeleteModal__text___YjQnC {
    font-size: 16px;
  }
}
.ConfirmAccountDeleteModal__controls___ys9vM {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ConfirmAccountDeleteModal__decline___nXrGY,
.ConfirmAccountDeleteModal__confirm___FGZdb {
  min-height: 38px !important;
}
.ConfirmAccountDeleteModal__decline___nXrGY {
  margin-right: 10px !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ConfirmDeliveryAddressDeleteModal/ConfirmDeliveryAddressDeleteModal.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmDeliveryAddressDeleteModal__confirmDeliveryAddressDeleteModal___jCuzA {
  position: relative;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.ConfirmDeliveryAddressDeleteModal__confirmDeliveryAddressDeleteModal___jCuzA + span {
  display: none;
}
@media all and (min-width: 992px) {
  .ConfirmDeliveryAddressDeleteModal__confirmDeliveryAddressDeleteModal___jCuzA {
    width: 375px;
    height: 172px;
  }
}
.ConfirmDeliveryAddressDeleteModal__heading___AbgCd {
  font-size: 18px;
  display: flex;
  white-space: nowrap;
  align-items: center;
  color: rgba(76,78,100,0.87);
}
@media all and (min-width: 992px) {
  .ConfirmDeliveryAddressDeleteModal__heading___AbgCd {
    font-size: 24px;
  }
}
.ConfirmDeliveryAddressDeleteModal__warningIcon___SXnFY {
  font-size: 41px;
  margin-right: 15px;
  text-align: center;
}
.ConfirmDeliveryAddressDeleteModal__text___DeYBl {
  color: rgba(76,78,100,0.87);
  font-size: 14px;
}
@media all and (min-width: 992px) {
  .ConfirmDeliveryAddressDeleteModal__text___DeYBl {
    font-size: 16px;
    margin: 30px 0;
  }
}
.ConfirmDeliveryAddressDeleteModal__controls___LceG7 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ConfirmDeliveryAddressDeleteModal__decline___Tmtsh,
.ConfirmDeliveryAddressDeleteModal__confirm___ST4rF {
  min-height: 38px !important;
  min-width: auto !important;
  padding: 0 25px !important;
}
.ConfirmDeliveryAddressDeleteModal__decline___Tmtsh {
  margin-right: 10px !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DeliveryAddressesModal/DeliveryAddressesModal.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeliveryAddressesModal__wrapper___nrggi {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 336px));
  justify-content: center;
  grid-gap: 24px;
  margin: 20px 0;
}
@media all and (min-width: 992px) {
  .DeliveryAddressesModal__wrapper___nrggi {
    width: 700px;
    margin: 10px 0 0 0;
  }
}
.DeliveryAddressesModal__editPrivateAddress___kitHM {
  box-sizing: border-box;
  height: 278px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(76,78,100,0.12);
  text-align: right;
}
.DeliveryAddressesModal__editPrivateAddressTitle___RPi0J {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  border-bottom: 1px solid rgba(76,78,100,0.12);
  padding-bottom: 20px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.DeliveryAddressesModal__addDeliveryAddress___SL37j {
  height: 278px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px dashed rgba(76,78,100,0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.DeliveryAddressesModal__addDeliveryAddress___SL37j.DeliveryAddressesModal__addDeliveryAddressNew____apll {
  pointer-events: none;
  opacity: 0.32;
}
.DeliveryAddressesModal__addDeliveryAddress___SL37j.DeliveryAddressesModal__addDeliveryAddressDisable___oIrpv {
  display: none;
}
.DeliveryAddressesModal__addDeliveryAddressTitle___h4v_n {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  display: block;
  margin-top: 16px;
}
.DeliveryAddressesModal__addDeliveryAddressIcon___oK8va {
  display: block;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #6d788d;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  color: rgba(76,78,100,0.54);
  font-size: 45px;
}
.DeliveryAddressesModal__privateAddressContent___asST0 {
  padding: 20px 0;
  text-align: left;
}
.DeliveryAddressesModal__privateAddressContent___asST0 > div + div {
  margin-top: 10px;
}
.DeliveryAddressesModal__privateAddressLabel___N50rd {
  color: rgba(76,78,100,0.87);
  font-size: 14px;
  font-weight: 600;
}
.DeliveryAddressesModal__privateAddressValue___PXWGl {
  color: rgba(76,78,100,0.68);
  font-size: 14px;
}
.DeliveryAddressesModal__privateAddressRequired___wA1OH {
  color: rgba(255,77,73,0.5);
  font-style: italic;
  font-size: 14px;
}
.DeliveryAddressesModal__buttonAddress___r0sYM,
.DeliveryAddressesModal__buttonAddressComplete___U8XED,
.DeliveryAddressesModal__buttonSelect___EXWYG {
  min-height: 38px !important;
  width: 130px !important;
}
.DeliveryAddressesModal__wrapBtn___ZMRq0 {
  display: flex;
  justify-content: space-between;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DeliveryAddressesAddModal/DeliveryAddressesAddModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeliveryAddressesAddModal__container___mbBAE {
  display: grid;
  grid-gap: 16px 24px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'gender gender title title' 'firstName firstName firstName firstName' 'lastName lastName lastName lastName' 'street street street number' 'zip zip city city' 'phoneNumber phoneNumber phoneNumber phoneNumber' 'company company company company';
}
@media all and (min-width: 992px) {
  .DeliveryAddressesAddModal__container___mbBAE {
    grid-gap: 24px;
    grid-template-areas: 'gender gender title title' 'firstName firstName lastName lastName' 'street street number zip' 'city city phoneNumber phoneNumber' 'company company company company';
  }
}
.DeliveryAddressesAddModal__wrapper___NaR7G {
  width: 100%;
}
.DeliveryAddressesAddModal__wrapper___NaR7G [class*='FormDropDown__field'] {
  max-width: 100%;
}
@media all and (min-width: 992px) {
  .DeliveryAddressesAddModal__wrapper___NaR7G {
    width: 900px;
  }
}
.DeliveryAddressesAddModal__formRow___RP2YT {
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.DeliveryAddressesAddModal__formLabel___GHvPL {
  font-weight: bold;
}
.DeliveryAddressesAddModal__differentAddress___EwFt7 {
  margin: auto;
}
.DeliveryAddressesAddModal__buttonContainer___O7Fte {
  display: flex;
  justify-content: center;
  padding: 0 7.5px;
}
.DeliveryAddressesAddModal__saveButton___J1bSO,
.DeliveryAddressesAddModal__cancelButton___ZrHkv {
  margin-top: 16px !important;
}
.DeliveryAddressesAddModal__saveButton___J1bSO {
  margin-left: 16px !important;
}
.DeliveryAddressesAddModal__heading___r6tCK {
  font-size: 24px;
  color: rgba(76,78,100,0.87);
  text-align: center;
  margin-bottom: 16px;
}
@media all and (max-width: 575.98px) {
  .DeliveryAddressesAddModal__phoneNumber___KCpj5 {
    margin-top: 15px;
  }
}
.DeliveryAddressesAddModal__gridWrap___FC3kF {
  display: grid;
  grid-template-columns: 110px 105px 1fr;
  grid-gap: 16px 24px;
}
@media all and (min-width: 992px) {
  .DeliveryAddressesAddModal__gridWrap___FC3kF {
    grid-gap: 24px;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/PaymentDetails/CheckoutOfferPanel/CheckoutOfferPanel.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckoutOfferPanel__offerBlockWrapper___vozBD {
  padding: 16px 16px 9px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'paymentTypeName paymentTypeName paymentTypeName paymentTypeName' 'financingCheckboxWrapper financingCheckboxWrapper financingCheckboxWrapper financingCheckboxWrapper' 'rangeGroupWrapper rangeGroupWrapper rangeGroupWrapper rangeGroupWrapper' 'offerPeriodWrapper offerPeriodWrapper offerPeriodWrapper offerPeriodWrapper' 'preparationCheckbox preparationCheckbox preparationCheckbox preparationCheckbox' 'priceDetailsBlock priceDetailsBlock priceDetailsBlock priceDetailsBlock';
}
.CheckoutOfferPanel__financingCheckboxWrapper___Y_5gv {
  grid-area: financingCheckboxWrapper;
}
.CheckoutOfferPanel__rangeGroupWrapper___T1QC4 {
  grid-area: rangeGroupWrapper;
}
.CheckoutOfferPanel__rangeGroupWrapper___T1QC4 [class*='sliderValues'] {
  margin-top: 18px;
}
.CheckoutOfferPanel__rangeGroupWrapper___T1QC4 [class*='range'] {
  margin-top: 34px;
}
.CheckoutOfferPanel__rangeGroupWrapper___T1QC4 [class*='circleValue'] {
  z-index: auto;
}
.CheckoutOfferPanel__rangeGroupWrapper___T1QC4 [class*='rc-slider-rail'] {
  height: 5px !important;
}
@media (orientation: landscape) {
  .CheckoutOfferPanel__rangeGroupWrapper___T1QC4 [class*='range'] {
    margin-top: 25px;
  }
}
.CheckoutOfferPanel__preparationCheckbox___cDXzb {
  grid-area: preparationCheckbox;
  margin-top: 14px;
}
.CheckoutOfferPanel__preparationCheckbox___cDXzb [class*='container'] {
  width: 100%;
  outline: none;
}
.CheckoutOfferPanel__offerPeriodWrapper___YM_4_ {
  margin-top: 23px;
  grid-area: offerPeriodWrapper;
}
.CheckoutOfferPanel__offerPeriodWrapper___YM_4_ [class*='headerPeriod'] {
  margin: 0;
  margin-bottom: 10px;
}
.CheckoutOfferPanel__offerPeriodWrapper___YM_4_ [class*='headerSub'] {
  font-size: 14px;
}
.CheckoutOfferPanel__priceDetailsBlock___De1Bv {
  grid-area: priceDetailsBlock;
  margin-top: 20px;
}
.CheckoutOfferPanel__paymentTypeName___Ny97H {
  grid-area: paymentTypeName;
}
.CheckoutOfferPanel__currentPriceWrapper___xZKUP {
  display: flex;
  align-items: baseline;
  color: #4caf50;
}
.CheckoutOfferPanel__oldPriceWrapper___UwuBY {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.CheckoutOfferPanel__priceWrapper___Wb0Ay {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CheckoutOfferPanel__offerBlockWrapper___vozBD {
  background-color: #fff;
}
.CheckoutOfferPanel__paymentTypeName___Ny97H {
  display: none;
}
.CheckoutOfferPanel__oldFinancingPrice___ykh75 {
  font-size: 14px;
  margin-top: 20px;
  width: fit-content;
}
.CheckoutOfferPanel__oldFinancingPrice___ykh75 [class*='unit'] {
  font-size: 9px;
  display: inline-block;
  position: relative;
  bottom: 4px;
}
.CheckoutOfferPanel__unit___aKv_l [class*='unit'] {
  top: -22px !important;
  font-size: 18px !important;
}
.CheckoutOfferPanel__monthlyRate___DR4_t {
  margin-bottom: 18px;
}
.CheckoutOfferPanel__numberContainer___t3ON6 {
  font-size: 60px;
  font-weight: 400;
}
.CheckoutOfferPanel__financingDetails___ND574 {
  cursor: pointer;
  display: block;
  font-size: 10px;
  padding-top: 8px;
  text-decoration: underline;
  color: rgba(51,51,51,0.83);
}
.CheckoutOfferPanel__preparationCheckbox___cDXzb {
  margin-top: 14px;
}
.CheckoutOfferPanel__preparationCheckbox___cDXzb [class*='labelContent'] {
  font-size: 12px;
  color: rgba(0,0,0,0.831);
}
@media (orientation: landscape) {
  .CheckoutOfferPanel__preparationCheckbox___cDXzb {
    margin-top: 40px;
  }
}
.CheckoutOfferPanel__englishFontSize___zgP29 [class*='labelContent'] {
  font-size: 14px;
}
.CheckoutOfferPanel__finalAdvice___phWiq {
  width: 100% !important;
  justify-content: space-between;
  margin-left: 0 !important;
}
.CheckoutOfferPanel__finalCheckbox___sn5eM {
  margin-right: -11px !important;
}
@media (orientation: landscape) {
  .CheckoutOfferPanel__offerPeriodWrapper___YM_4_ {
    margin: 0;
  }
  .CheckoutOfferPanel__priceWrapper___Wb0Ay {
    padding: 0;
  }
  .CheckoutOfferPanel__monthlyRate___DR4_t {
    margin-top: 7px;
  }
  .CheckoutOfferPanel__paymentTypeName___Ny97H {
    display: block;
    color: rgba(0,0,0,0.83);
    font-size: 22px;
    line-height: 25.3px;
    margin-bottom: 13px;
    margin-top: 10px;
  }
  .CheckoutOfferPanel__rangeGroup___hia4D {
    margin-top: -30px;
  }
  .CheckoutOfferPanel__financingDetails___ND574 {
    margin: 8px 0;
    padding: 0;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD:after {
    content: '';
    position: absolute;
    top: 60px;
    right: 50%;
    margin: auto;
    transform: translate(-50%);
    height: 65%;
    width: 1px;
    background: #f5f5f5;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD {
    padding: 10px 16px 32px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    border-radius: 8px;
    column-gap: 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'paymentTypeName paymentTypeName paymentTypeName paymentTypeName' 'financingCheckboxWrapper financingCheckboxWrapper offerPeriodWrapper offerPeriodWrapper' 'rangeGroupWrapper rangeGroupWrapper offerPeriodWrapper offerPeriodWrapper' 'preparationCheckbox preparationCheckbox priceDetailsBlock priceDetailsBlock';
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD [class*='offerBlock'] {
    border: none;
    padding-bottom: 0;
    padding-right: 16px;
    border-right: 1px solid #f5f6fa;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD [class*='headerPeriod'] {
    color: rgba(0,0,0,0.83);
    margin-top: 0;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD .CheckoutOfferPanel__paymentTypeName___Ny97H {
    grid-area: paymentTypeName;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD .CheckoutOfferPanel__checkoutOffer___Rt8Q0 {
    grid-area: checkoutOffer;
    margin: 0;
    padding: 0;
    grid-template-areas: 'financingCheckboxWrapper financingCheckboxWrapper offerPeriodWrapper offerPeriodWrapper' 'rangeGroupWrapper rangeGroupWrapper offerPeriodWrapper offerPeriodWrapper' 'offerCheckboxGroup offerCheckboxGroup priceDetailsBlock priceDetailsBlock';
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD .CheckoutOfferPanel__checkoutOffer___Rt8Q0 [class*='financingCheckboxWrapper'] {
    padding-top: 11px;
    font-size: 14px;
    line-height: 16.1px;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD .CheckoutOfferPanel__checkoutOffer___Rt8Q0 [class*='sliderValues'] {
    font-size: 14px;
  }
  .CheckoutOfferPanel__offerBlockWrapper___vozBD .CheckoutOfferPanel__priceDetailsBlock___De1Bv {
    grid-area: priceDetailsBlock;
    margin-top: -20px;
  }
  .CheckoutOfferPanel__offerBlockLeasingWrapper___A1YOi {
    grid-template-areas: 'paymentTypeName paymentTypeName preparationCheckbox preparationCheckbox' 'rangeGroupWrapper rangeGroupWrapper offerPeriodWrapper offerPeriodWrapper' 'rangeGroupWrapper rangeGroupWrapper priceDetailsBlock priceDetailsBlock' 'rangeGroupWrapper rangeGroupWrapper priceDetailsBlock priceDetailsBlock';
  }
  .CheckoutOfferPanel__offerBlockLeasingWrapper___A1YOi .CheckoutOfferPanel__preparationCheckbox___cDXzb {
    margin-top: 12px;
  }
  .CheckoutOfferPanel__offerBlockLeasingWrapper___A1YOi .CheckoutOfferPanel__offerPeriodWrapper___YM_4_ {
    margin-top: 18px;
  }
  .CheckoutOfferPanel__offerBlockLeasingWrapper___A1YOi .CheckoutOfferPanel__priceDetailsBlock___De1Bv {
    margin-top: 25px;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/VehicleDetailed/OfferBlock/OfferBlock.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.OfferBlock__offerBlock___kZYfs {
  font-family: 'Arial Fett', 'Arial Standard', 'Arial';
  font-size: 12px;
  padding-bottom: 15px;
  position: relative;
  width: 100%;
  border-top: 1px solid #e8e8e8;
}
.OfferBlock__offerBlock___kZYfs [class*='OfferPanel__OfferPanel'] {
  padding-top: 0;
}
.OfferBlock__slider___p6nB9 {
  display: flex;
  padding-top: 25px;
}
.OfferBlock__sliderCaption___y2rMb {
  width: 30%;
  font-weight: 700;
  word-break: break-word;
}
.OfferBlock__controls___R63C4 {
  width: 70%;
}
.OfferBlock__sliderValues___a5TiA {
  display: flex;
  justify-content: space-between;
  color: #333;
  margin-top: 2px;
}
.OfferBlock__deleteButton___E7BF9 {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  cursor: pointer;
  padding-top: 15px;
  padding-left: 60px;
  width: 8px !important;
  height: 8px !important;
  fill: #999;
  stroke: #999;
}
.OfferBlock__checkboxPrice___t7U5g {
  align-self: center;
  color: rgba(0,0,0,0.63);
  font-size: 12px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/QualityRestrictionModal/QualityRestrictionModal.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QualityRestrictionModal__modal___sU_xj {
  width: 485px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .QualityRestrictionModal__modal___sU_xj {
    width: auto;
  }
}
.QualityRestrictionModal__textAlignCenter___sVPi3 {
  text-align: center;
}
.QualityRestrictionModal__closeButton___GSb08 {
  font-weight: 700;
  height: 40px;
}
.QualityRestrictionModal__noMarginTop___jSCdi {
  margin-top: 0;
}
.QualityRestrictionModal__externalLink___czRZW {
  color: #005ccb;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/SettingsModal/CredentialsModal/CredentialsModal.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CredentialsModal__wrapper___u7wcB {
  width: 400px;
}
.CredentialsModal__buttonContainer___iwbad {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.CredentialsModal__heading___oNjuX {
  font-size: 20px;
  margin-bottom: 15px;
  color: #005ccb;
}
.CredentialsModal__formContainer___ATwiw {
  display: block;
}
.CredentialsModal__formRow___wALPl {
  width: 100%;
  padding-bottom: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
}
.CredentialsModal__formColumn___mdydT {
  width: 100%;
  box-sizing: border-box;
}
.CredentialsModal__saveButton___eD82Y {
  width: 160px;
  height: 30px !important;
  font-size: 14px;
}
.CredentialsModal__cancelButton___AfM0G,
.CredentialsModal__saveButton___eD82Y {
  text-transform: uppercase;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/SettingsModal/ContactDataModal/ContactDetailsModal.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactDetailsModal__container___RzKoT {
  display: grid;
  grid-gap: 16px 24px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'gender gender title title' 'firstName firstName firstName firstName' 'lastName lastName lastName lastName' 'street street street number' 'zip zip city city' 'country country country country' 'phoneNumber phoneNumber phoneNumber phoneNumber' 'company company company company';
}
@media all and (min-width: 992px) {
  .ContactDetailsModal__container___RzKoT {
    grid-gap: 24px;
    grid-template-areas: 'gender gender title title' 'firstName firstName lastName lastName' 'street street number zip' 'city city country country' 'phoneNumber phoneNumber phoneNumber phoneNumber' 'company company company company';
  }
}
.ContactDetailsModal__wrapper___Cpqgi {
  width: 500px;
}
.ContactDetailsModal__wrapper___Cpqgi [class*='FormDropDown__field'] {
  max-width: 100%;
}
@media all and (max-width: 575.98px) {
  .ContactDetailsModal__wrapper___Cpqgi {
    width: auto;
  }
}
.ContactDetailsModal__formRow___Rvk0x {
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.ContactDetailsModal__formLabel___dqg4P {
  font-weight: bold;
}
.ContactDetailsModal__differentAddress___wo1tQ {
  margin: auto;
}
.ContactDetailsModal__buttonContainer___QwD5B {
  display: flex;
  justify-content: center;
  padding: 0 7.5px;
}
.ContactDetailsModal__saveButton___ANNB8,
.ContactDetailsModal__cancelButton___atV7w {
  margin-top: 16px !important;
}
.ContactDetailsModal__saveButton___ANNB8 {
  margin-left: 16px !important;
}
.ContactDetailsModal__heading___geRhh {
  font-size: 24px;
  color: rgba(76,78,100,0.87);
  text-align: center;
  margin-bottom: 16px;
}
@media all and (max-width: 575.98px) {
  .ContactDetailsModal__phoneNumber____XhMO {
    margin-top: 15px;
  }
}
.ContactDetailsModal__gridWrap___UWaZK {
  display: grid;
  grid-template-columns: 110px 105px 1fr;
  grid-gap: 16px 24px;
}
@media all and (min-width: 992px) {
  .ContactDetailsModal__gridWrap___UWaZK {
    grid-gap: 24px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DealerModals/DealerAddressModal/DealerAddressModal.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DealerAddressModal__wrapper___fKXFq {
  width: 100%;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DealerAddressModal__wrapper___fKXFq {
    width: auto;
    padding: 0px 15px;
  }
}
.DealerAddressModal__blockModalButton___ggAFB {
  padding-top: 32px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 340px auto auto;
  grid-template-areas: 'remove cancel save';
}
@media all and (max-width: 991.98px) {
  .DealerAddressModal__blockModalButton___ggAFB {
    padding-top: 14px;
    grid-template-columns: none;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-areas: 'save' 'cancel' 'remove';
  }
}
.DealerAddressModal__rowFields___vWr0X {
  margin-bottom: 18px;
}
.DealerAddressModal__textSubheader___oPdmR {
  font-weight: 400 !important;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.DealerAddressModal__button___YrVW9 {
  margin: 5px;
  height: 38px;
  grid-area: cancel;
  min-width: 99px !important;
}
.DealerAddressModal__button___YrVW9:last-child {
  grid-area: save;
}
.DealerAddressModal__remove___V1pl6 {
  height: 38px;
  color: #e60000 !important;
  padding: 0px !important;
  width: fit-content;
  grid-area: remove;
}
@media all and (max-width: 991.98px) {
  .DealerAddressModal__remove___V1pl6 {
    width: auto;
    min-width: auto !important;
  }
}
.DealerAddressModal__countryCode___aRaew>div {
  min-width: unset !important;
}
.DealerAddressModal__gridWrapper____L3BO {
  display: grid;
  grid-column-gap: 16px;
  grid-template-rows: min-content 1fr;
  grid-auto-columns: auto;
  grid-template-areas: 'company company company company company company company company' 'gender gender gender gender email email email email' 'firstName firstName firstName firstName lastName lastName lastName lastName' 'street street street street street street number number' 'zip zip city city city country country country' 'labelPhoneMain labelPhoneMain labelPhoneMain labelPhoneMain labelPhoneMobile labelPhoneMobile labelPhoneMobile labelPhoneMobile' 'phoneMain_countryCode phoneMain_areaCode phoneMain_phoneNumber phoneMain_phoneNumber phoneMobile_countryCode phoneMobile_areaCode phoneMobile_phoneNumber phoneMobile_phoneNumber' 'phoneMain_fullPhone phoneMain_fullPhone phoneMain_fullPhone phoneMain_fullPhone phoneMobile_fullPhone phoneMobile_fullPhone phoneMobile_fullPhone phoneMobile_fullPhone';
}
@media all and (max-width: 991.98px) {
  .DealerAddressModal__gridWrapper____L3BO {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'company company company company' 'gender gender gender gender' 'email email email email' 'firstName firstName firstName firstName' 'lastName lastName lastName lastName' 'street street  street number' 'zip zip city city' 'country country country country' 'labelPhoneMain labelPhoneMain labelPhoneMain labelPhoneMain' 'phoneMain_countryCode phoneMain_areaCode phoneMain_phoneNumber phoneMain_phoneNumber' 'phoneMain_fullPhone phoneMain_fullPhone phoneMain_fullPhone phoneMain_fullPhone' 'labelPhoneMobile labelPhoneMobile labelPhoneMobile labelPhoneMobile' 'phoneMobile_countryCode phoneMobile_areaCode phoneMobile_phoneNumber phoneMobile_phoneNumber' 'phoneMobile_fullPhone phoneMobile_fullPhone phoneMobile_fullPhone phoneMobile_fullPhone';
    margin-top: 0;
  }
}
.DealerAddressModal__email___ntYaC {
  grid-area: email;
  margin: 8px 0px !important;
}
.DealerAddressModal__gender___Fk8bX {
  grid-area: gender;
  margin: 8px 0px !important;
}
.DealerAddressModal__firstName____gfpA {
  grid-area: firstName;
  margin: 8px 0px !important;
}
.DealerAddressModal__lastName___Jq73V {
  grid-area: lastName;
  margin: 8px 0px !important;
}
.DealerAddressModal__phoneMain_areaCode___uXmJe {
  grid-area: phoneMain_areaCode;
  margin: 8px 0px !important;
  width: 80px !important;
}
.DealerAddressModal__phoneMain_phoneNumber___jRSYm {
  grid-area: phoneMain_phoneNumber;
  margin: 8px 0px !important;
  width: 115px !important;
}
.DealerAddressModal__phoneMobile_areaCode___J1Nk3 {
  grid-area: phoneMobile_areaCode;
  margin: 8px 0px !important;
  width: 80px !important;
}
.DealerAddressModal__phoneMobile_phoneNumber___IejxG {
  grid-area: phoneMobile_phoneNumber;
  margin: 8px 0px !important;
  width: 115px !important;
}
.DealerAddressModal__phoneMain_countryCode___HYp6Y {
  grid-area: phoneMain_countryCode;
  margin: 8px 0px !important;
}
.DealerAddressModal__phoneMobile_countryCode___XlGnt {
  grid-area: phoneMobile_countryCode;
  margin: 8px 0px !important;
}
.DealerAddressModal__label_phoneMain___f2pXl {
  grid-area: labelPhoneMain;
  margin: 8px 0px !important;
}
.DealerAddressModal__label_phoneMobile___sY6VS {
  grid-area: labelPhoneMobile;
  margin: 8px 0px !important;
}
.DealerAddressModal__company___f1G3R {
  grid-area: company;
  margin: 8px 0px !important;
}
.DealerAddressModal__street___VYdcT {
  grid-area: street;
  margin: 8px 0px !important;
}
.DealerAddressModal__number___3gXy7 {
  grid-area: number;
  margin: 8px 0px !important;
}
.DealerAddressModal__zip___XftMs {
  grid-area: zip;
  margin: 8px 0px !important;
}
.DealerAddressModal__city___nMWlJ {
  grid-area: city;
  margin: 8px 0px !important;
}
.DealerAddressModal__country___wZ3sV {
  grid-area: country;
  margin: 8px 0px !important;
}
.DealerAddressModal__label_phoneMobile___sY6VS,
.DealerAddressModal__label_phoneMain___f2pXl {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.DealerAddressModal__phoneMain_fullPhone___QC9RZ {
  grid-area: phoneMain_fullPhone;
  margin: 8px 0px !important;
}
.DealerAddressModal__phoneMobile_fullPhone___YupE1 {
  grid-area: phoneMobile_fullPhone;
  margin: 8px 0px !important;
}
@media only screen and (max-device-height: 690px) {
  [class*="BaseModal__backdrop"] {
    align-items: flex-start;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/FormField/FormField.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.FormField__wrapper___isKwH {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.FormField__wrapper___isKwH.FormField__dense___tBjiJ {
  padding-top: 6px;
  padding-bottom: 15px;
}
.FormField__label___znZte {
  font-size: 14px;
  font-weight: 600;
}
.FormField__label___znZte.FormField__dense___tBjiJ {
  font-size: 12px;
}
.FormField__label___znZte.FormField__notInline___GKqOe {
  display: inline-block;
  margin-bottom: 5px;
}
.FormField__optional___YZf7z {
  font-size: 10px;
}
.FormField__optional___YZf7z.FormField__dense___tBjiJ.FormField__notInline___GKqOe {
  font-size: 12px;
}
.FormField__optional___YZf7z.FormField__notInline___GKqOe {
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  margin-bottom: 5px;
  color: #ccc;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DealerModals/DealerImprintModal/DealerImprintModal.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DealerImprintModal__wrapper___jQNdd {
  max-width: 1040px;
  width: auto;
}
.DealerImprintModal__blockModalButton___cFIDo {
  display: flex;
  justify-content: space-around;
  padding-top: 15px;
}
@media all and (min-width: 768px) {
  .DealerImprintModal__blockModalButton___cFIDo {
    justify-content: flex-end;
  }
}
.DealerImprintModal__rowFields___f1oZn {
  padding: 15px;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #666cff;
  border-radius: 10px !important;
  border: 1px solid rgba(76,78,100,0.12) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DealerImprintModal__rowFields___f1oZn {
    margin-top: 10px;
  }
}
.DealerImprintModal__colTakeImprint___KpkDt {
  display: flex;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DealerImprintModal__colTakeImprint___KpkDt {
    flex-flow: column;
    align-items: flex-start;
  }
}
.DealerImprintModal__textHeader___gADmY {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.DealerImprintModal__textWarning___EMfDp {
  font-size: 13px;
  color: #c80000;
  margin-bottom: 10px;
}
@media all and (min-width: 768px) {
  .DealerImprintModal__textWarning___EMfDp {
    margin-left: 15px;
  }
}
.DealerImprintModal__textTitleFields___M0yMh {
  margin-bottom: 5px;
  font-style: normal;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.DealerImprintModal__textAreaHeight___QdcV5 {
  height: 100% !important;
  max-height: unset !important;
  min-height: 247px !important;
}
.DealerImprintModal__textArea___o1H8g {
  font-size: 12px;
}
.DealerImprintModal__button___QGG4H {
  margin-left: 0px !important;
  height: 38px;
}
@media all and (min-width: 768px) {
  .DealerImprintModal__button___QGG4H {
    margin-left: 16px !important;
  }
}
.DealerImprintModal__textWrapper___PQ3Rx {
  display: flex;
}
.DealerImprintModal__buttonTake___HGXu9 {
  flex-shrink: 0;
  margin-bottom: 15px !important;
  height: 38px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DealerImprintModal__buttonTake___HGXu9 {
    margin-bottom: 10px;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/FormTextArea/FormTextArea.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.FormTextArea__field___KB33q {
  position: relative;
}
.FormTextArea__errorText___YecLF {
  position: absolute;
  display: block;
  width: 100%;
  font-family: "Arial Standard", Arial;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  color: #f00;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 2px;
}
.FormTextArea__errorBottomLeft___zFxte,
.FormTextArea__errorTopLeft___lWNHP {
  text-align: left;
}
.FormTextArea__errorBottomRight___MjcsP,
.FormTextArea__errorTopRight___EOX0v {
  text-align: right;
}
.FormTextArea__errorBottomLeft___zFxte,
.FormTextArea__errorBottomRight___MjcsP {
  bottom: -15px;
}
.FormTextArea__errorTopLeft___lWNHP,
.FormTextArea__errorTopRight___EOX0v {
  top: -15px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/TextAreaField/TextAreaField.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.TextAreaField__textField___JCx8F {
  position: relative;
  width: 100%;
}
.TextAreaField__input____bD6c {
  min-width: 100%;
  max-width: 100%;
  min-height: 120px;
  max-height: 120px;
  width: 100%;
  padding: 5px;
  margin: 0;
  height: 30px;
  line-height: 20px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border 0.2s ease-in-out;
}
.TextAreaField__input____bD6c.TextAreaField__error___gm02h,
.TextAreaField__input____bD6c:active.TextAreaField__error___gm02h,
.TextAreaField__input____bD6c:focus.TextAreaField__error___gm02h {
  padding-right: 26px;
  border-color: #c80000 !important;
}
.TextAreaField__input____bD6c:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #005ccb;
  outline: none;
}
.TextAreaField__placeholderAnimate___MlN9D {
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: 13px;
  pointer-events: none;
  z-index: 2;
  transition: 0.1s all linear;
  background-color: #fff;
  padding: 0 5px;
  color: rgba(0,0,0,0.38);
}
.TextAreaField__placeholderAnimateShow___c8zd4 {
  top: -6px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DealerModals/ModalHeader/ModalHeader.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalHeader__textHeader___oeCzg {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: $border-line;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/DealerModals/DealerTermCondModal/DealerTermCondModal.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DealerTermCondModal__wrapper___rbtU4 {
  max-width: 1040px;
}
@media all and (min-width: 768px) {
  .DealerTermCondModal__wrapper___rbtU4 {
    width: 840px;
  }
}
.DealerTermCondModal__blockModalButton___V9qTb {
  display: flex;
  justify-content: space-around;
  padding-top: 15px;
}
@media all and (min-width: 768px) {
  .DealerTermCondModal__blockModalButton___V9qTb {
    justify-content: flex-end;
  }
}
.DealerTermCondModal__textHeader___qiJUG {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.DealerTermCondModal__textArea___fqwbv {
  font-size: 12px;
}
.DealerTermCondModal__textAreaField___IpLca {
  height: 550px;
  max-height: unset;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.15px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .DealerTermCondModal__textAreaField___IpLca {
    height: 400px;
  }
}
.DealerTermCondModal__button___HaQCQ {
  margin-left: 0px !important;
  height: 38px;
}
@media all and (min-width: 768px) {
  .DealerTermCondModal__button___HaQCQ {
    margin-left: 16px !important;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/ImagesCompareModal/ImagesCompareModal.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImagesCompareModal__loader___wJQxN {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.ImagesCompareModal__container___HN_B9 {
  position: relative;
  background: #fff;
}
.ImagesCompareModal__container___HN_B9 .slick-slider {
  overflow: hidden;
}
.ImagesCompareModal__container___HN_B9 .slick-slider * {
  line-height: 0;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-arrow,
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-arrow:focus,
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-arrow:hover {
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-arrow::before {
  display: none;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .click-arrow::before:hover {
  background-color: #000;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-arrow::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: top center;
  background-image: url(/assets/slider-arrow.0ec64a035c5adebabcdd.svg);
  background-size: cover;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-next::after {
  left: 8px;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-prev::after {
  transform: rotate(180deg) translateY(-50%);
  right: 8px;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-prev {
  left: -25px;
}
.ImagesCompareModal__container___HN_B9 .slick-slider .slick-next {
  right: -25px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/Sidebar.styl ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Sidebar__sidebar___dIp5z {
  min-width: 260px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 991.98px) {
  .Sidebar__sidebar___dIp5z {
    min-width: 0;
    margin-left: 0;
  }
}
.Sidebar__text___APr6s {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 auto 20px;
  position: relative;
  padding: 11px 0 0 40px;
  width: 100px;
}
.Sidebar__phoneNumber___zR8Dy {
  margin-top: 40px;
  width: auto;
}
@media all and (max-width: 991.98px) {
  .Sidebar__phoneNumber___zR8Dy {
    top: -60px;
    right: 75px;
    margin: 0;
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: absolute;
    padding: 0;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Sidebar__phoneNumber___zR8Dy {
    top: 10%;
    right: 5px;
    margin-top: 110px;
  }
}
.Sidebar__light___zkkEH {
  font-size: 16px;
  display: block;
  text-transform: none;
  font-weight: 400;
  padding-top: 5px;
}
.Sidebar__phoneIcon___cXWuo {
  fill: #fff;
  font-size: 36px;
  position: absolute;
  top: 15px;
  margin-left: -45px;
}
@media all and (max-width: 991.98px) {
  .Sidebar__phoneIcon___cXWuo {
    fill: #005ccb;
    margin: 0;
    font-size: 20px;
    top: 13px;
    left: 12px;
  }
}
.Sidebar__icon___ihb2s {
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.Sidebar__logo___YWoEy {
  display: block;
  width: 102px;
  height: 30px;
  background: url(/assets/logo.d4e59cfe05f07f7c604e.png) no-repeat 50% 50%;
  margin: 0 auto;
}
@media all and (max-width: 991.98px) {
  .Sidebar__logo___YWoEy {
    position: fixed;
    bottom: 30px;
    margin: 0;
    left: 50%;
    margin-left: -51px;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Sidebar__logo___YWoEy {
    bottom: 10px;
    opacity: 1;
  }
}
.Sidebar__offerButtonGet___oXQl3 {
  display: block;
  margin: 0 auto 50px !important;
  min-width: 250px !important;
  height: 40px !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
}
@media all and (max-width: 991.98px) {
  .Sidebar__offerButtonGet___oXQl3 {
    top: -60px;
    right: 140px;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    position: absolute !important;
    padding: 0;
    font-size: 0 !important;
    display: block;
    min-width: 0 !important;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Sidebar__offerButtonGet___oXQl3 {
    top: 10%;
    right: 5px;
    margin-top: 55px !important;
  }
}
.Sidebar__offerButtonSuccess___uETM9 {
  background-color: #4caf50;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: inherit;
}
.Sidebar__offerButtonSuccess___uETM9 .Sidebar__shoppingCart___X3HUm {
  display: none;
}
.Sidebar__offerButtonSuccess___uETM9:hover {
  box-shadow: none !important;
}
.Sidebar__checkIcon___CE7BC {
  fill: #fff;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  transform: translateY(4px);
}
@media all and (max-width: 991.98px) {
  .Sidebar__checkIcon___CE7BC {
    margin: 0;
    transform: translateY(7px);
  }
}
@media all and (max-width: 991.98px) {
  .Sidebar__mobileHide___oYOnJ {
    display: none;
  }
}
@media all and (max-width: 991.98px) {
  .Sidebar__shoppingCart___X3HUm {
    width: 20px;
    height: 20px;
    display: block;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .Sidebar__shoppingCart___X3HUm path {
    fill: #fff;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/Arrows.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Arrows__prevWrapper___g4Xej,
.Arrows__nextWrapper___cAu2F {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
  outline: none;
  width: 50px;
  height: 50px;
  z-index: 1;
  font-size: 0;
  padding: 20px;
}
@media all and (max-width: 991.98px) {
  .Arrows__prevWrapper___g4Xej,
  .Arrows__nextWrapper___cAu2F {
    width: 60px;
    height: 60px;
  }
}
.Arrows__prevWrapper___g4Xej:focus,
.Arrows__nextWrapper___cAu2F:focus,
.Arrows__prevWrapper___g4Xej:active,
.Arrows__nextWrapper___cAu2F:active {
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Arrows__prevWrapper___g4Xej,
  .Arrows__nextWrapper___cAu2F {
    padding: 20px 20px 0 20px;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Arrows__prevWrapper___g4Xej,
  .Arrows__nextWrapper___cAu2F {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 0);
  }
}
.Arrows__nextWrapper___cAu2F {
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Arrows__nextWrapper___cAu2F {
    transform: translate(50%, 0);
  }
}
.Arrows__prevIcon___SQ9kp,
.Arrows__nextIcon___aZA5G {
  position: absolute;
  top: 50%;
  left: 70%;
  fill: #fff;
  font-size: 14px;
  transform: translate(-50%, -50%) rotate(90deg);
}
.Arrows__nextIcon___aZA5G {
  left: 30%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.Arrows__prev___DALoR,
.Arrows__next___bzWak {
  background-color: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
}
@media all and (max-width: 991.98px) {
  .Arrows__prev___DALoR,
  .Arrows__next___bzWak {
    width: 60px;
    height: 60px;
  }
}
.Arrows__prev___DALoR:hover,
.Arrows__next___bzWak:hover {
  background-color: #000;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/Zoom.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.Zoom__wrapper___KygCR {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}
@media all and (max-width: 991.98px) {
  .Zoom__wrapper___KygCR {
    top: -60px;
    left: 10px;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Zoom__wrapper___KygCR {
    top: 10%;
    left: 5px;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
  }
}
.Zoom__zoomOutWrapper___Knrdt,
.Zoom__zoomInWrapper____HAFZ {
  display: inline-block;
  background: #60605f;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
  position: relative;
  top: 0;
  transition: top 0.2s;
}
@media all and (max-width: 991.98px) {
  .Zoom__zoomOutWrapper___Knrdt,
  .Zoom__zoomInWrapper____HAFZ {
    border-radius: 50%;
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,0.5);
  }
}
.Zoom__zoomOutWrapper___Knrdt .Zoom__zoomOut___UJrpE,
.Zoom__zoomInWrapper____HAFZ .Zoom__zoomOut___UJrpE,
.Zoom__zoomOutWrapper___Knrdt .Zoom__zoomIn___E55Ud,
.Zoom__zoomInWrapper____HAFZ .Zoom__zoomIn___E55Ud {
  font-size: 22px;
  fill: #fff;
}
@media all and (max-width: 991.98px) {
  .Zoom__zoomOutWrapper___Knrdt .Zoom__zoomOut___UJrpE,
  .Zoom__zoomInWrapper____HAFZ .Zoom__zoomOut___UJrpE,
  .Zoom__zoomOutWrapper___Knrdt .Zoom__zoomIn___E55Ud,
  .Zoom__zoomInWrapper____HAFZ .Zoom__zoomIn___E55Ud {
    display: none;
  }
}
.Zoom__zoomOutWrapper___Knrdt:hover .Zoom__zoomOut___UJrpE,
.Zoom__zoomInWrapper____HAFZ:hover .Zoom__zoomOut___UJrpE,
.Zoom__zoomOutWrapper___Knrdt:hover .Zoom__zoomIn___E55Ud,
.Zoom__zoomInWrapper____HAFZ:hover .Zoom__zoomIn___E55Ud {
  fill: rgba(255,255,255,0.7);
}
.Zoom__zoomOutWrapper___Knrdt:active,
.Zoom__zoomInWrapper____HAFZ:active {
  top: 2px;
}
.Zoom__zoomOutWrapper___Knrdt:active .Zoom__zoomOut___UJrpE,
.Zoom__zoomInWrapper____HAFZ:active .Zoom__zoomOut___UJrpE,
.Zoom__zoomOutWrapper___Knrdt:active .Zoom__zoomIn___E55Ud,
.Zoom__zoomInWrapper____HAFZ:active .Zoom__zoomIn___E55Ud {
  fill: #333;
}
.Zoom__zoomOutWrapper___Knrdt.Zoom__disabled___bRGbf:active,
.Zoom__zoomInWrapper____HAFZ.Zoom__disabled___bRGbf:active {
  top: 0;
}
.Zoom__zoomOutWrapper___Knrdt.Zoom__disabled___bRGbf .Zoom__zoomOut___UJrpE,
.Zoom__zoomInWrapper____HAFZ.Zoom__disabled___bRGbf .Zoom__zoomOut___UJrpE,
.Zoom__zoomOutWrapper___Knrdt.Zoom__disabled___bRGbf .Zoom__zoomIn___E55Ud,
.Zoom__zoomInWrapper____HAFZ.Zoom__disabled___bRGbf .Zoom__zoomIn___E55Ud {
  fill: rgba(255,255,255,0.3);
  cursor: default;
}
@media all and (max-width: 991.98px) {
  .Zoom__zoomOutWrapper___Knrdt.Zoom__disabled___bRGbf:before,
  .Zoom__zoomInWrapper____HAFZ.Zoom__disabled___bRGbf:before,
  .Zoom__zoomOutWrapper___Knrdt.Zoom__disabled___bRGbf:after,
  .Zoom__zoomInWrapper____HAFZ.Zoom__disabled___bRGbf:after {
    background: #999;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Zoom__zoomOutWrapper___Knrdt,
  .Zoom__zoomInWrapper____HAFZ {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 991.98px) {
  .Zoom__zoomOutWrapper___Knrdt {
    position: relative;
  }
  .Zoom__zoomOutWrapper___Knrdt:before {
    content: '';
    display: block;
    width: 20px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 21px;
    left: 12px;
  }
}
@media all and (max-width: 991.98px) {
  .Zoom__zoomInWrapper____HAFZ {
    position: relative;
  }
  .Zoom__zoomInWrapper____HAFZ:before {
    content: '';
    display: block;
    width: 4px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 13px;
    left: 20px;
  }
  .Zoom__zoomInWrapper____HAFZ:after {
    content: '';
    display: block;
    width: 20px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 21px;
    left: 12px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/ThumbsList.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ThumbsList__ThumbsList___I9qzB {
  position: relative;
  z-index: 1;
  width: calc(100% - 290px);
  padding-top: 5px;
  margin-top: -5px;
  overflow: hidden;
}
.ThumbsList__ThumbsList___I9qzB .slick-list {
  overflow: visible;
}
.ThumbsList__ThumbsList___I9qzB .slick-slide {
  cursor: pointer;
  opacity: 0.9;
}
.ThumbsList__ThumbsList___I9qzB .slick-slide:hover {
  opacity: 1;
}
.ThumbsList__ThumbsList___I9qzB .slick-next {
  right: 10px;
  z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  width: 50px;
  height: 80px;
}
.ThumbsList__ThumbsList___I9qzB .slick-next:hover {
  opacity: 1;
}
.ThumbsList__ThumbsList___I9qzB .slick-next:before {
  content: '';
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.ThumbsList__ThumbsList___I9qzB .slick-prev {
  left: 10px;
  z-index: 1;
  cursor: pointer;
  opacity: 0.8;
  width: 50px;
  height: 80px;
}
.ThumbsList__ThumbsList___I9qzB .slick-prev:hover {
  opacity: 1;
}
.ThumbsList__ThumbsList___I9qzB .slick-prev:before {
  content: '';
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.ThumbsList__active___huOAF {
  margin-top: -5px;
  border-bottom: 5px solid #005ccb;
}
.ThumbsList__video___gOOK7 {
  position: relative;
  display: inline-block;
}
.ThumbsList__video___gOOK7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 45%;
  background: url(/assets/youtubeButton.dc64df6c64fdfb3905a2.svg) no-repeat center center;
  background-size: cover;
  z-index: 1;
  aspect-ratio: 625/439;
  transform: translate(55%, 55%);
}
.ThumbsList__video___gOOK7.ThumbsList__activeVideo___AzJVP {
  top: -5px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/Slide.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.Slide__slide___GCFcu {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Slide__backward___YDq8u {
  animation-name: Slide__auto_de_showBackward___YDAsU;
  animation-duration: 0.5s;
}
.Slide__forward___EibmZ {
  animation-name: Slide__auto_de_showForward___nd22X;
  animation-duration: 0.5s;
}
.Slide__imageContainer___iNtHy {
  background: rgba(0,0,0,0.4);
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Slide__imageContainer___iNtHy img {
    height: 100% !important;
    width: auto !important;
  }
}
.Slide__imageClass___O4FyQ {
  width: 100%;
  position: relative;
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .Slide__imageClass___O4FyQ {
    background: #797979;
    height: 100% !important;
    padding: 0 !important;
  }
  .Slide__imageClass___O4FyQ img {
    height: 100% !important;
    width: auto !important;
  }
}
.Slide__frame___sHO3r {
  aspect-ratio: 4/3;
  display: block;
  border: none;
}
.Slide__noYoutubeWrapper___CQcuH {
  margin: auto;
  width: 487px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 24%;
}
@media all and (max-width: 575.98px) {
  .Slide__noYoutubeWrapper___CQcuH {
    width: 297px;
  }
}
@media all and (max-width: 575.98px) {
  .Slide__noYoutubeWrapper___CQcuH svg {
    width: 79px;
    height: 56px;
  }
}
.Slide__noYoutubeWrapper___CQcuH .Slide__youtubeCookiesText___oxc_4 {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  margin: 62px 0px 54px;
  display: block;
  text-align: center;
}
@media all and (max-width: 575.98px) {
  .Slide__noYoutubeWrapper___CQcuH .Slide__youtubeCookiesText___oxc_4 {
    margin: 36px auto 39px;
    font-size: 17px;
    line-height: 21px;
  }
}
.Slide__noYoutubeWrapper___CQcuH .Slide__btn___jgUuu {
  height: 38px !important;
}
@media all and (max-width: 575.98px) {
  .Slide__noYoutubeWrapper___CQcuH .Slide__btn___jgUuu {
    height: 30px !important;
    font-size: 13px;
  }
}
.Slide__noYoutubeWrapper___CQcuH .Slide__btn___jgUuu:first-child {
  margin-right: 22px !important;
}
@media all and (max-width: 575.98px) {
  .Slide__noYoutubeWrapper___CQcuH .Slide__btn___jgUuu:first-child {
    margin-right: 5px !important;
  }
}
@-moz-keyframes Slide__auto_de_showBackward___YDAsU {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes Slide__auto_de_showBackward___YDAsU {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes Slide__auto_de_showBackward___YDAsU {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes Slide__auto_de_showBackward___YDAsU {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes Slide__auto_de_showForward___nd22X {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes Slide__auto_de_showForward___nd22X {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes Slide__auto_de_showForward___nd22X {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes Slide__auto_de_showForward___nd22X {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/partials/SliderMain.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SliderMain__wrapper___WrcS2 {
  background: #f5f6fa;
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .SliderMain__wrapper___WrcS2 .slick-slider,
  .SliderMain__wrapper___WrcS2 .slick-list,
  .SliderMain__wrapper___WrcS2 .slick-track,
  .SliderMain__wrapper___WrcS2 .slick-slide,
  .SliderMain__wrapper___WrcS2 .slick-slide > div {
    height: 100%;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .SliderMain__wrapper___WrcS2 {
    height: 100%;
  }
}
.SliderMain__loader___xCW1g {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.SliderMain__reload___OxR2y {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 35px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: block;
}
.SliderMain__reload___OxR2y::before {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 0;
  left: 50%;
  margin-left: -15px;
  background-image: url(/assets/refresh-button.909db85f7039b90b04b4.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.2s ease-in-out;
  transform: rotate(0);
}
.SliderMain__reload___OxR2y:hover::before {
  transform: rotate(360deg);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/VehicleDetailedSliderModal/VehicleDetailedSliderModal.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.VehicleDetailedSliderModal__vehicleDetailedSliderModal___ou0Z4 {
  z-index: 333;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__vehicleDetailedSliderModal___ou0Z4 {
    min-width: 100%;
    position: static;
    transform: none;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__vehicleDetailedSliderModal___ou0Z4 {
    height: 100% !important;
  }
  .VehicleDetailedSliderModal__vehicleDetailedSliderModal___ou0Z4 img {
    height: auto !important;
  }
}
.VehicleDetailedSliderModal__wrapper___GnsGX {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__wrapper___GnsGX {
    height: 100%;
  }
}
.VehicleDetailedSliderModal__center___SPrbE {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
}
.VehicleDetailedSliderModal__image___l9C5M {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (orientation: landscape) {
  .VehicleDetailedSliderModal__image___l9C5M {
    height: 100%;
  }
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__image___l9C5M {
    overflow: visible;
  }
}
.VehicleDetailedSliderModal__closeIcon___PISAS {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  background: #333;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  width: 38px;
  height: 38px;
  z-index: 2;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__closeIcon___PISAS {
    background: rgba(0,0,0,0.5);
    top: -60px;
    right: 10px;
    line-height: 45px;
    width: 44px;
    height: 44px;
  }
}
.VehicleDetailedSliderModal__closeIcon___PISAS:hover {
  background: #000;
}
.VehicleDetailedSliderModal__closeIcon___PISAS:before {
  content: '\00d7';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__closeIcon___PISAS {
    top: 10%;
    right: 5px;
    z-index: 1;
  }
}
.VehicleDetailedSliderModal__fullscreenCloseIcon___qlZb8 {
  top: 20px;
  right: 20px;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__fullscreenCloseIcon___qlZb8 {
    top: -60px;
    right: 10px;
  }
}
.VehicleDetailedSliderModal__top___MYgTH {
  display: flex;
  width: 100%;
  align-items: center;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__top___MYgTH {
    align-items: flex-start;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__top___MYgTH {
    height: 100%;
  }
}
.VehicleDetailedSliderModal__loader___yoz_q {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 333;
}
.VehicleDetailedSliderModal__fullscreenWrapper___tCAwl {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(0,0,0,0.5);
  line-height: 38px;
  width: 38px;
  height: 38px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 3px;
}
.VehicleDetailedSliderModal__fullscreenWrapper___tCAwl:hover {
  background: rgba(0,0,0,0.8);
}
.VehicleDetailedSliderModal__fullscreenIcon____MRTG {
  font-size: 26px;
  line-height: 1;
  fill: #fff;
}
.VehicleDetailedSliderModal__fullscreenWrapper___tCAwl:hover .VehicleDetailedSliderModal__fullscreenIcon____MRTG {
  fill: rgba(255,255,255,0.7);
}
.VehicleDetailedSliderModal__sliderSwitch___UQdVo {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__sliderSwitch___UQdVo {
    bottom: -60px;
    left: 10px;
    right: 10px;
    justify-content: space-between;
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__sliderSwitch___UQdVo {
    left: 5px;
    bottom: auto;
    right: auto;
    top: 10%;
    margin-top: 110px;
    flex-direction: column;
  }
}
.VehicleDetailedSliderModal__sliderSwitchWrapper___bMMKi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  line-height: 38px;
  font-size: 14px;
  font-weight: 700;
  background: rgba(0,0,0,0.6);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  z-index: 2;
  margin-right: 10px;
}
.VehicleDetailedSliderModal__sliderSwitchWrapper___bMMKi:hover {
  background: rgba(0,0,0,0.8);
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__sliderSwitchWrapper___bMMKi {
    flex-direction: column;
    line-height: 1;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 10px;
    margin-right: 0;
    background: rgba(0,0,0,0.5);
  }
}
@media all and (max-width: 991.98px) and (orientation: landscape) {
  .VehicleDetailedSliderModal__sliderSwitchWrapper___bMMKi {
    margin-bottom: 10px;
  }
}
.VehicleDetailedSliderModal__sliderSwitchIcon___owvWO {
  margin-right: 10px;
  fill: #fff;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__sliderSwitchIcon___owvWO {
    margin-right: 0;
  }
}
.VehicleDetailedSliderModal__sliderSwitchDefaultIcon___Jnjcw {
  width: 20px;
  height: 20px;
}
.VehicleDetailedSliderModal__sliderSwitch360Icon___W3RaJ {
  width: 37px;
  height: 37px;
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__sliderSwitch360Icon___W3RaJ {
    width: 32px;
    height: 18px;
  }
}
@media all and (max-width: 991.98px) {
  .VehicleDetailedSliderModal__backToFullscreen___dC6uJ {
    font-size: 0;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/PriceReviewModal/AccordionTitle/AccordionTitle.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AccordionTitle__AccordionTitle___kwwmZ {
  font-size: 12px;
  padding: 10px 0;
  font-weight: bold;
  border-top: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (min-width: 768px) {
  .AccordionTitle__AccordionTitle___kwwmZ {
    font-size: 13px;
  }
}
.AccordionTitle__icon___EEfym {
  transition: all 0.2s ease-in-out;
  margin-left: 5px;
}
.AccordionTitle__opened___FJwqK {
  transform: rotate(180deg);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/PriceReviewModal/PriceReviewModal.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.PriceReviewModal__priceReviewModal___e7gVP {
  padding: 10px;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__priceReviewModal___e7gVP {
    padding: 20px;
    max-width: 520px;
    width: 520px;
  }
}
.PriceReviewModal__title___EmK_x {
  margin: 10px 0;
  font-size: 14px;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__title___EmK_x {
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.PriceReviewModal__deleteButton___SU3EH {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -6px;
  top: -6px;
}
.PriceReviewModal__topSection___FAhj5,
.PriceReviewModal__topSectionSpecial___iBIjK {
  display: flex;
  border-bottom: 1px solid #efefef;
}
.PriceReviewModal__topSection___FAhj5>:first-child,
.PriceReviewModal__topSectionSpecial___iBIjK>:first-child {
  flex: 1;
}
.PriceReviewModal__topSectionSpecial___iBIjK:after {
  content: '';
  width: 110px;
}
.PriceReviewModal__topRow___m2HkC {
  display: flex;
  justify-content: space-between;
  max-width: 200px;
  padding: 10px 0;
  font-size: 12px;
  white-space: nowrap;
}
.PriceReviewModal__topRow___m2HkC>:last-child {
  padding: 0 10px;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__topRow___m2HkC {
    font-size: 13px;
  }
}
.PriceReviewModal__priceRating___rFIa_ {
  width: unset;
}
.PriceReviewModal__accordionTitle___jy4ep {
  font-size: 12px;
  font-weight: bold;
}
.PriceReviewModal__criteriaRow___lbOAw {
  display: flex;
  font-size: 12px;
  line-height: 40px;
}
.PriceReviewModal__criteriaRow___lbOAw :first-child {
  width: 110px;
  text-align: right;
  flex-shrink: 0;
}
.PriceReviewModal__criteriaRow___lbOAw :last-child {
  padding-left: 10px;
  font-weight: bold;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__criteriaRow___lbOAw {
    font-size: 14px;
  }
  .PriceReviewModal__criteriaRow___lbOAw :first-child {
    width: 140px;
  }
  .PriceReviewModal__criteriaRow___lbOAw :last-child {
    padding-left: 15px;
  }
}
.PriceReviewModal__categoryRow___UcxjI {
  margin-bottom: 20px;
}
.PriceReviewModal__categoryRow___UcxjI:last-child {
  margin-bottom: 0;
}
.PriceReviewModal__categoryHeader___u7iZa {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
}
.PriceReviewModal__categoryHeader___u7iZa>:first-child {
  width: 110px;
}
.PriceReviewModal__categoryHeader___u7iZa>:last-child {
  margin-left: 15px;
  font-weight: bold;
  font-size: 12px;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__categoryHeader___u7iZa {
    align-items: center;
  }
  .PriceReviewModal__categoryHeader___u7iZa>:last-child {
    font-size: 14px;
  }
}
.PriceReviewModal__categoryDescription___EqeoV {
  font-size: 10px;
  line-height: 16px;
}
@media all and (min-width: 768px) {
  .PriceReviewModal__categoryDescription___EqeoV {
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin-left: 125px;
  }
}
.PriceReviewModal__accordionItem___zchLh {
  min-width: 250px !important;
}
.PriceReviewModal__accordion___Uw3I4 [class*='MuiAccordionSummary-root'] {
  padding: 0;
}
.PriceReviewModal__accordion___Uw3I4 [class*='Mui-expanded'] {
  margin: 0 !important;
}
.PriceReviewModal__accordionWrapper____euTb {
  margin: 0 !important;
}
.PriceReviewModal__accordionWrapper____euTb [class*='Mui-expanded'] {
  margin: 0 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/CheckoutModals/DetailsModal.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.DetailsModal__modalText___QAlCz {
  display: block;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(0,0,0,0.63);
  margin-top: 10px;
  font-weight: 400;
}
.DetailsModal__doneIcon___tZelZ {
  margin-right: 9px;
}
.DetailsModal__modalOptionText___EWZYA {
  margin-top: 5px;
}
@media all and (min-width: 992px) {
  .DetailsModal__modalOptionText___EWZYA {
    width: 50%;
  }
}
@media all and (min-width: 992px) {
  .DetailsModal__modalWrapper___HruJy {
    display: flex;
    flex-wrap: wrap;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/CheckoutModals/OrderOverviewTermsModal.styl ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
.OrderOverviewTermsModal__modalText___iFdQK {
  display: block;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(0,0,0,0.63);
  margin-top: 10px;
  font-weight: 400;
}
.OrderOverviewTermsModal__doneIcon___R8zGy {
  margin-right: 9px;
}
.OrderOverviewTermsModal__modalOptionText___yq_Ze {
  margin-top: 5px;
}
.OrderOverviewTermsModal__tabContent___xbRng {
  white-space: pre-line;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(0,0,0,0.63);
}
.OrderOverviewTermsModal__appBar___S0X0R {
  padding: 10px 45px 0 8px;
}
.OrderOverviewTermsModal__boxContent___Z2zV3 {
  height: 238px;
  overflow-y: scroll;
  padding: 24px;
  line-height: 1.5;
}
.OrderOverviewTermsModal__modalWrapper___FgdLK {
  flex-grow: 1;
}
.OrderOverviewTermsModal__modalWrapper___FgdLK[class*='MuiTab-textColorPrimary.Mui-selected'] {
  background: #fff;
  color: rgba(0,0,0,0.83);
}
.OrderOverviewTermsModal__modalWrapper___FgdLK[class*='MuiTab-textColorPrimary'] {
  color: rgba(0,0,0,0.83);
}
.OrderOverviewTermsModal__modalWrapper___FgdLK[class*='MuiBox-root'] {
  height: 238px;
  overflow-y: scroll;
}
@media all and (max-width: 575.98px) {
  .OrderOverviewTermsModal__modalWrapper___FgdLK {
    max-width: 340px;
  }
  .OrderOverviewTermsModal__modalWrapper___FgdLK [class*='MuiTab-fullWidth'] {
    flex-grow: 0;
    flex-basis: auto;
    flex-shrink: 1;
  }
  .OrderOverviewTermsModal__modalWrapper___FgdLK [class*='MuiTabs-indicator'] {
    height: 0;
  }
  .OrderOverviewTermsModal__modalWrapper___FgdLK [class*='Mui-selected'] {
    border-bottom: 2px solid #005ccb;
  }
}
.OrderOverviewTermsModal__tabs___oXwBD[class*='MuiButtonBase-root'] {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-transform: none;
}
@media all and (max-width: 575.98px) {
  .OrderOverviewTermsModal__tabs___oXwBD[class*='MuiButtonBase-root'] {
    width: min-content;
    min-width: auto;
  }
}
@media all and (max-width: 575.98px) {
  .OrderOverviewTermsModal__modalWrapperEn___smonE [class*='MuiTab-fullWidth'] {
    flex-grow: 1;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/modals/CheckoutModals/SellerCheckoutModal.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.SellerCheckoutModal__modalText___mrCO1 {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.SellerCheckoutModal__imprintText___tRkvu {
  display: block;
  white-space: pre-line;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding: 15px 0;
}
.SellerCheckoutModal__doneIcon___uzjY9 {
  margin-right: 9px;
}
.SellerCheckoutModal__modalOptionText___p2szk {
  margin-top: 5px;
}
.SellerCheckoutModal__modalWrapper___LhyWP {
  height: 284px;
  overflow-x: hidden;
}
.SellerCheckoutModal__secondTitle___L4dt1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  display: block;
  margin: 12px 0;
}
.SellerCheckoutModal__termCond___dUCkg {
  font-size: 10px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/Divider/Divider.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.Divider__divider___U3ycy {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/GoUpButton/GoUpButton.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.GoUpButton__upButton___Q2LHl {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #005ccb;
  cursor: pointer;
  position: fixed;
  right: 28px;
  z-index: 222;
  bottom: 40px;
}
.GoUpButton__upButton___Q2LHl:hover .GoUpButton__toTopArrow___KqV0q {
  top: 45%;
}
.GoUpButton__toTopArrow___KqV0q {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  position: absolute;
  fill: #fff;
  transition: 0.2s ease-out;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/Language/Language.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.Language__language___X4249 {
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: relative;
  cursor: pointer;
  margin-right: 28px;
}
@media all and (min-width: 768px) {
  .Language__language___X4249 {
    justify-content: center;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Language__language___X4249 {
    padding: 5px 0;
    margin-right: 0;
  }
}
.Language__popover___GZMNp {
  display: inline-block;
  background-color: #fff;
  padding: 6px 12px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Language__popover___GZMNp {
    display: block;
    padding: 0;
  }
}
.Language__item___nfeN5 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-family: 'SegoeUI', 'Segoe UI Normal', 'Segoe UI';
  font-size: 14px;
  min-width: 120px;
  padding: 5px 0;
  white-space: nowrap;
  width: 100%;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Language__item___nfeN5 {
    font-size: 12px;
  }
}
.Language__languageLabel___x5SW7 {
  margin-left: 5px;
}
.Language__active___iBlRd {
  font-weight: bold;
}
.Language__arrow___cMIEW {
  margin-left: auto;
  padding-left: 3px;
  fill: #005ccb;
  font-size: 14px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .Language__arrow___cMIEW {
    margin-left: 5px;
  }
}
.Language__langName___wZnPZ {
  font-size: 12px;
  margin-left: 5px;
}
.Language__popoverContentWrapper___qTW5q {
  bottom: -25px;
  right: -30px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/UserMenu/GuestMenu/GuestMenu.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.GuestMenu__userMenu___M49mQ {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 111;
  padding: 10px 20px;
}
.GuestMenu__loginButton___XGrbA {
  font-weight: 700;
  width: 100%;
  max-width: 200px;
  font-size: 12px;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
  margin: 0;
  background-color: #005ccb;
  font-family: Arial, Helvetica, sans-serif;
  min-height: 28px;
  min-width: 140px;
  line-height: 26px;
  font-size: 14px;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
  outline: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GuestMenu__centered___iyKap {
  text-align: center;
  padding-bottom: 10px;
}
.GuestMenu__link___asWI6 {
  color: #005ccb;
  font-size: 13px;
  text-decoration: underline;
}
.GuestMenu__link___asWI6:hover {
  text-decoration: none;
}
.GuestMenu__text12px___i3EiX {
  font-size: 12px;
}
.GuestMenu__linkMarginBottom10px___SqTlj {
  margin-bottom: 10px;
  display: block;
}
.GuestMenu__undecoratedLink___L6HOn {
  text-decoration: none;
  color: #333;
  margin-top: 10px;
}
.GuestMenu__paragraph___ZfHJY {
  margin: 5px 0;
  font-size: 13px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/UserMenu/ProfileMenu/ProfileMenu.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.ProfileMenu__userInfo___mfMFh {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.ProfileMenu__userAvatar___O0u10 {
  cursor: pointer;
  overflow: hidden;
}
.ProfileMenu__userEmail___R8iLv {
  max-width: 150px;
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  cursor: pointer;
}
.ProfileMenu__text___XSLPu {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ProfileMenu__image___u4GBs {
  display: block;
  height: 25px;
  width: 25px;
}
.ProfileMenu__menu___RtDv7 {
  position: absolute;
  top: 50px;
  right: 0;
  width: 214px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  box-sizing: border-box;
  z-index: 111;
}
.ProfileMenu__menu___RtDv7:before,
.ProfileMenu__menu___RtDv7:after {
  content: '';
  display: block;
  position: absolute;
  right: 5px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}
.ProfileMenu__menu___RtDv7:after {
  border-bottom: 10px solid #fff;
  top: -18.5px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__menu___RtDv7 {
    position: static;
    width: 100%;
    border: none;
    padding: 0 13px;
  }
  .ProfileMenu__menu___RtDv7:before,
  .ProfileMenu__menu___RtDv7:after {
    content: none;
  }
}
.ProfileMenu__menuItems___W0MT_ {
  padding: 4px 0;
  box-sizing: border-box;
}
.ProfileMenu__menuItem___4Np35,
.ProfileMenu__userNameBlock___s6P_c {
  color: #1f1f1f;
  cursor: pointer;
  display: block;
  font-size: 12px;
  padding: 10px;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__menuItem___4Np35,
  .ProfileMenu__userNameBlock___s6P_c {
    height: auto;
    padding: 8px 0;
  }
  .ProfileMenu__menuItem___4Np35.ProfileMenu__menuFavorites___YunID,
  .ProfileMenu__userNameBlock___s6P_c.ProfileMenu__menuFavorites___YunID {
    padding-bottom: 4px;
  }
  .ProfileMenu__menuItem___4Np35.ProfileMenu__menuSearches___tJnkX,
  .ProfileMenu__userNameBlock___s6P_c.ProfileMenu__menuSearches___tJnkX {
    padding-top: 4px;
  }
}
.ProfileMenu__menuItem___4Np35:hover {
  text-decoration: underline;
  background-color: #e6e6e6;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__menuItem___4Np35:hover {
    background: inherit;
  }
}
.ProfileMenu__logout___tWc3m {
  font-weight: bold;
}
.ProfileMenu__dealersBlock___dI6xx {
  position: absolute;
  box-sizing: border-box;
  top: -1px;
  left: 0;
  transform: translateX(-100%);
  background-color: #fff;
  border: 1px solid #ccc;
  user-select: none;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__dealersBlock___dI6xx {
    position: static;
    transform: translateX(0%);
    border: none;
    border-top: 1px solid #ccc;
  }
}
.ProfileMenu__dealersMenu___zuMJu {
  position: relative;
}
.ProfileMenu__activeDealer___oKEKA {
  text-decoration: underline;
  background-color: #e8e8e8;
  padding-left: 10px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__activeDealer___oKEKA {
    background-color: #d7d7d7;
  }
}
.ProfileMenu__userNameBlock___s6P_c {
  height: auto;
  cursor: default;
  padding: 0 10px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__userNameBlock___s6P_c {
    padding: 10px 0;
  }
}
.ProfileMenu__userName___nTtr6,
.ProfileMenu__dealerName___FhhDW {
  display: block;
  line-height: 20px;
  font-size: 12px;
  margin-bottom: 5px;
  padding-top: 5px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ProfileMenu__userName___nTtr6 {
    display: inline-block;
    vertical-align: top;
    padding: 0;
  }
}
.ProfileMenu__menuContentWrapper___qdrRZ {
  position: absolute;
  height: 220px;
  width: 215px;
  top: 0px;
  right: 0;
  z-index: 111;
}
.ProfileMenu__loggedInAsLabel___JAoHj {
  font-size: 10px;
  margin-bottom: 10px;
}
.ProfileMenu__profileIcon___kwP8Q {
  fill: #005ccb;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/SidePanel/SidePanel.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width: 991.98px) {
  .SidePanel__sidePanelWrapper___EJfws {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out 0.6s, z-index 0.4s ease-in-out 0.6s;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
  }
}
.SidePanel__sidePanelWrapper___EJfws.SidePanel__sidePanelWrapperActive___OypWl {
  z-index: 200000;
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0s, z-index 0.4s ease-in-out 0s;
}
.SidePanel__sidePanelWrapper___EJfws.SidePanel__sidePanelWrapperActive___OypWl .SidePanel__sidePanelBody___h0fvl {
  transform: translateX(0);
}
.SidePanel__sidePanelBody___h0fvl {
  background-color: #fff;
  transition: transform 0.3s ease-in-out 0.3s;
  position: absolute;
  height: 100%;
  max-height: 100%;
  min-width: 320px;
  overflow: auto;
  padding-bottom: 40px;
  transform: translateX(-320px);
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/App.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}
img {
  display: inline-block;
}
h3 {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
}
h4 {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
}
a {
  text-decoration: none;
  color: inherit;
}
#app-root {
  background-color: #f8f8f8;
  min-width: 320px;
}
.grecaptcha-badge {
  visibility: hidden;
}
.App__app___qireT {
  width: 100%;
  overflow: clip;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  min-height: -webkit-fill-available;
}
.App__userMenu___L0p69 {
  left: auto;
  right: 0;
  transform: translateX(0%);
  animation-name: App__auto_de_slideRight___LOBD7;
  animation-duration: 0.3s;
}
@-moz-keyframes App__auto_de_slideRight___LOBD7 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes App__auto_de_slideRight___LOBD7 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-o-keyframes App__auto_de_slideRight___LOBD7 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes App__auto_de_slideRight___LOBD7 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[4].use[4]!../../../../../src/app/source/App.global.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.auto-de-color-selector_exteriorColor_beige {
  background-color: #f5f5dc !important;
}
.auto-de-color-selector_exteriorColor_black {
  background-color: #000 !important;
}
.auto-de-color-selector_exteriorColor_blue {
  background-color: #00f !important;
}
.auto-de-color-selector_exteriorColor_brown {
  background-color: #964b00 !important;
}
.auto-de-color-selector_exteriorColor_darkBlue {
  background-color: #00008b !important;
}
.auto-de-color-selector_exteriorColor_darkGreen {
  background-color: #006400 !important;
}
.auto-de-color-selector_exteriorColor_darkRed {
  background-color: #8b0000 !important;
}
.auto-de-color-selector_exteriorColor_gold {
  background: linear-gradient(#e8e0b3, #edb905);
}
.auto-de-color-selector_exteriorColor_green {
  background-color: #008500 !important;
}
.auto-de-color-selector_exteriorColor_grey {
  background-color: #808080 !important;
}
.auto-de-color-selector_exteriorColor_orange {
  background-color: #ff8000 !important;
}
.auto-de-color-selector_exteriorColor_purple {
  background-color: #800080 !important;
}
.auto-de-color-selector_exteriorColor_red {
  background-color: #f00 !important;
}
.auto-de-color-selector_exteriorColor_silver {
  background: linear-gradient(#f2f2f2, #999);
}
.auto-de-color-selector_exteriorColor_white {
  background-color: #fff !important;
}
.auto-de-color-selector_exteriorColor_yellow {
  background-color: #ff0 !important;
}
.auto-de-color-selector_exteriorColor_bronze {
  background: linear-gradient(#eddbc9, #b27639);
}
.auto-de-color-selector_exteriorColor_rainbow {
  background: linear-gradient(180deg, #00f 0%, #00f 11%, #f00 22%, #f00 37%, #fc0 45%, #ff0 59%, #090 66%, #090 77%, #797979 86%, #000 100%);
}
.auto-de-color-selector_interiorColor_beige {
  background-color: #f5f5dc !important;
}
.auto-de-color-selector_interiorColor_black {
  background-color: #000 !important;
}
.auto-de-color-selector_interiorColor_blue {
  background-color: #00f !important;
}
.auto-de-color-selector_interiorColor_brown {
  background-color: #964b00 !important;
}
.auto-de-color-selector_interiorColor_darkBlue {
  background-color: #00008b !important;
}
.auto-de-color-selector_interiorColor_darkGreen {
  background-color: #006400 !important;
}
.auto-de-color-selector_interiorColor_darkRed {
  background-color: #8b0000 !important;
}
.auto-de-color-selector_interiorColor_gold {
  background: linear-gradient(#e8e0b3, #edb905);
}
.auto-de-color-selector_interiorColor_green {
  background-color: #0f0 !important;
}
.auto-de-color-selector_interiorColor_grey {
  background-color: #808080 !important;
}
.auto-de-color-selector_interiorColor_orange {
  background-color: #ff8000 !important;
}
.auto-de-color-selector_interiorColor_purple {
  background-color: #800080 !important;
}
.auto-de-color-selector_interiorColor_red {
  background-color: #f00 !important;
}
.auto-de-color-selector_interiorColor_silver {
  background: linear-gradient(#f2f2f2, #999);
}
.auto-de-color-selector_interiorColor_white {
  background-color: #fff !important;
}
.auto-de-color-selector_interiorColor_yellow {
  background-color: #ff0 !important;
}
.auto-de-color-selector_interiorColor_bronze {
  background: linear-gradient(#eddbc9, #b27639);
}
.auto-de-color-selector_interiorColor_rainbow {
  background: linear-gradient(180deg, #00f 0%, #00f 11%, #f00 22%, #f00 37%, #fc0 45%, #ff0 59%, #090 66%, #090 77%, #797979 86%, #000 100%);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/containers/PrivateRoute/PrivateRoute.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.PrivateRoute__loader___NpMLh {
  margin: 100px auto;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/MySearchesPage/SavedSearchQuery/SavedSearchCard.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SavedSearchCard__queryArticle___aBctA {
  border: 1px solid rgba(76,78,100,0.122);
  border-radius: 10px;
  max-width: 359px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 991.98px) {
  .SavedSearchCard__queryArticle___aBctA {
    max-width: none;
    margin: 0 auto;
    width: -webkit-fill-available;
  }
}
@media all and (max-width: 575.98px) {
  .SavedSearchCard__queryArticle___aBctA {
    width: calc(100vw - 28px);
  }
}
.SavedSearchCard__queryTitle___h3sUc {
  max-width: 200px;
  font-size: 14px;
  color: rgba(76,78,100,0.871);
  font-weight: bold;
}
.SavedSearchCard__headerSection___Qfgxd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 20px 11px;
  max-height: 74px;
  min-height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(76,78,100,0.12);
}
.SavedSearchCard__activeButton___ARxzW {
  min-width: auto !important;
  border-radius: 20px !important;
  height: fit-content;
  text-transform: capitalize;
}
.SavedSearchCard__contentSection___lbtd6 {
  padding: 16px 24px 17px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.SavedSearchCard__searchStringDesc___HmCAC {
  font-size: 14px;
  color: rgba(76,78,100,0.678);
  line-height: 20px;
}
.SavedSearchCard__searchInfo___CI0MV {
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}
.SavedSearchCard__searchInfoItem___SC3Iq {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.SavedSearchCard__searchInfoItemTitle___fThvI {
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.17px;
  text-transform: uppercase;
  color: rgba(76,78,100,0.87);
}
.SavedSearchCard__searchInfoItemContent___sQDB_ {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
}
.SavedSearchCard__controlButtons___WxXxH {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  column-gap: 8px;
  margin-top: 18px;
}
.SavedSearchCard__deleteBtn___Ze6YL {
  min-width: auto !important;
  height: 30px !important;
  display: flex !important;
  background-color: #fff !important;
}
.SavedSearchCard__seeResultsBtn___K8bve {
  width: 219px !important;
  text-transform: capitalize !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/MySearchesPage/MySearchesPage.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.MySearchesPage__searchSavedWrapper___xNM8Z {
  position: relative;
}
@media all and (max-width: 991.98px) {
  .MySearchesPage__searchSavedWrapper___xNM8Z {
    padding: 16px;
    min-height: auto;
  }
}
@media all and (max-width: 575.98px) {
  .MySearchesPage__searchSavedWrapper___xNM8Z {
    padding: 0;
    min-height: auto;
  }
}
.MySearchesPage__heading___N3kiH {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 575.98px) {
  .MySearchesPage__heading___N3kiH {
    margin: 0 14px;
    margin-top: 15px;
    padding: 7px 16px;
    background-color: #fff;
    border: 1px solid rgba(76,78,100,0.12);
    border-radius: 10px;
  }
}
.MySearchesPage__headingTitle___Asjj2 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
}
@media all and (max-width: 991.98px) {
  .MySearchesPage__headingTitle___Asjj2 {
    font-size: 14px;
  }
}
.MySearchesPage__queriesContainer___J8wxe {
  margin-top: 15px;
}
.MySearchesPage__queriesCardsContainer___jTfSe {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}
@media all and (max-width: 991.98px) {
  .MySearchesPage__queriesCardsContainer___jTfSe {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    margin: 0 auto;
    width: -webkit-fill-available;
    grid-row-gap: 16px;
  }
}
@media all and (max-width: 575.98px) {
  .MySearchesPage__queriesCardsContainer___jTfSe {
    grid-template-columns: auto;
    justify-content: center;
    margin: 14px;
  }
}
.MySearchesPage__emptySearchesContainer___SvOdM {
  padding: 10px 0;
}
.MySearchesPage__newSearchRequest___pqDny {
  border-color: rgba(102,108,255,0.502) !important;
  padding: 0 22px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  letter-spacing: 0.4px !important;
  text-transform: capitalize !important;
  height: 38px !important;
}
@media all and (min-width: 992px) {
  .MySearchesPage__newSearchRequest___pqDny {
    position: absolute !important;
    top: -55px;
    right: 16px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/SettingsPage/Profile/Profile.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.Profile__buttonWrapper___Uw4Xk {
  grid-area: buttonWrapper;
  display: flex;
  flex-wrap: wrap;
}
.Profile__deleteButton___u4jo4 {
  order: 2;
}
@media all and (min-width: 992px) {
  .Profile__deleteButton___u4jo4 {
    order: 1;
  }
}
.Profile__deleteButton___u4jo4,
.Profile__cancelButton___I7FMI,
.Profile__saveButton___SVMsF {
  min-height: 38px !important;
}
.Profile__cancelButton___I7FMI {
  margin-left: auto !important;
  order: 3;
}
@media all and (min-width: 992px) {
  .Profile__cancelButton___I7FMI {
    order: 2;
  }
}
.Profile__saveButton___SVMsF {
  width: 100%;
  order: 1;
  margin-bottom: 16px !important;
}
@media all and (min-width: 992px) {
  .Profile__saveButton___SVMsF {
    order: 3;
    width: auto;
    margin-bottom: 0 !important;
    margin-left: 16px !important;
  }
}
.Profile__heading___B7tf6 {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  margin: 0;
}
.Profile__flexWrap___YRtBT {
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media all and (min-width: 992px) {
  .Profile__flexWrap___YRtBT {
    flex-direction: row;
    gap: 24px;
  }
}
.Profile__dataUsageIcon___jYBBn {
  display: none;
}
@media all and (min-width: 992px) {
  .Profile__dataUsageIcon___jYBBn {
    font-size: 41px;
    display: block;
  }
  .Profile__dataUsageIcon___jYBBn path {
    fill: rgba(76,78,100,0.87);
  }
}
.Profile__dataUsageLabel___X_BZ_ {
  font-size: 16px;
  font-weight: 600;
  color: rgba(76,78,100,0.87);
}
.Profile__dataUsageText___P2lLk {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: rgba(76,78,100,0.68);
  grid-column: 2/span 2;
}
.Profile__gridWrap___BUt1K {
  display: grid;
  grid-template-columns: 88px 80px 1fr;
  grid-gap: 16px;
}
@media all and (min-width: 992px) {
  .Profile__gridWrap___BUt1K {
    grid-gap: 24px;
    grid-template-columns: 120px 120px 1fr;
  }
}
.Profile__skeletonItem___ZxPZD {
  height: 48px !important;
  border-radius: 4px;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] {
  width: 106px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  border-radius: 10px !important;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.32) !important;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] [class*='MuiPaper-root'] {
  max-height: 226px !important;
  border: 0px !important;
  padding: 0px !important;
  border-radius: 10px !important;
  box-shadow: none;
  margin-top: 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
@media all and (max-width: 991.98px) {
  [class*='countryCode'] + [class*='MuiAutocomplete-popper'] [class*='MuiPaper-root'] {
    max-height: 246px !important;
  }
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] ::-webkit-scrollbar {
  width: 8px !important;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] ::-webkit-scrollbar-thumb {
  box-shadow: none !important;
  border-radius: 10px;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] ::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 10px;
  border-right: 0px !important;
  box-shadow: none !important;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
[class*='countryCode'] + [class*='MuiAutocomplete-popper'] svg {
  width: auto;
  height: auto;
  border-radius: 5px;
  margin-right: 12px;
}
.Profile__wrapAddress___B8tYa {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 336px));
  justify-content: center;
  grid-gap: 24px;
  margin: 10px;
}
@media all and (min-width: 992px) {
  .Profile__wrapAddress___B8tYa {
    margin: 10px 0 0 0;
  }
}
.Profile__addDeliveryAddress___th0HA {
  height: 338px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px dashed rgba(76,78,100,0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Profile__addDeliveryAddress___th0HA.Profile__addDeliveryAddressNew___Wn_q1 {
  pointer-events: none;
  opacity: 0.32;
}
.Profile__addDeliveryAddress___th0HA.Profile__addDeliveryAddressDisable___sNd6A {
  display: none;
}
.Profile__addDeliveryAddressTitle___zU_NY {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  display: block;
  margin-top: 16px;
}
.Profile__addDeliveryAddressIcon___oHpJY {
  display: block;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #6d788d;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  color: rgba(76,78,100,0.54);
  font-size: 45px;
}
.Profile__birthday___T8sSV {
  grid-area: birthday;
  position: relative;
}
.Profile__birthday___T8sSV [class*='MuiOutlinedInput-root'] {
  height: 48px !important;
}
.Profile__birthday___T8sSV [class*='MuiOutlinedInput-input']::placeholder {
  color: rgba(0,0,0,0.6);
  opacity: 1;
}
.Profile__birthday___T8sSV [class*='MuiFormHelperText-root'] {
  display: none;
}
.Profile__birthdayLabel___rs12b {
  color: rgba(0,0,0,0.58);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.Profile__birthdayLabelActive___B41ya {
  font-size: 0.75em;
  top: -5px;
  left: 10px;
  transform: none;
  background-color: #fff;
  padding: 0 5px;
}
.Profile__birthdayLabelError___LdZVS {
  color: #f44336;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/SettingsPage/SettingsPage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.SettingsPage__SettingsPage___eV2CT {
  display: flex;
  justify-content: center;
  align-items: center;
}
.SettingsPage__wrapper___d3MyB {
  max-width: 1100px;
  width: 100%;
}
.SettingsPage__buttonWrapper___mocPO {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SettingsPage__buttonWrapper___mocPO {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #fff;
  }
}
.SettingsPage__button___fgx7N {
  height: 30px;
  width: 180px;
  font-weight: bold;
}
.SettingsPage__settingsDetailsContainer___xATwj {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SettingsPage__settingsDetailsContainer___xATwj {
    display: block;
  }
}
.SettingsPage__detailsCard___pca5h {
  flex-basis: 50%;
  width: 50%;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .SettingsPage__detailsCard___pca5h {
    width: auto;
    margin-left: 0 !important;
  }
}
.SettingsPage__detailsCard___pca5h:nth-child(2n) {
  margin-left: 15px;
}
.SettingsPage__container___VLDh8 {
  margin: 10px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(76,78,100,0.12);
}
@media all and (min-width: 992px) {
  .SettingsPage__container___VLDh8 {
    margin: 0;
  }
}
.SettingsPage__tabs___ofHL7 {
  box-shadow: inset 0 -1px 0 0 rgba(76,78,100,0.12);
}
@media all and (max-width: 991.98px) {
  .SettingsPage__tabs___ofHL7 [class*='MuiTabs-flexContainer'] {
    justify-content: space-evenly;
  }
}
.SettingsPage__tabTitle___f51QF {
  min-height: 48px !important;
}
@media all and (max-width: 991.98px) {
  .SettingsPage__tabTitle___f51QF {
    font-size: 12px !important;
    min-width: auto !important;
    padding: 12px 8px !important;
  }
}
.SettingsPage__tabTitleIcon___nCPVZ {
  display: none;
}
@media all and (min-width: 992px) {
  .SettingsPage__tabTitleIcon___nCPVZ {
    display: block;
  }
  .SettingsPage__tabTitleIcon___nCPVZ path {
    fill: rgba(76,78,100,0.87);
  }
}
[class*='tabTitle'][class*='Mui-selected'] path {
  fill: #005ccb;
}
.SettingsPage__ProfileTabAccount___AXyY5 {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'gender title' 'birthday birthday' 'firstName lastName' 'email email' 'phoneNumber phoneNumber' 'buttonWrapper buttonWrapper';
}
@media all and (min-width: 992px) {
  .SettingsPage__ProfileTabAccount___AXyY5 {
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'gender gender title birthday' 'firstName firstName lastName lastName' 'email email phoneNumber phoneNumber' 'buttonWrapper buttonWrapper buttonWrapper buttonWrapper';
  }
}
@media all and (max-width: 991.98px) {
  .SettingsPage__ProfileTabSecurity___Qk2UY [class*='cancelButton'] {
    width: 100%;
  }
}
.SettingsPage__ProfileTabDataUsage___M7OtM {
  display: grid;
  grid-template-columns: 1fr 58px;
  align-items: center;
  grid-gap: 24px 16px;
}
@media all and (min-width: 992px) {
  .SettingsPage__ProfileTabDataUsage___M7OtM {
    grid-template-columns: 41px 1fr 58px;
  }
}
.SettingsPage__tabPanel___tuQPv {
  padding: 30px 20px 20px 20px;
}
.SettingsPage__tabPanel___tuQPv[hidden] {
  display: none;
}
.SettingsPage__tabPanel___tuQPv.SettingsPage__ProfileTabSecurity___Qk2UY {
  padding-top: 20px;
}
.SettingsPage__tabPanel___tuQPv.SettingsPage__ProfileTabDataUsage___M7OtM {
  padding-top: 20px;
  padding-bottom: 30px;
}
.SettingsPage__editPrivateAddress___Ynppi {
  box-sizing: border-box;
  height: 338px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(76,78,100,0.12);
  text-align: right;
}
.SettingsPage__editPrivateAddressTitle___BPcZ2 {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  border-bottom: 1px solid rgba(76,78,100,0.12);
  padding-bottom: 20px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SettingsPage__privateAddressContent___Ktq6N {
  padding: 20px 0;
  text-align: left;
}
.SettingsPage__privateAddressContent___Ktq6N > div + div {
  margin-top: 10px;
}
.SettingsPage__privateAddressLabel___nB68Q {
  color: rgba(76,78,100,0.87);
  font-size: 14px;
  font-weight: 600;
}
.SettingsPage__privateAddressValue___zHGZ2 {
  color: rgba(76,78,100,0.68);
  font-size: 14px;
}
.SettingsPage__privateAddressRequired___V8rKU {
  color: rgba(255,77,73,0.5);
  font-style: italic;
  font-size: 14px;
}
.SettingsPage__buttonAddress___KZGic,
.SettingsPage__buttonAddressComplete___Tn5jf {
  min-height: 38px !important;
  width: 193px !important;
}
.SettingsPage__skeletonItem___tSTGQ {
  display: inline-block !important;
  vertical-align: middle;
}
.SettingsPage__addDeliveryAddress___mZpkO {
  height: 338px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px dashed rgba(76,78,100,0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.SettingsPage__addDeliveryAddress___mZpkO.SettingsPage__addDeliveryAddressNew___Zo21B {
  pointer-events: none;
  opacity: 0.32;
}
.SettingsPage__addDeliveryAddress___mZpkO.SettingsPage__addDeliveryAddressDisable___xSmz5 {
  display: none;
}
.SettingsPage__addDeliveryAddressTitle___kHPoo {
  color: rgba(76,78,100,0.87);
  font-size: 20px;
  display: block;
  margin-top: 16px;
}
.SettingsPage__addDeliveryAddressIcon___iatAX {
  display: block;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #6d788d;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  color: rgba(76,78,100,0.54);
  font-size: 45px;
}
.SettingsPage__editPrivateAddressRemoveBtn___fvdGB {
  min-width: auto !important;
  display: flex !important;
  padding: 0 !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/Pagination/Pagination.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.Pagination__container___pQQDd {
  display: flex;
  justify-content: center;
}
.Pagination__buttonBase___DXvnY,
.Pagination__button___S8pda,
.Pagination__buttonCurrent___MKIyi {
  box-sizing: border-box;
  height: 25px;
  min-width: 25px;
  border: 1px solid #005ccb;
  border-radius: 3px;
  padding: 0 5px;
  outline: none;
  margin-left: 25px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #005ccb;
}
.Pagination__button___S8pda {
  background-color: #fff;
}
.Pagination__button___S8pda:hover {
  color: #fff;
  background-color: rgba(0,92,203,0.5);
  border-color: transparent;
}
.Pagination__button___S8pda:active {
  color: #fff;
  background-color: #005ccb;
  border-color: #005ccb;
}
.Pagination__button___S8pda:disabled,
.Pagination__button___S8pda:disabled:hover {
  cursor: not-allowed;
  color: #9da9cc;
  border-color: #9da9cc;
  background-color: #fff;
}
.Pagination__buttonPrevPage___pnj8v {
  margin-left: 0;
}
.Pagination__buttonCurrent___MKIyi {
  cursor: default;
  color: #fff;
  background-color: #005ccb;
  border-color: #005ccb;
}
@media all and (max-width: 575.98px) {
  .Pagination__buttonCurrent___MKIyi {
    margin-left: 0;
  }
}
.Pagination__goBack___OqqSc {
  margin-right: 10px;
}
.Pagination__goBack___OqqSc svg {
  font-size: 14px;
  fill: #005ccb;
  transform: rotate(90deg);
  margin-right: 10px;
}
@media all and (max-width: 575.98px) {
  .Pagination__goBack___OqqSc {
    margin-right: auto;
  }
}
.Pagination__goForward___DKCTP {
  margin-left: 35px;
}
.Pagination__goForward___DKCTP svg {
  font-size: 14px;
  fill: #005ccb;
  transform: rotate(270deg);
  margin-left: 10px;
}
@media all and (max-width: 575.98px) {
  .Pagination__goForward___DKCTP {
    margin-left: auto;
  }
}
.Pagination__goBack___OqqSc,
.Pagination__goForward___DKCTP {
  cursor: pointer;
  color: #005ccb;
  font-size: 18px;
  text-transform: capitalize;
  border: 0;
  background: 0;
}
.Pagination__disabled___ZWxdP {
  color: #ccc;
  cursor: not-allowed;
}
.Pagination__disabled___ZWxdP svg {
  fill: #ccc;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/FavoritePage/FavoriteHeader/FavoriteHeader.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.FavoriteHeader__wrapFavoriteHeader_____Ois {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin: 16px 16px 0 16px;
  border-radius: 6px;
  padding-left: 9px;
  border: 1px solid rgba(76,78,100,0.12);
}
@media all and (min-width: 992px) {
  .FavoriteHeader__wrapFavoriteHeader_____Ois {
    margin: 8px 0 0 0;
    gap: 22px;
    position: absolute;
    top: -68px;
    right: 0;
    border-radius: none;
    border: none;
    padding: 0;
  }
}
.FavoriteHeader__btnToCompare___MqDZW {
  min-width: 86px !important;
  height: 30px;
  font-size: 13px !important;
  color: rgba(76,78,100,0.38);
}
@media all and (min-width: 992px) {
  .FavoriteHeader__btnToCompare___MqDZW {
    min-width: 173px !important;
    height: 40px;
    font-size: 14px !important;
  }
}
.FavoriteHeader__btnToCompare___MqDZW[class*='MuiButton-contained'][class*='Mui-disabled'] {
  background-color: transparent !important;
  border: 1px solid rgba(76,78,100,0.12);
}
.FavoriteHeader__wrapCheckbox___nDdzS {
  margin-right: -3px !important;
}
.FavoriteHeader__wrapCheckbox___nDdzS span {
  color: rgba(76,78,100,0.87);
}
@media all and (min-width: 992px) {
  .FavoriteHeader__wrapCheckbox___nDdzS {
    margin-right: 6px !important;
  }
}
.FavoriteHeader__pagetitle___CEI9g {
  color: rgba(76,78,100,0.68);
  font-size: 16px;
  font-weight: 400;
  margin-right: auto;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/FavoritePage/FavoritePage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.FavoritePage__favoritePage___fW8BZ {
  display: flex;
  position: relative;
  flex-direction: column;
}
@media all and (max-width: 575.98px) {
  .FavoritePage__favoritePage___fW8BZ {
    min-width: 320px;
  }
}
.FavoritePage__pageHeading___dy4Mi {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  align-items: center;
  padding: 10px;
}
@media all and (min-width: 992px) {
  .FavoritePage__pageHeading___dy4Mi {
    padding: 0 10px 10px 10px;
  }
}
.FavoritePage__mobilePageHeading___zoqll {
  margin-top: 15px;
  color: #005ccb;
  font-size: 16px;
  padding: 0 10px;
}
.FavoritePage__mobilePageHeading___zoqll.FavoritePage__headingWithOffset___M3cfP {
  margin-top: 55px;
}
.FavoritePage__favoriteContent___x5Era {
  flex-grow: 1;
  margin: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .FavoritePage__favoriteContent___x5Era {
    margin: 0 0 16px 0;
    gap: 0;
  }
}
.FavoritePage__favoriteContent___x5Era [class*='VehicleSmallCard__vehicleWrapSearch'] {
  grid-template-areas: 'title title' 'image image' 'info price' 'favoriteCarWidget favoriteCarWidget';
}
@media all and (min-width: 992px) {
  .FavoritePage__favoriteContent___x5Era [class*='VehicleSmallCard__vehicleWrapSearch'] {
    grid-template-areas: 'title title price favoriteCarWidget' 'image info price favoriteCarWidget';
  }
}
.FavoritePage__vehicles___njbVU {
  position: relative;
  margin: 10px 0;
}
.FavoritePage__vehiclesList___z_ad6 {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  border-radius: 3px;
}
@media all and (min-width: 992px) {
  .FavoritePage__item___JEXCI {
    margin-bottom: 15px;
  }
}
.FavoritePage__item___JEXCI:last-child {
  margin-bottom: 0;
}
.FavoritePage__controls___XYXEM {
  display: flex;
  flex-direction: row;
}
.FavoritePage__button___xcitf {
  display: block;
  margin-left: 10px;
  width: 258px;
  border-radius: 3px;
}
.FavoritePage__notFoundText___wLaWJ {
  display: block;
  font-size: 16px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.FavoritePage__pagination___W1NAo {
  margin-bottom: 15px;
}
.FavoritePage__loader___Xsbur {
  margin: 100px auto;
}
.FavoritePage__select___U8x1l {
  width: 220px !important;
}
.FavoritePage__select___U8x1l input {
  color: rgba(76,78,100,0.87);
}
.FavoritePage__favoriteHeaderStatic___eFag1 {
  position: absolute;
  top: -58px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  z-index: 1;
  width: 100vw;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .FavoritePage__favoriteHeaderStatic___eFag1 {
    top: 0;
    height: 40px;
  }
}
@media all and (max-width: 575.98px) {
  .FavoritePage__favoriteHeaderStatic___eFag1 {
    height: 50px;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/Vehicles/VehicleImage/VehicleImage.styl ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.VehicleImage__default___pet2U {
  max-height: 190px;
  width: 100%;
}
.VehicleImage__imageWrapper___Z7NZv {
  width: 257px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/ComparePage/CompareItem/CompareItem.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.CompareItem__compareItem___Pgpl2 {
  background-color: #fff;
  position: relative;
  border: 1px solid rgba(76,78,100,0.12);
  border-radius: 10px;
  min-width: 150px;
  padding-bottom: 10px;
}
.CompareItem__itemImage___oHDJz {
  height: 190px;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 575.98px) {
  .CompareItem__itemImage___oHDJz {
    height: auto;
  }
}
.CompareItem__itemContent___ZYFZU {
  padding: 0 14px;
}
.CompareItem__columnUnderlineBlock___TjqMn {
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0 5px 0 5px;
}
.CompareItem__columnUnderline___kmGQi {
  height: 1px;
  width: 100%;
  background-color: #e8e8e8;
}
.CompareItem__itemCaption___zpJRr {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.CompareItem__captionMake___JUuzz {
  font-size: 20px;
  font-weight: 700;
  color: rgba(76,78,100,0.87);
  user-select: none !important;
}
.CompareItem__captionModel___T0thG {
  color: rgba(76,78,100,0.87);
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  text-align: center;
  user-select: none !important;
  white-space: normal;
  overflow: hidden;
  max-height: 32px;
}
@media all and (min-width: 576px) {
  .CompareItem__captionModel___T0thG {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}
.CompareItem__itemPrice___CBS55 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .CompareItem__itemPrice___CBS55 {
    display: inline;
    font-size: 14px;
    font-weight: 700;
  }
}
.CompareItem__itemAmount___EyIOq {
  font-weight: 700;
  font-size: 18px !important;
}
.CompareItem__itemCo2Amount___PoeQK {
  font-weight: 400;
  font-size: 10px;
}
.CompareItem__itemRemove___dofkW {
  position: absolute;
  top: 5px;
  right: 5px;
  border: 0 solid transparent;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
}
.CompareItem__deleteIcon___SgG9k {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  transform: scale(0.7);
}
.CompareItem__deleteIcon___SgG9k path {
  fill: #84468e;
  fill-opacity: 1 !important;
}
.CompareItem__monthlyPayment___URbNK {
  display: inline;
  font-weight: inherit;
  font-size: inherit;
}
.CompareItem__fullPriceResponsive___e7ez0 {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
}
.CompareItem__vehicleImage___IppiJ {
  border-radius: 10px 10px 0 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .CompareItem__vehicleImage___IppiJ {
    border-radius: 0;
  }
}
.CompareItem__vatIncludedLabel___CC2W4 {
  font-size: 8px;
  color: #797979;
}
.CompareItem__postfix___sbZIp {
  left: 2px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/ComparePage/CompareBlock/CompareBlock.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.CompareBlock__accordion___AEC4p {
  position: relative;
  box-sizing: border-box;
}
.CompareBlock__accordionWrapper___G9SsN {
  background-color: transparent !important;
  margin: 0 !important;
}
.CompareBlock__accordionWrapper___G9SsN::before {
  display: none;
}
.CompareBlock__accordionWrapper___G9SsN [class*='MuiAccordionSummary-root'] {
  min-height: auto !important;
}
.CompareBlock__accordionWrapper___G9SsN [class*='MuiAccordionDetails-root'] {
  padding: 0;
}
.CompareBlock__accordionSummary___aB8Db {
  opacity: 0;
  pointer-events: none;
  border: none !important;
  padding: 0 14px !important;
  width: 50vw;
}
.CompareBlock__accordionSummary___aB8Db [class*='MuiAccordionSummary-content'] {
  margin: 0 !important;
  font-weight: 400;
  color: rgba(76,78,100,0.68);
  font-size: 16px;
  text-transform: none;
}
.CompareBlock__accordionSummary___aB8Db.CompareBlock__accordionSummaryShow___w629g {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.CompareBlock__tableName____vZaY {
  border-bottom: 1px solid rgba(76,78,100,0.12);
  color: rgba(76,78,100,0.87);
  font-size: 12px;
  padding: 10px 0;
}
.CompareBlock__table___xHMGP {
  font-size: 12px;
}
.CompareBlock__tableMaxWitdth___UzMQQ {
  grid-column: 1/span 2;
}
.CompareBlock__tr___K98vD {
  padding: 8px 0;
  border-bottom: 1px solid rgba(76,78,100,0.12);
}
.CompareBlock__trGrid___eA2Ev {
  grid-template-columns: 1fr;
}
.CompareBlock__th___q24Cu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.CompareBlock__td___QQ4ls {
  white-space: pre-line;
  font-weight: bold;
}
.CompareBlock__thTop___Piv9a {
  font-weight: bold;
}
.CompareBlock__tdContent___HKBgN {
  text-transform: capitalize;
}
.CompareBlock__wrapChecked___iL0kS {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  padding: 13px 0;
}
.CompareBlock__cellIcon___JH21G {
  margin-right: 7px;
  font-size: 26px;
  flex-shrink: 0;
}
.CompareBlock__cellCheckIcon___52yBI {
  font-size: 14px;
  margin-left: 35px;
  margin-right: 7px;
  flex-shrink: 0;
}
.CompareBlock__cellCheckIcon___52yBI path {
  fill: #375a9e;
}
@media all and (min-width: 992px) {
  .CompareBlock__cellCheckIcon___52yBI {
    margin-left: 0;
  }
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .CompareBlock__cellCheckIcon___52yBI {
    margin-left: 10px;
  }
}
.CompareBlock__checkedItem___dFl2Q {
  text-overflow: ellipsis;
  overflow: hidden;
}
.CompareBlock__subTitle___vw5D7 {
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 0;
  white-space: pre-wrap;
}
.CompareBlock__mr30___SiuBG {
  margin-right: 30px;
}
.CompareBlock__accent___m7zgf {
  color: #005ccb;
}
.CompareBlock__expansionPanel___coUId {
  border: none;
}
.CompareBlock__expansionScroll___K7X_T {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.CompareBlock__expansionTitle___d4gGO {
  text-transform: uppercase;
  font-size: 14px;
}
@media all and (max-width: 991.98px) {
  .CompareBlock__expansionTitle___d4gGO {
    font-size: 13px !important;
    padding: 15px 10px !important;
  }
}
@media all and (max-width: 991.98px) {
  .CompareBlock__expansionBody___jZXV0 {
    padding: 0 10px;
  }
}
.CompareBlock__autoDeId___UvshL {
  font-size: 12px;
  height: 45px;
  line-height: 45px;
  padding-left: 7.5px;
}
.CompareBlock__empty___EvqGJ {
  font-size: 14px;
  margin-bottom: 10px;
}
.CompareBlock__propertyContainer___akyns,
.CompareBlock__wrapGrid___qM5jM {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(76,78,100,0.12);
  border-radius: 10px;
  padding: 0 8px;
}
.CompareBlock__accordionVehicleProp___N23B3 {
  width: 100%;
  height: 40px;
  text-transform: none;
  font-size: 12px;
  color: rgba(76,78,100,0.87);
  border: none;
}
.CompareBlock__accordionVehicleProp___N23B3 + .CompareBlock__accordionVehicleProp___N23B3 {
  border-top: 1px solid rgba(76,78,100,0.12);
}
.CompareBlock__propertyIcon___irn5D {
  flex-shrink: 0;
}
.CompareBlock__longTitle___MnSal {
  max-width: 157px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/ComparePage/ComparePrice/ComparePrice.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.ComparePrice__vehiclePriceSection___FwaEA {
  display: flex;
  margin: 56px 0 16px 0;
  background-color: #fff;
  flex-direction: column;
  padding: 0 14px;
  height: 150px;
  border: 1px solid rgba(76,78,100,0.12);
  border-radius: 10px;
  box-sizing: border-box;
  justify-content: center;
}
@media all and (min-width: 992px) {
  .ComparePrice__vehiclePriceSection___FwaEA {
    margin: 16px 0;
  }
}
.ComparePrice__priceItem___Rfk2x {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 47px;
  box-sizing: border-box;
}
.ComparePrice__priceItem___Rfk2x + .ComparePrice__priceItem___Rfk2x {
  border-top: 1px solid rgba(76,78,100,0.12);
}
.ComparePrice__priceItemCategory___QPLPR {
  font-size: 12px;
  color: rgba(76,78,100,0.87);
  margin-right: 2px;
  flex-shrink: 0;
  position: relative;
  margin-right: 5px;
}
.ComparePrice__tooltipWrapIcon___wVr4r {
  transform: translateY(-1px);
}
.ComparePrice__priceItemDisable___tC7wU .ComparePrice__priceItemCategory___QPLPR {
  color: rgba(76,78,100,0.37);
}
.ComparePrice__priceItemDisable___tC7wU .ComparePrice__priceItemCategory___QPLPR [class*='MuiIconButton-root'] svg {
  opacity: 0.37;
}
.ComparePrice__noPrice___hj53e {
  color: rgba(76,78,100,0.37);
  font-size: 11px;
  padding-right: 7px;
}
.ComparePrice__priceItemPrice___w5Rwo {
  margin-left: auto;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  text-decoration: none;
  justify-content: center;
  align-items: flex-end;
  color: inherit;
}
.ComparePrice__oldPrice___mEgQT {
  font-size: 10px;
}
.ComparePrice__oldPrice___mEgQT > span:last-of-type {
  font-size: 8px;
  transform: translateY(-2px);
  display: inline-flex;
}
.ComparePrice__priceAfterComma___YYG6u {
  font-size: 16px !important;
  transform: none !important;
  position: static !important;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/ComparePage/ComparePage.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.ComparePage__comparePage___nQ4Wp {
  position: relative;
  padding: 0 10px;
}
@media all and (min-width: 992px) {
  .ComparePage__comparePage___nQ4Wp {
    padding: 0;
  }
}
.ComparePage__carsWrapper___TsdLu {
  min-width: 100%;
}
.ComparePage__mobilePageHeader___DhzSI {
  color: #005ccb;
  font-size: 18px;
  padding: 15px 10px 0 10px;
  margin-right: -10px;
  margin-left: -10px;
  border-bottom: 1px solid #e8e8e8;
}
.ComparePage__compareVehicles___sUiA4 {
  position: relative;
}
.ComparePage__table___wGLXX {
  padding: 10px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.ComparePage__goToCarDetails___zwU6f {
  white-space: nowrap;
  flex-basis: 0;
  flex-grow: 1;
  padding: 0 4px;
  box-sizing: border-box;
}
.ComparePage__diff___biQi3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 111;
  right: 10px;
  top: 265px;
  width: calc(100% - 20px);
}
@media all and (max-width: 575.98px) {
  .ComparePage__diff___biQi3 {
    top: calc(80px + 36vw);
  }
}
@media all and (min-width: 992px) {
  .ComparePage__diff___biQi3 {
    width: auto;
    right: 10px;
    left: auto;
    top: -45px;
    transform: translateX(0);
  }
}
.ComparePage__diffButton___Kukmb {
  min-width: 100% !important;
  height: 30px;
}
@media all and (min-width: 992px) {
  .ComparePage__diffButton___Kukmb {
    width: 177px;
  }
}
.ComparePage__diffButton___Kukmb {
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ComparePage__diffButton___Kukmb {
    font-size: 13px;
  }
}
.comparePage .slick-slider .slick-prev, .comparePage .slick-slider .slick-next {
  top: 120px;
}
.compareTable * {
  outline-color: transparent;
}
.comparePage .slick-list {
  margin-left: -4px !important;
  margin-right: -4px !important;
}
.comparePage .slick-slide * {
  user-select: text;
}
.comparePage .slick-slider {
  overflow: hidden;
}
.comparePage .slick-slider .slick-arrow, .comparePage .slick-slider .slick-arrow:focus, .comparePage .slick-slider .slick-arrow:hover {
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.comparePage .slick-slider .slick-arrow::before {
  display: none;
}
.comparePage .slick-slider .click-arrow::before:hover {
  background-color: #000;
}
.comparePage .slick-slider .slick-arrow::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: top center;
  background-image: url(/assets/slider-arrow.0ec64a035c5adebabcdd.svg);
  background-size: cover;
}
.comparePage .slick-slider .slick-next::after {
  left: 8px;
}
.comparePage .slick-slider .slick-prev::after {
  transform: rotate(180deg) translateY(-50%);
  right: 8px;
}
.comparePage .slick-slider .slick-prev {
  left: -25px;
}
.comparePage .slick-slider .slick-next {
  right: -25px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ComparePage__eyeIcon___NACkH {
    width: 14px;
    height: 14px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/ContactBlocks/ContactBlocks.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactBlocks__colContact___F564O {
  margin-top: 15px;
}
.ContactBlocks__colIcon___GAXF5 {
  flex: 0 !important;
}
.ContactBlocks__header___qlHTu {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 12px;
  margin-top: 0;
}
.ContactBlocks__text___gAO12 {
  font-size: 14px;
  line-height: 21px;
  margin: 0;
}
.ContactBlocks__icon___G_WdY {
  fill: #797979;
  width: 38px;
  height: 38px;
}
.ContactBlocks__contactLabel___Kk2rG {
  font-size: 10px;
}
.ContactBlocks__contactText___y9eIo {
  font-size: 16px;
  font-weight: 600;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/ColItem/ColItem.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.ColItem__col___Q9jg7 {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  height: fit-content;
}
.ColItem__item___UXnur {
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ColItem__item___UXnur {
    padding: 10px;
  }
}
.ColItem__borderItem___rwd5k {
  border: 1px solid rgba(215,215,215,0.5);
  border-radius: 2px;
}
.ColItem__backgroundItem___FOriB {
  background: #fff;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/BillingPage/Tables/CarInvoices.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.CarInvoices__tableWrapper___VVxjZ {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 10px;
}
.CarInvoices__tableHeader___X_mI9 {
  border-bottom: 1px solid #e8e8e8;
  height: 40px;
  padding: 10px;
  padding-top: 15px;
  font-size: 14px;
  box-sizing: border-box;
}
.CarInvoices__headerItem___eBqKR {
  display: inline-block;
  font-size: 14px;
}
.CarInvoices__width12dot3___LgtIN {
  width: 129px;
}
.CarInvoices__width60___Qjceh {
  width: 628px;
}
.CarInvoices__width25dot5___ITX38 {
  width: 267px;
}
.CarInvoices__arrowButton___aFuCc {
  background: url(/assets/arrow-billing.93e391557443f0bb22af.png) no-repeat;
  height: 10px;
  width: 20px;
  margin-bottom: 2px;
  cursor: pointer;
  transform: rotate(180deg);
}
.CarInvoices__arrowDown___udRbH {
  transform: rotate(0deg);
}
.CarInvoices__carSellBodyFull___nYN1D {
  max-height: 100000px;
}
.CarInvoices__carSellBodyEmpty___d619M {
  max-height: 0;
  overflow: hidden;
}
.CarInvoices__tableSubHeader___iUG2v {
  height: 32px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 12px;
  font-weight: 700;
  line-height: 32px;
}
.CarInvoices__dateColumnName___QfENa {
  width: 116px;
  padding-left: 23px;
  display: inline-block;
}
.CarInvoices__markeColumnName___iTmfS {
  width: 179px;
  display: inline-block;
}
.CarInvoices__modelColumnName___hxniB {
  width: 192px;
  display: inline-block;
}
.CarInvoices__billNumberColumnName____audM {
  display: inline-block;
  width: 257px;
}
.CarInvoices__sumColumnName___YjLTs {
  display: inline-block;
  width: 149px;
}
.CarInvoices__statusColumnName___MveB4 {
  display: inline-block;
  width: 117px;
}
.CarInvoices__descriptionColumnName___MKlmI {
  display: inline-block;
  width: 372px;
}
.CarInvoices__carSellRow___NbQdg {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.CarInvoices__arrowLeft___RTh5V {
  background: url(/assets/arrow-billing.93e391557443f0bb22af.png) no-repeat center;
  height: 9px;
  width: 25px;
  background-size: 10px 5px;
  cursor: pointer;
  display: inline-block;
  transform: rotate(-90deg);
}
.CarInvoices__arrowDownFromLeft___hb69c {
  transform: rotate(0deg);
}
.CarInvoices__dateColumnValue___mpPt_ {
  width: 114px;
  padding-left: 0 !important;
  display: inline-block;
}
.CarInvoices__statusColumnValue___TKbS2 {
  width: 83px;
  display: inline-block;
}
.CarInvoices__greenText___yJ6OP {
  color: #008000;
}
.CarInvoices__redText___G5MkB {
  color: #f00;
}
.CarInvoices__pdfButton___lVtg_ {
  background: url(/assets/pdfIcon.061e8274f7621869febb.svg) no-repeat center;
  height: 19px;
  width: 25px;
  background-size: 25px 19px;
  cursor: pointer;
  display: inline-block;
  transform: translateY(31%);
}
.CarInvoices__openedCarSellRow___qRtvL {
  margin-left: 25px;
  margin-right: 14px;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #1f1f1f;
  padding-top: 8px;
  padding-bottom: 5px;
}
.CarInvoices__openedCarSellRowHeader___wbKE_ {
  font-size: 12px;
  font-weight: 700;
}
.CarInvoices__mengeTitle___r9jvR {
  display: inline-block;
  margin-left: 488px;
  width: 113px;
  text-align: left;
}
.CarInvoices__EinzelpreisTitle___guoAi {
  display: inline-block;
  width: 144px;
  padding-right: 30px;
  box-sizing: border-box;
  text-align: right;
}
.CarInvoices__GesamtbetragTitle____tMiQ {
  display: inline-block;
  width: 113px;
}
.CarInvoices__openedCarSellRowValues___h1MUQ {
  font-size: 12px;
  margin-bottom: 2px;
  margin-top: 2px;
}
.CarInvoices__textValue___b6fTM {
  display: inline-block;
  padding-left: 113px;
  width: 452px;
  box-sizing: border-box;
}
.CarInvoices__mengeValue___TUJpV {
  display: inline-block;
  width: 103px;
  text-align: right;
  padding-right: 30px;
  box-sizing: border-box;
  vertical-align: top;
}
.CarInvoices__EinzelpreisValue___lpHZ_ {
  display: inline-block;
  vertical-align: top;
  width: 149px;
  text-align: right;
}
.CarInvoices__GesamtbetragValue___E8ao3 {
  display: inline-block;
  vertical-align: top;
  width: 113px;
  text-align: right;
}
.CarInvoices__descriptionColumnName___MKlmI {
  display: inline-block;
}
.CarInvoices__noResultText___NngAZ {
  font-size: 12px;
}
.CarInvoices__searchPeriodSpan___csY70 {
  display: inline-block;
  font-size: 14px;
}
.CarInvoices__moveUp11___P6sdw {
  transform: translateY(-11%);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/BillingPage/BillingPage.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.BillingPage__header___K3dJt {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.BillingPage__bigBlueHeader___RgnuK {
  font-size: 18px;
  font-weight: 700;
  color: #005ccb;
  text-transform: capitalize;
  margin-bottom: 18px;
  margin-top: 30px;
}
.BillingPage__activeSearchHeader___dDYok {
  height: 40px;
  background-color: #c2cee1;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
}
.BillingPage__headerTitle___cYwNG {
  font-size: 16px;
  font-weight: bold;
}
.BillingPage__search___uP_iG {
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.BillingPage__allPricesText___yq4Md {
  font-size: 12px;
  text-align: right;
  margin-bottom: 20px;
}
.BillingPage__calculationContainer___ycKlR {
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
}
.BillingPage__searchText___GXTk3 {
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}
.BillingPage__searchButton___Jv9pa {
  text-transform: uppercase;
  min-width: 100px;
  font-size: 14px !important;
  font-weight: 700;
  border-radius: 3px;
  height: 28px !important;
  transform: translateY(-2px);
}
.BillingPage__emptySearchForNow___jAa4j {
  width: 48%;
  visibility: hidden;
  display: inline-block;
}
.BillingPage__resetSearchButton___knPn2 {
  font-size: 21px;
  color: #005ccb;
  font-weight: 700;
  cursor: pointer;
  margin-left: 10px;
}
.BillingPage__errorText___uuYEi {
  text-align: center;
}
.billingPage .DayPickerInput input {
  padding: 5px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  height: 28px;
  box-sizing: border-box;
  margin-right: 30px;
  width: 115px;
}
.billingPage .DayPickerInput-Overlay {
  line-height: normal !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/DataExportPage/DataExportPage.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.DataExportPage__DataExportPage___fmN0L {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  width: 1100px;
  margin-bottom: 15px;
}
.DataExportPage__pageTitle___FfAUT {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.DataExportPage__frame___rY4nZ,
.DataExportPage__paper___bkscY,
.DataExportPage__paperHalfSize___NmPIu {
  position: relative;
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  margin-top: 15px;
}
.DataExportPage__paper___bkscY,
.DataExportPage__paperHalfSize___NmPIu {
  box-sizing: border-box;
  background-color: #fff;
}
.DataExportPage__paperHalfSize___NmPIu {
  width: calc(50% - 7px);
}
.DataExportPage__title___r02aA,
.DataExportPage__titleUnderline___S38Z2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 15px;
}
.DataExportPage__titleUnderline___S38Z2 {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 15px;
}
.DataExportPage__flexWrapper___rUDXN {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.DataExportPage__contactItem___LcZRM {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-top: 15px;
}
.DataExportPage__contactIcon___e_AIc {
  margin-right: 15px;
  fill: #797979;
}
.DataExportPage__contactContent___KBPtO {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.DataExportPage__contactTitle___F3Vld {
  font-size: 10px;
  padding-top: 3px;
}
.DataExportPage__contactText___lGEdY {
  font-size: 16px;
  font-weight: bold;
}
.DataExportPage__steps___TSX_w {
  display: flex;
  justify-content: center;
  align-items: center;
}
.DataExportPage__stepItem___GY4gI {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  background-color: #005ccb;
  box-sizing: border-box;
  border-radius: 50%;
}
.DataExportPage__stepArrow___VMZaO {
  height: 3px;
  background-color: #005ccb;
  margin: 0 15px;
  width: 190px;
  position: relative;
}
.DataExportPage__stepArrow___VMZaO:after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 1px;
  top: -11px;
  width: 25px;
  height: 25px;
  border: 3px solid #005ccb;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
.DataExportPage__stepDescription___EoEBU {
  box-sizing: border-box;
  width: 25%;
  padding: 15px;
  text-align: center;
}
.DataExportPage__stepContent___j9y2F {
  margin-top: 15px;
}
.DataExportPage__serviceLabel___TmHDw {
  display: inline-block;
  width: 130px;
}
.DataExportPage__label___YNTgP,
.DataExportPage__activeLabel___o_P9d,
.DataExportPage__notActiveLabel___yTZ2z {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 3px;
}
.DataExportPage__activeLabel___o_P9d {
  background-color: #4caf50;
}
.DataExportPage__notActiveLabel___yTZ2z {
  background-color: #f00;
}
.DataExportPage__row___Yw05V {
  display: flex;
  align-items: center;
  margin: 15px 0;
}
.DataExportPage__slimRow___DyTrx {
  display: flex;
  align-items: center;
}
.DataExportPage__inputLabel___ajMqC {
  width: 130px;
  font-weight: bold;
}
.DataExportPage__radioIcon___U4A8V {
  margin-left: 0;
}
.DataExportPage__radioLabel___o9RXe {
  font-size: 14px;
}
.DataExportPage__radioLabelAutomaticExport___Otswf {
  margin-bottom: 15px;
}
.DataExportPage__button___KiUz4 {
  margin-left: 15px !important;
  font-weight: bold !important;
  border-radius: 0 !important;
}
.DataExportPage__secondaryButton___TRjQF {
  background-color: #fff;
  color: #005ccb;
  border: 1px solid #005ccb;
  margin-top: 20px;
  font-weight: bold;
}
.DataExportPage__logo___tVgvd {
  position: absolute;
  top: 15px;
  right: 15px;
}
.DataExportPage__link___X1k5e {
  color: #000;
}
.DataExportPage__link___X1k5e:hover,
.DataExportPage__link___X1k5e:active,
.DataExportPage__link___X1k5e:visited {
  color: #000;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/DealerPages/blocks/HeaderBlock/HeaderBlock.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderBlock__textHeader___yif57 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 7.5px;
  border-bottom: 1px solid #ccc;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/DealerPages/blocks/FieldDescriptionBlock/FieldDescriptionBlock.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FieldDescriptionBlock__blockHeader___kXYJu {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.FieldDescriptionBlock__blockHeader___kXYJu.FieldDescriptionBlock__onlyIcon___acQuE {
  float: left;
}
.FieldDescriptionBlock__row___I1VR0 {
  font-size: 14px;
  line-height: 21px;
  padding: 15px;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #666cff;
}
.FieldDescriptionBlock__textTitle___Adkqb {
  margin-bottom: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.87);
}
.FieldDescriptionBlock__icon___DHN_c {
  width: 26px;
  height: auto;
  fill: #005ccb;
}
.FieldDescriptionBlock__round___lphhL {
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #26c6f9;
  min-width: 56px;
  height: 56px;
  border-radius: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.FieldDescriptionBlock__text___zmXLX {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
}
.FieldDescriptionBlock__imprintDesc___mm7A8 {
  grid-area: imprintDesc;
}
.FieldDescriptionBlock__termDesc___VgGZo {
  grid-area: termDesc;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/DealerPages/DataImportPage/DataImportPage.styl ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.DataImportPage__loader___NPiRy {
  margin: 19px auto 8px;
}
.DataImportPage__hidden___Uol9P {
  visibility: hidden;
}
.DataImportPage__colButton___XQuB_ {
  display: flex;
  justify-content: center;
}
.DataImportPage__text___MKdI9 {
  font-size: 14px;
}
.DataImportPage__textSubheader___jfaaj {
  font-weight: 600;
}
.DataImportPage__textLabel___ORR3I {
  padding: 15px 0 14px;
}
.DataImportPage__button___jfeDM {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
  margin: 10px 0 5px;
  text-transform: uppercase;
}
.DataImportPage__buttonIcon___cT6MB {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 8px;
  fill: #fff;
}
.DataImportPage__buttonLoader___XM9yk {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12.5px;
  margin-top: -12.5px;
}
.DataImportPage__dealerId___Ryvgf {
  margin-top: 20px;
  font-weight: 600;
  font-size: 14px;
  padding: 7.5px;
}
.DataImportPage__importPageContainer___FV3KQ {
  background: #fff;
  border: 1px solid rgba(215,215,215,0.5);
  border-radius: 2px;
  padding: 15px 40px;
}
.DataImportPage__importHeader___FfYD5 {
  color: #005ccb;
  font-weight: 400;
  border-bottom: 1px solid rgba(215,215,215,0.5);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CarsOnlinePage/CarsOnline.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.CarsOnline__header___kIhzi {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.CarsOnline__headerTitle___r8qym {
  font-size: 16px;
  font-weight: bold;
}
.CarsOnline__tableWrapper___X5_V6 {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 10px;
}
.CarsOnline__allPricesText___fk0Pz {
  font-size: 12px;
  text-align: right;
  margin-bottom: 20px;
}
.CarsOnline__calculationContainer___rjyjv {
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 20px;
}
.CarsOnline__searchResultsText___TqAbJ {
  font-size: 12px;
  width: 100%;
  text-align: left;
}
.CarsOnline__search___O7g3c {
  height: 40px;
  line-height: 40px;
  text-align: right;
  margin-bottom: 28px;
}
.CarsOnline__emptySearchForNow___SoZrv {
  width: 48%;
  visibility: hidden;
  display: inline-block;
}
.CarsOnline__searchText___i1RMf {
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
}
.CarsOnline__searchButton___EPCC3 {
  text-transform: uppercase !important;
  min-width: 100px;
  font-size: 14px !important;
  font-weight: 700;
  border-radius: 3px !important;
  height: 28px !important;
}
.CarsOnline__expansionPanel___eSgjO {
  padding: 0 !important;
}
.CarsOnline__expansionPanelTitle___r8Ibq {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  min-width: 171px;
}
.CarsOnline__headerClassName___ZwVA3 {
  padding: 15px 0 10px 15px;
}
.CarsOnline__bodyClassName___jMHQx {
  padding-top: 0 !important;
}
.CarsOnline__rowTitle____z4Gw {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  min-height: 32px;
  font-weight: 700;
  font-size: 12px;
  padding-left: 15px;
  padding-top: 8px;
  box-sizing: border-box;
  display: flex;
}
.CarsOnline__rowData___WNWQF {
  border: 0 !important;
  font-weight: 400;
}
.CarsOnline__subTitleClassName___St7mw {
  font-size: 14px;
}
.CarsOnline__rowTitleText___ygcDb {
  display: inline-block;
  flex: 1;
  color: #333;
}
.CarsOnline__rowTitleTextCapitalized___wfVnj {
  text-transform: capitalize;
}
.CarsOnline__activeSearchHeader___qMaiA {
  height: 40px;
  background-color: #c2cee1;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.CarsOnline__activeSearchButtons___Zjqgx {
  display: flex;
  align-items: center;
}
.CarsOnline__resetSearchButton___Yjika {
  font-size: 21px;
  cursor: pointer;
  margin-left: 10px;
  fill: #005ccb;
  line-height: 21px;
  transform: translateY(1px);
}
.carsOnlinePage .DayPickerInput input {
  padding: 5px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  height: 28px;
  box-sizing: border-box;
  margin-right: 30px;
  width: 115px;
}
.carsOnlinePage .DayPickerInput-Overlay {
  line-height: normal !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/ui/CarsSlider/CarsSlider.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.CarsSlider__container___HcSDC {
  display: flex;
  flex-direction: row;
}
.CarsSlider__defaultLayout___afLrP {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media all and (max-width: 575.98px) {
  .CarsSlider__defaultLayout___afLrP {
    display: block;
  }
}
@media all and (min-width: 992px) {
  .CarsSlider__sliderContainer___TnaAH [class*='VehicleSmallCard__vehicle'] {
    max-width: 256px;
  }
}
.CarsSlider__sliderContainer___TnaAH [class*='VehiclePrice__buttonDetails'] {
  min-width: 100%;
}
@media all and (min-width: 992px) {
  .CarsSlider__sliderContainer___TnaAH .react-slider-container.slick-slider {
    padding-left: 19px;
  }
}
.CarsSlider__sliderContainer___TnaAH .react-slider-container.slick-slider > .slick-arrow {
  width: 15px;
  height: 50px;
  background-image: url(/assets/slider-arrow-big.3ed69ac16aaff674cab7.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.CarsSlider__sliderContainer___TnaAH .react-slider-container.slick-slider > .slick-arrow::before {
  display: none;
}
.CarsSlider__sliderContainer___TnaAH .react-slider-container.slick-slider > .slick-prev {
  left: -20px;
}
.CarsSlider__sliderContainer___TnaAH .react-slider-container.slick-slider > .slick-next {
  right: -20px;
  transform: rotateY(180deg) translateY(-50%);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/NotFoundPage/NotFoundPage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.NotFoundPage__notFoundPage___nN7nK {
  margin-bottom: 20px;
  padding: 50px 0;
  position: relative;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__notFoundPage___nN7nK {
    padding: 0;
  }
}
.NotFoundPage__notFoundCode___c2hXc {
  font-size: 80px;
  margin: 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__notFoundCode___c2hXc {
    font-size: 40px;
  }
}
.NotFoundPage__notFoundSubtext___uvpn_ {
  font-size: 28px;
  margin: 0;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__notFoundSubtext___uvpn_ {
    font-size: 16px;
  }
}
.NotFoundPage__garageImg___IvWXA {
  position: absolute;
  background-image: url(/assets/not-found-page-bg.5949e777619812cd4b05.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100vw;
  top: 0;
  left: calc((100vw - 100%) / -2);
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__garageImg___IvWXA {
    background-image: none;
  }
}
.NotFoundPage__content___xCasO {
  background-color: rgba(255,255,255,0.1);
  color: #fff;
  padding: 25px;
  border-radius: 3px;
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__content___xCasO {
    text-align: center;
    align-items: center;
    height: 150px;
  }
}
.NotFoundPage__contentContainer___USwMF {
  display: flex;
  position: relative;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__contentContainer___USwMF {
    display: block;
  }
}
.NotFoundPage__infoContainer___REMRD {
  display: block;
  margin-right: 20px;
  flex-basis: 70%;
  align-self: flex-end;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__infoContainer___REMRD {
    background-image: url(/assets/not-found-page-bg.5949e777619812cd4b05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 15px;
    margin: 0;
  }
}
.NotFoundPage__recommendationContainer___G987F {
  padding: 25px 0;
  position: relative;
}
.NotFoundPage__recommendationSubText___h5YIR {
  color: #fff;
  font-weight: 400;
  padding: 0 16px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundPage__recommendationSubText___h5YIR {
    color: #005ccb;
  }
}
.NotFoundPage__homeButton___Z4Mnz {
  width: 170px;
  height: 30px;
  font-weight: 600;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/NotFoundPage/NotFoundSearchWidget.styl ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************/
.NotFoundSearchWidget__box___dIJOK {
  flex-basis: 30%;
  background-color: #fff;
  border: 1px solid #dadce0;
  position: relative;
  padding: 15px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'make make make make' 'model model model model' 'bodyType bodyType bodyType bodyType' 'firstRegistration firstRegistration mileage mileage' 'radioGroup radioGroup . rateLink' 'rateSearchValue rateSearchValue rateSearchValue rateSearchValue' 'actionButton actionButton actionButton actionButton' 'detailsLink detailsLink detailsLink detailsLink';
}
.NotFoundSearchWidget__box___dIJOK [class*='CompactSearchWidget__smallButton'] {
  color: #000;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .NotFoundSearchWidget__box___dIJOK {
    width: auto;
  }
}
.NotFoundSearchWidget__rateWidget___Y1elr {
  background-color: #f2f2f2;
}
.NotFoundSearchWidget__rateWidget___Y1elr::before {
  background-color: #f2f2f2 !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/ButtonNext/ButtonNext.styl ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonNext__btnNextWrap___CS0W4 {
  position: relative;
  margin: 0 16px;
}
@media (orientation: landscape) {
  .ButtonNext__btnNextWrap___CS0W4 {
    margin: 0 auto 40px;
    width: 328px;
  }
}
.ButtonNext__notFilled___vLW5R {
  text-align: center;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  width: calc(100% + 2px);
  display: block;
  margin: 3px auto 12px;
  color: #fff;
  background-color: rgba(0,0,0,0.87);
  padding: 14px 16px;
  height: auto;
  min-height: 44px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media all and (min-width: 992px) {
  .ButtonNext__notFilled___vLW5R {
    margin: 20px auto 0;
    width: 328px;
  }
}
.ButtonNext__notFilledAdditionalServices___GCicM {
  bottom: -13px;
}
.ButtonNext__orderOverviewError___eQZ4p {
  bottom: 167px;
}
@media (orientation: landscape) {
  .ButtonNext__orderOverviewError___eQZ4p {
    bottom: 108px;
  }
}
.ButtonNext__buttonNext___bzPDO[class*='MuiButton-containedPrimary'] {
  width: 100%;
  display: block;
  margin: 3px auto 12px;
  text-transform: none;
  color: #fff;
  background-color: #005ccb;
  padding: 6px 16px;
  height: 44px;
  border-radius: 4px;
}
@media all and (min-width: 992px) {
  .ButtonNext__buttonNext___bzPDO[class*='MuiButton-containedPrimary'] {
    margin: 40px auto 0;
    width: 328px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/Header/Header.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.Header__header___lkjcC {
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
  padding-bottom: 9px;
}
@media all and (min-width: 992px) {
  .Header__header___lkjcC {
    height: 90px;
    position: sticky;
    z-index: 2;
    padding-bottom: 0;
  }
}
.Header__headerTitle___f966I {
  font-size: 20px;
  color: rgba(0,0,0,0.83);
  margin-top: 9px;
}
.Header__toolbarContainer___Oj4rW {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
  height: auto;
}
.Header__toolbarContainer___Oj4rW [class*="MuiStepConnector-lineHorizontal"] {
  transition: 0.4s;
}
@media all and (min-width: 992px) {
  .Header__toolbarContainer___Oj4rW {
    flex-direction: row;
    height: inherit;
  }
}
.Header__headerBlock___T3xIN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 16px;
  width: inherit;
  box-sizing: border-box;
}
@media all and (min-width: 992px) {
  .Header__headerBlock___T3xIN {
    padding: 0 25px;
  }
}
.Header__logoBlock___DqnIC {
  display: flex;
  align-items: center;
}
.Header__carPriceBlock___zLwnl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Header__priceContainer___g6Uhi {
  display: flex;
}
.Header__priceWrapper___pdvkB {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Header__priceWrapper___pdvkB .Header__buyUnitWrapper___Dc57e {
  font-size: 12px !important;
  top: 0px !important;
}
@media all and (min-width: 992px) {
  .Header__priceWrapper___pdvkB {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-right: 2px solid rgba(0,0,0,0.2);
    padding-right: 58px;
  }
  .Header__priceWrapper___pdvkB .Header__buyUnitWrapper___Dc57e {
    font-size: 24px !important;
  }
}
@media all and (min-width: 992px) {
  .Header__buyPriceWrapper___wCkss {
    padding-right: 15px;
    align-items: flex-start;
  }
  .Header__buyPriceWrapper___wCkss .Header__buyUnitWrapper___Dc57e {
    font-size: 24px !important;
    bottom: 20px !important;
  }
  .Header__buyPriceWrapper___wCkss [class*='container'] {
    display: flex;
    align-items: center;
  }
}
.Header__numberContainer___ktTdw {
  font-weight: 400;
  font-size: 24px;
  line-height: 27.6px;
}
@media all and (min-width: 992px) {
  .Header__numberContainer___ktTdw {
    font-size: 48px;
    line-height: 1;
    text-align: right;
    height: 55px;
  }
}
.Header__carInfoWrap___DtvVz {
  max-width: 225px;
  margin: 0 36px 0 20px;
}
.Header__carModel___kL5VD {
  display: block;
  text-align: right;
  text-transform: uppercase;
  color: rgba(0,0,0,0.83);
  font-size: 18px;
}
.Header__carCharachteristics___s3AZq {
  -webkit-line-clamp: 2;
  font-size: 12px;
  color: rgba(0,0,0,0.63);
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.Header__unitWrapper___DGhDa [class*='unitItem'] {
  font-size: 12px;
  margin-top: 5px;
}
.Header__unitWrapper___DGhDa [class*='monthly'] {
  font-size: 10px;
}
@media all and (min-width: 992px) {
  .Header__unitWrapper___DGhDa {
    font-size: 24px !important;
    margin-top: 10px;
    top: 0 !important;
  }
  .Header__unitWrapper___DGhDa [class*='monthly'] {
    font-size: 12px;
    position: relative;
    bottom: 7px;
  }
  .Header__unitWrapper___DGhDa [class*='unitItem'] {
    font-size: 24px;
  }
}
.Header__additionalText___P7XZl {
  font-size: 7px;
  text-align: right;
  color: rgba(0,0,0,0.63);
}
@media all and (min-width: 992px) {
  .Header__additionalText___P7XZl {
    font-size: 12px;
  }
}
@media all and (min-width: 992px) {
  .Header__buyAdditionalText___AKXQN {
    margin-left: 5px;
  }
}
.Header__carImage___tR4Mm {
  width: 57px;
  display: block;
}
@media all and (min-width: 992px) {
  .Header__carImage___tR4Mm {
    width: 120px;
  }
}
.Header__logo___MctbY {
  display: block;
  width: 90px;
  height: 26px;
  background-image: url(/assets/logo-checkout.9d21bf7ce5fb14523627.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: contain;
  background-position: center;
}
@media all and (min-width: 992px) {
  .Header__logo___MctbY {
    width: 160px;
    height: 50px;
  }
}
@media all and (min-width: 992px) {
  .Header__afterCommaPrice___WAecd {
    font-size: 25px !important;
    top: 8px !important;
  }
}
@media (orientation: landscape) {
  .Header__appBarWrapper___Gnje4 [class*="MuiStepConnector-lineHorizontal"] {
    width: 20px;
    display: block;
    margin-top: -7px;
    margin-bottom: 7px;
  }
  .Header__appBarWrapper___Gnje4 [class*="MuiStepConnector-alternativeLabel"] {
    display: flex;
    justify-content: center;
  }
}
.Header__headerScroll___v5Aqz [class*='MuiStepConnector-lineHorizontal'] {
  transform: rotate(90deg);
  transition: 0.4s;
}
.Header__headerScroll___v5Aqz [class*='MuiStepLabel-iconContainer'][class*='MuiStepLabel-alternativeLabel'] {
  display: none;
}
.Header__headerScroll___v5Aqz [class*='makeStyles-headerScroll-17'] [class*='MuiStepLabel-iconContainer'][class*='MuiStepLabel-alternativeLabel'] {
  display: none;
}
.Header__headerScroll___v5Aqz [class*='MuiStepConnector-alternativeLabel'] {
  top: 18px;
  transition: 0.4s;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/ContactInformation/ContactInformation.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactInformation__wrapper___ViEgV {
  background-color: #fff;
  box-sizing: border-box;
  padding: 16px;
}
@media all and (min-width: 992px) {
  .ContactInformation__wrapper___ViEgV {
    background-color: transparent;
    margin: 0 auto;
    max-width: 730px;
    padding: 0;
  }
}
.ContactInformation__personalInfo___QPMRP,
.ContactInformation__address___PZK0b {
  background-color: #fff;
}
@media all and (min-width: 992px) {
  .ContactInformation__personalInfo___QPMRP {
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 20px 25px;
  }
}
@media all and (min-width: 992px) {
  .ContactInformation__address___PZK0b {
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 20px 25px;
    margin-top: 17px;
  }
}
.ContactInformation__personalInfoGrid___uB7nk,
.ContactInformation__addressGrid___NffKJ {
  border: none;
  padding: 0;
  display: grid;
  grid-gap: 14px 16px;
  grid-template-columns: repeat(4, 1fr);
}
.ContactInformation__personalInfoGrid___uB7nk {
  margin-top: 16px;
  grid-template-areas: 'firstName firstName lastName lastName' 'email email email email' 'countryCode areaCode phoneNumber phoneNumber' 'birthday birthday birthday birthday';
}
@media all and (min-width: 992px) {
  .ContactInformation__personalInfoGrid___uB7nk {
    margin-top: 20px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas: 'firstName firstName lastName lastName countryCode areaCode phoneNumber phoneNumber' 'email email email email birthday birthday birthday birthday';
  }
}
.ContactInformation__addressGrid___NffKJ {
  margin-top: 16px;
  grid-template-areas: 'street street street no' 'postcode city city city' 'company company company company';
}
@media all and (min-width: 992px) {
  .ContactInformation__addressGrid___NffKJ {
    margin-top: 20px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas: 'street street street no postcode city city city' 'company company company company . . . .';
  }
}
.ContactInformation__firstName___cEvEm {
  grid-area: firstName;
}
.ContactInformation__lastName___V7rcl {
  grid-area: lastName;
}
.ContactInformation__email___vAirr {
  grid-area: email;
}
.ContactInformation__countryCode___nKfy6 {
  grid-area: countryCode;
  position: relative;
}
.ContactInformation__areaCode___hiT4l {
  grid-area: areaCode;
}
.ContactInformation__phoneNumber___dip0O {
  grid-area: phoneNumber;
}
.ContactInformation__areaCodeInputLabel___PIozw {
  font-size: 13px !important;
}
.ContactInformation__birthday___YhMHQ {
  grid-area: birthday;
  position: relative;
}
.ContactInformation__birthday___YhMHQ [class*='MuiFormHelperText-root'] {
  display: none;
}
.ContactInformation__title___jw5Au {
  color: rgba(0,0,0,0.83);
  font-size: 22px;
  font-weight: normal;
  grid-area: title;
}
.ContactInformation__titleInfo___oaXUI {
  grid-area: titleInfo;
}
.ContactInformation__titleAdress___Wk1O1 {
  grid-area: titleAddress;
  margin-top: 10px;
}
@media all and (min-width: 992px) {
  .ContactInformation__titleAdress___Wk1O1 {
    margin-top: 0;
  }
}
.ContactInformation__street___QShj8 {
  grid-area: street;
}
.ContactInformation__no___WPanS {
  grid-area: no;
}
.ContactInformation__postcode___mr92Q {
  grid-area: postcode;
}
.ContactInformation__setWidth___xzowG {
  width: 100px !important;
}
.ContactInformation__city___FQbS1 {
  grid-area: city;
}
.ContactInformation__company___Hp1MK {
  grid-area: company;
}
.ContactInformation__pagetitle___zX4cm {
  color: rgba(0,0,0,0.83);
  margin: 0;
  font-weight: normal;
  font-size: 28px;
  padding-left: 20px;
}
.ContactInformation__longtitle___GOAsD {
  color: rgba(0,0,0,0.63);
  font-size: 14px;
  display: inline-block;
  margin: 13px 0 25px;
  padding-left: 20px;
}
.ContactInformation__countryCodePlus___nKu02 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: 13px;
}
.ContactInformation__birthdayLabel___yXVBa {
  position: absolute;
  font-size: 0.75em;
  left: 10px;
  top: -5px;
  color: rgba(0,0,0,0.58);
  background-color: #fff;
  padding: 0 5px;
}
.ContactInformation__birthdayLabelError___y7wZR {
  color: #f44336;
}
.ContactInformation__inputBirthday___PvV0i {
  font-size: 12px;
  width: 100%;
}
.ContactInformation__inputBirthday___PvV0i ::placeholder {
  color: rgba(0,0,0,0.6) !important;
  opacity: 1 !important;
}
.ContactInformation__inputBirthday___PvV0i [class*='MuiOutlinedInput-root'] {
  border-radius: 3px;
}
.ContactInformation__inputBirthday___PvV0i [class*='MuiOutlinedInput-root'][class*='Mui-focused'] [class*='MuiOutlinedInput-notchedOutline'] {
  border-color: #005ccb;
}
.ContactInformation__inputBirthday___PvV0i [class*='Mui-error'] ::placeholder {
  color: #f44336 !important;
  opacity: 1 !important;
}
.ContactInformation__inputBirthday___PvV0i [class*='Mui-error'] [class*='MuiInputBase-input'] {
  color: #f44336;
}
.ContactInformation__inputBirthday___PvV0i [class*='MuiOutlinedInput-input'] {
  padding: 14.5px 14px;
  color: rgba(0,0,0,0.83);
}
.ContactInformation__inputBirthday___PvV0i [class*='MuiOutlinedInput-notchedOutline'] {
  border-color: rgba(0,0,0,0.12);
}
.ContactInformation__inputBirthday___PvV0i [class*='MuiOutlinedInput-adornedEnd'] {
  padding-right: 0;
}
[class*='MuiAutocomplete-input '] {
  padding-left: 1px !important;
  width: 37px !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/PaymentType/PaymentType.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaymentType__pagetitle___hX0Gm {
  color: rgba(0,0,0,0.83);
  margin: 0;
  font-size: 28px;
  display: block;
  margin-left: 15px;
}
.PaymentType__longtitle___DFo_w {
  color: rgba(0,0,0,0.63);
  font-size: 14px;
  letter-spacing: 1.25px;
  display: block;
  margin: 13px 0 36px;
  margin-left: 15px;
}
@media all and (min-width: 992px) {
  .PaymentType__longtitle___DFo_w {
    margin-bottom: 0;
  }
}
@media all and (min-width: 992px) {
  .PaymentType__cardWrapper___wifcV {
    margin: 32px 0 10px 0;
  }
}
@media all and (min-width: 992px) {
  .PaymentType__wrapper___ztSRL {
    margin: 0 auto;
    max-width: 730px;
    width: 100%;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/PaymentDetails/PaymentDetails.styl ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaymentDetails__paymentDetailsBlock___OhbKE {
  max-width: 730px;
  margin: 0 auto;
  background-color: #fff;
  width: 100%;
}
@media all and (min-width: 992px) {
  .PaymentDetails__paymentDetailsBlock___OhbKE {
    background-color: transparent;
  }
}
.PaymentDetails__offerBlockCheckout___KXJux {
  padding-bottom: 0;
}
.PaymentDetails__addressBlockWrapper___q6ztM {
  background-color: #fff;
}
.PaymentDetails__paymentDetailsTitle___xemDi {
  display: none;
}
.PaymentDetails__accordionExpanded___hCybZ {
  box-shadow: none !important;
}
.PaymentDetails__accordionExpanded___hCybZ[class*='Mui-expanded'] {
  margin: 0 !important;
}
.PaymentDetails__paymentDetailsDesc___0pw_v {
  display: none;
}
.PaymentDetails__paymentTypeName___MRZK9 {
  display: none;
}
.PaymentDetails__oldFinancingPrice___XDCkr {
  font-size: 14px;
  margin-top: 20px;
  width: fit-content;
}
.PaymentDetails__unit___s_YAR [class*='unit'] {
  top: -22px !important;
  font-size: 18px !important;
}
.PaymentDetails__monthlyRate___TBfqX {
  margin-top: 18px;
}
.PaymentDetails__numberContainer___VZyAG {
  font-size: 60px;
  font-weight: 400;
}
.PaymentDetails__paymentDeatailsContentWrapper___EpS52 {
  padding: 19px 16px 8px;
  font-size: 12px;
  color: rgba(0,0,0,0.631);
}
.PaymentDetails__paymentDetailsAdressTitle___lxweb {
  font-weight: 700;
  display: block;
}
.PaymentDetails__paymentDetailsConditionsTitle___rmOAk {
  font-size: 22px;
  display: block;
  margin-top: 11px;
  color: rgba(0,0,0,0.831);
}
.PaymentDetails__paymentDetailsConditions___cxdsy {
  display: block;
  margin-top: 8px;
  color: rgba(0,0,0,0.631);
}
.PaymentDetails__financingDetails___kFhrX {
  display: block;
  font-size: 10px;
  padding-top: 10px;
  text-decoration: underline;
}
.PaymentDetails__heading___RQGRu {
  color: #005ccb;
  margin-left: 10px;
}
.PaymentDetails__wrapper___VcBJh {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-gap: 14px 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'firstName firstName lastName lastName' 'email email email email' 'birthday birthday birthday birthday' 'borrower borrower borrower borrower';
}
@media all and (min-width: 992px) {
  .PaymentDetails__wrapper___VcBJh {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'firstName lastName email email' 'birthday birthday borrower borrower';
  }
}
.PaymentDetails__firstName___mGmXV {
  grid-area: firstName;
}
.PaymentDetails__lastName___NXJ3E {
  grid-area: lastName;
}
.PaymentDetails__email___O0KrW {
  grid-area: email;
}
.PaymentDetails__borrower___SaC92 {
  grid-area: borrower;
}
.PaymentDetails__formControl___GEYc_ {
  width: 100%;
}
.PaymentDetails__birthday___K1OWU {
  grid-area: birthday;
  position: relative;
}
.PaymentDetails__accordionWrapper___ru3Wd {
  display: block;
}
.PaymentDetails__checkoutOffer___f0xq2 {
  padding: 0 16px;
}
.PaymentDetails__checkoutOffer___f0xq2 [class*='financingCheckboxWrapper'] {
  margin-top: 0;
  padding-top: 15px;
}
.PaymentDetails__checkoutOffer___f0xq2 [class*='range'] {
  margin-top: 34px;
  margin-bottom: 10px;
}
.PaymentDetails__checkoutOffer___f0xq2 [class*='headerPeriod'] {
  padding-top: 34px;
  color: rgba(0,0,0,0.83);
}
.PaymentDetails__checkoutOffer___f0xq2 [class*="labelContent"] {
  font-size: 14px;
}
.PaymentDetails__checkoutOffer___f0xq2 [class*='sliderValues'] {
  margin-top: 16px;
}
.PaymentDetails__checkoutOffer___f0xq2 [class*='sliderValues'] [class*='header'] {
  margin: 0;
}
.PaymentDetails__accordionDivider___toa5l {
  width: 100vw;
  background-color: #d7d7d7;
  margin-left: calc(-50vw + 50%);
  margin-bottom: 16px;
}
@media (orientation: landscape) {
  .PaymentDetails__divider___nOZMU {
    display: none;
  }
  .PaymentDetails__paymentDetailsBlock___OhbKE {
    padding: 0;
  }
  .PaymentDetails__paymentDetailsBlock___OhbKE [class*='offerBlock'] {
    border-radius: 10px;
  }
  .PaymentDetails__offerPeriodWrapper___s81IW {
    margin: 0;
  }
  .PaymentDetails__preparationCheckbox___Aufi4 {
    margin-top: 28px;
  }
  .PaymentDetails__priceWrapper___Q2nDj {
    padding: 0;
    margin-top: 35px;
  }
  .PaymentDetails__monthlyRate___TBfqX {
    margin-top: 7px;
  }
  .PaymentDetails__paymentTypeName___MRZK9 {
    display: block;
    color: rgba(0,0,0,0.83);
    font-size: 22px;
    line-height: 25.3px;
    margin-bottom: 13px;
  }
  .PaymentDetails__titleBlock___KtuQr {
    padding-left: 13px;
  }
  .PaymentDetails__paymentDetailsTitle___xemDi {
    display: block;
    color: rgba(0,0,0,0.83);
    font-size: 28px;
    letter-spacing: 0.15px;
    line-height: 32.2px;
    margin-top: 12px;
  }
  .PaymentDetails__paymentDetailsDesc___0pw_v {
    display: block;
    color: rgba(0,0,0,0.63);
    font-size: 14px;
    letter-spacing: 1.25px;
    margin-top: 13px;
    line-height: 16.41px;
    margin-bottom: 25px;
  }
  .PaymentDetails__financingDetails___kFhrX {
    margin: 8px 0;
    padding: 0;
  }
  .PaymentDetails__divider___nOZMU {
    display: none;
  }
  .PaymentDetails__addressBlockWrapper___q6ztM {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    border-radius: 8px;
    padding-bottom: 0;
  }
  .PaymentDetails__paymentDeatailsContentWrapper___EpS52 {
    padding: 19px 15px 11px;
  }
  .PaymentDetails__addressDetailsWrapper___SUAgy {
    display: flex;
    font-size: 14px;
  }
  .PaymentDetails__paymentDetailsConditionsTitle___rmOAk {
    margin-top: 16px;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n {
    padding: 10px 16px 32px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    border-radius: 8px;
    column-gap: 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: 'paymentTypeName paymentTypeName paymentTypeName paymentTypeName' 'financingCheckboxWrapper financingCheckboxWrapper offerPeriodWrapper offerPeriodWrapper' 'rangeGroupWrapper rangeGroupWrapper priceDetailsBlock priceDetailsBlock' 'preparationCheckbox preparationCheckbox priceDetailsBlock priceDetailsBlock';
  }
  .PaymentDetails__offerBlockWrapper___aqV6n [class*='offerBlock'] {
    border: none;
    padding-bottom: 0;
    padding-right: 16px;
    border-right: 1px solid #f5f6fa;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n [class*='headerPeriod'] {
    color: rgba(0,0,0,0.83);
    margin-top: 0;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n .PaymentDetails__paymentTypeName___MRZK9 {
    grid-area: paymentTypeName;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n .PaymentDetails__checkoutOffer___f0xq2 {
    grid-area: checkoutOffer;
    margin: 0;
    padding: 0;
    grid-template-areas: 'financingCheckboxWrapper financingCheckboxWrapper offerPeriodWrapper offerPeriodWrapper' 'rangeGroupWrapper rangeGroupWrapper offerPeriodWrapper offerPeriodWrapper' 'offerCheckboxGroup offerCheckboxGroup priceDetailsBlock priceDetailsBlock';
  }
  .PaymentDetails__offerBlockWrapper___aqV6n .PaymentDetails__checkoutOffer___f0xq2 [class*='financingCheckboxWrapper'] {
    padding-top: 11px;
    font-size: 14px;
    line-height: 16.1px;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n .PaymentDetails__checkoutOffer___f0xq2 [class*='sliderValues'] {
    font-size: 14px;
  }
  .PaymentDetails__offerBlockWrapper___aqV6n .PaymentDetails__priceDetailsBlock___X54Bk {
    grid-area: priceDetailsBlock;
  }
}
@media all and (orientation: landscape) and (min-width: 992px) {
  .PaymentDetails__addressBlockWrapper___q6ztM {
    margin-top: 14px;
  }
}
.PaymentDetails__birthdayLabel___CF2Gx {
  position: absolute;
  font-size: 0.75em;
  left: 10px;
  top: -5px;
  background-color: #fff;
  padding: 0 5px;
  color: rgba(0,0,0,0.38);
}
.PaymentDetails__inputField___L_5Sj {
  height: 40px;
}
.PaymentDetails__inputWrapper___kkMWQ {
  border-radius: 2px;
  border-color: rgba(0,0,0,0.12);
}
.PaymentDetails__birthdayLabel___CF2Gx {
  position: absolute;
  font-size: 0.75em;
  left: 10px;
  top: -5px;
  color: rgba(0,0,0,0.58);
  background-color: #fff;
  padding: 0 5px;
}
.PaymentDetails__birthdayLabelError___CR0PV {
  color: #f44336;
}
.PaymentDetails__inputBirthday___kW6Hd {
  font-size: 12px;
  width: 100%;
  height: 40px;
}
.PaymentDetails__inputBirthday___kW6Hd ::placeholder {
  color: rgba(0,0,0,0.6) !important;
  opacity: 1 !important;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiFormHelperText-root'] {
  margin-top: 0;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiOutlinedInput-root'] {
  border-radius: 3px;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiOutlinedInput-root'][class*='Mui-focused'] [class*='MuiOutlinedInput-notchedOutline'] {
  border-color: #005ccb;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='Mui-error'] ::placeholder {
  color: #f44336 !important;
  opacity: 1 !important;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='Mui-error'] [class*='MuiInputBase-input'] {
  color: #f44336;
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiOutlinedInput-input'] {
  padding: 10.5px 14.5px;
  color: rgba(0,0,0,0.83);
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiOutlinedInput-notchedOutline'] {
  border-color: rgba(0,0,0,0.12);
}
.PaymentDetails__inputBirthday___kW6Hd [class*='MuiOutlinedInput-adornedEnd'] {
  padding-right: 0;
  height: 40px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/AdditionalServices/AdditionalServices.styl ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AdditionalServices__blockTitle___GkE1J {
  font-size: 22px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(0,0,0,0.83);
  padding: 13px 17px 0;
}
.AdditionalServices__pageTitle___d6cZE {
  color: rgba(0,0,0,0.83);
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.15px;
  display: block;
  margin-left: 15px;
}
.AdditionalServices__longTitle___GVTzN {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  color: rgba(0,0,0,0.63);
  display: block;
  margin: 13px 15px 26px;
}
.AdditionalServices__additionalServicesWrapper___edZV3 {
  max-width: 730px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
}
@media all and (min-width: 992px) {
  .AdditionalServices__additionalServicesWrapper___edZV3 {
    background-color: transparent;
  }
}
.AdditionalServices__buttonModal___BN4o4 {
  border: none;
  background: none;
}
.AdditionalServices__buttonModalBlock___taJYZ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.AdditionalServices__containerClassName___DJAyF {
  display: flex;
}
.AdditionalServices__modalWrapper___BhVm0 {
  z-index: 1300;
}
.AdditionalServices__warrantyWrapper___FLfw1 {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'silverArea silverArea silverArea silverArea' 'bronzeArea bronzeArea bronzeArea bronzeArea' 'goldArea goldArea goldArea goldArea';
}
@media (orientation: landscape) {
  .AdditionalServices__warrantyWrapper___FLfw1 {
    grid-template-areas: 'silverArea silverArea silverArea silverArea' 'bronzeArea bronzeArea goldArea goldArea';
    border-radius: inherit;
  }
}
.AdditionalServices__silver___x1LWn {
  grid-area: silverArea;
}
.AdditionalServices__bronze___TeuH3 {
  grid-area: bronzeArea;
}
.AdditionalServices__gold___wcMLK {
  grid-area: goldArea;
}
.AdditionalServices__no-warranty___JHDPS {
  grid-area: noWarrantyArea;
  display: none;
}
.AdditionalServices__warrantyHybridWrapper___PvaL3 {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'goldArea goldArea goldArea goldArea' 'noWarrantyArea noWarrantyArea noWarrantyArea noWarrantyArea';
}
.AdditionalServices__warrantyHybridWrapper___PvaL3 .AdditionalServices__silver___x1LWn {
  display: none;
}
.AdditionalServices__warrantyHybridWrapper___PvaL3 .AdditionalServices__bronze___TeuH3 {
  display: none;
}
.AdditionalServices__warrantyHybridWrapper___PvaL3 .AdditionalServices__no-warranty___JHDPS {
  grid-area: noWarrantyArea;
  display: block;
}
@media (orientation: landscape) {
  .AdditionalServices__warrantyHybridWrapper___PvaL3 {
    grid-template-areas: 'goldArea goldArea goldArea goldArea' 'noWarrantyArea noWarrantyArea noWarrantyArea noWarrantyArea';
    border-radius: inherit;
  }
}
.AdditionalServices__registrationWrapper___qIapc {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'admissionsService admissionsService admissionsService admissionsService' 'licensePlate licensePlate licensePlate licensePlate' 'allowYourself allowYourself allowYourself allowYourself';
}
.AdditionalServices__registrationWrapper___qIapc [class*='labelContent'] {
  color: rgba(0,0,0,0.83);
  font-size: 18px;
}
.AdditionalServices__registrationWrapper___qIapc [class*='infoContent'] {
  color: rgba(0,0,0,0.63);
  font-size: 14px;
}
.AdditionalServices__registrationWrapper___qIapc [class*='radioAll'] {
  width: 20px;
  height: 20px;
}
.AdditionalServices__registrationWrapper___qIapc [class*='checked'] [class*='radioAll'] {
  border-width: 0;
}
@media (orientation: landscape) {
  .AdditionalServices__registrationWrapper___qIapc {
    grid-template-areas: 'admissionsService admissionsService admissionsService admissionsService' 'allowYourself allowYourself licensePlate licensePlate';
  }
}
.AdditionalServices__registrationWrapper___qIapc > [class*='container'] {
  margin: 8px;
}
.AdditionalServices__admissionsService___vmUmr {
  grid-area: admissionsService;
}
.AdditionalServices__licensePlate___m6tRl {
  grid-area: licensePlate;
}
.AdditionalServices__allowYourself___r6zCl {
  grid-area: allowYourself;
}
@media (orientation: landscape) {
  .AdditionalServices__warrantyServicesWrapper___qyl4q {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 20px;
  }
  .AdditionalServices__vehicleServicesWrapper___qWPnH {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    margin-top: 9px;
    padding: 20px;
  }
  .AdditionalServices__registrationWrapper___qIapc {
    border-radius: inherit;
  }
}
.AdditionalServices__warrantyPackage___si5fI {
  font-size: 22px;
}
@media all and (max-width: 575.98px) {
  .AdditionalServices__warrantyPackage___si5fI {
    font-size: 16px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/AdditionalServices/DeliveryServices.styl ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeliveryServices__deliveryPageWrapper___SgL1M {
  max-width: 730px;
  margin: 0 auto;
  background-color: #fff;
}
@media all and (min-width: 992px) {
  .DeliveryServices__deliveryPageWrapper___SgL1M {
    background-color: transparent;
  }
}
.DeliveryServices__blockTitle___igV4Z {
  font-size: 22px;
  margin: 0 0 14px 17px;
  display: flex;
  justify-content: space-between;
}
.DeliveryServices__pageTitle___LoBs5 {
  color: rgba(0,0,0,0.83);
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.15px;
  display: block;
  margin-left: 15px;
}
.DeliveryServices__longTitle___XShPl {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  color: rgba(0,0,0,0.63);
  display: block;
  margin: 13px 15px 26px;
}
.DeliveryServices__blockTitle___igV4Z {
  font-size: 22px;
  line-height: 25px;
  color: rgba(0,0,0,0.83);
  margin: 8px 24px 0;
}
.DeliveryServices__buttonGroup___D5MS6 {
  margin-right: 12px;
  text-transform: none;
}
.DeliveryServices__buttonModal___GLNri {
  border: none;
  background: none;
}
.DeliveryServices__buttonModalBlock___KeGeB {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DeliveryServices__deliveryWrapper___v6ssv {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 'delivery delivery delivery delivery' 'pickYourself pickYourself pickYourself pickYourself';
}
.DeliveryServices__headingWrap___C9enw {
  margin: 0 16px;
  height: 50px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0,0,0,0.15);
}
.DeliveryServices__heading___IXuLX {
  margin-left: 16px;
  color: #005ccb;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.75px;
}
@media (orientation: landscape) {
  .DeliveryServices__blockTitle___igV4Z {
    margin: 21px 14px 0;
  }
  .DeliveryServices__deliveryWrapper___v6ssv {
    margin: 13px 14px 12px 8px;
    border-radius: inherit;
    grid-template-areas: 'delivery delivery pickYourself pickYourself';
  }
  .DeliveryServices__deliveryServicesWrapper___CfbZl {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background-color: #fff;
  }
  .DeliveryServices__delivery___kRAFf [class*='labelContent'] {
    font-size: 18px;
  }
}
.DeliveryServices__delivery___kRAFf {
  grid-area: delivery;
}
.DeliveryServices__pickYourself___rpROq {
  grid-area: pickYourself;
  height: fit-content;
}
.DeliveryServices__wrapper___FpoNa {
  background-color: #fff;
  box-sizing: border-box;
  display: grid;
  grid-gap: 14px 16px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: 'street street street street number number' 'zip zip zip city city city';
}
.DeliveryServices__city___iSGXP {
  grid-area: city;
}
.DeliveryServices__street___V4TPu {
  grid-area: street;
}
.DeliveryServices__number___bTxp3 {
  grid-area: number;
}
.DeliveryServices__zip___Ijg8H {
  grid-area: zip;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutStepper/Content/OrderOverview/OrderOverview.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OrderOverview__orderOverviewWrapper___kiyPY {
  padding: 20px 16px 16px;
  background-color: #fff;
}
.OrderOverview__mainContentWrapper___ihsS7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
  grid-template-areas: 'carBlockWrapper carBlockWrapper' 'accordionWrapper accordionWrapper';
}
.OrderOverview__carBlockWrapper___s9NrQ {
  grid-area: carBlockWrapper;
  padding-top: 10px;
}
.OrderOverview__accordionWrapper___rW2Zp {
  grid-area: accordionWrapper;
  border-left: 1px solid #e8e8e8;
  padding: 0px 0px 0px 16px;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__accordionWrapper___rW2Zp {
    padding: 0px 0px 17px;
    border-left: none;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 17px;
  }
}
.OrderOverview__carImage___Op0S_ {
  width: 340px;
  height: auto;
  display: block;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__carImage___Op0S_ {
    width: 166px;
  }
}
.OrderOverview__characteristics___lKP6f {
  margin-top: 16px;
  display: block;
  font-size: 10px;
  color: rgba(0,0,0,0.63);
  line-height: 15px;
  text-align: justify;
  font-weight: 400;
  text-transform: capitalize;
}
.OrderOverview__carInfoWrapper___AhaCu {
  padding-bottom: 16px;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__carInfoWrapper___AhaCu {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.OrderOverview__carName___MauBH {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.83);
  text-align: center;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__carName___MauBH {
    font-weight: 400;
    text-align: start;
  }
}
.OrderOverview__seller___x9mSN {
  display: block;
  font-size: 10px;
  color: rgba(0,0,0,0.63);
  line-height: 15px;
  font-weight: 400;
  margin-top: 13px;
  text-transform: capitalize;
  text-align: justify;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__seller___x9mSN {
    flex-direction: row !important;
  }
}
.OrderOverview__underline___hwcUx {
  text-decoration: underline;
  cursor: pointer;
}
.OrderOverview__generalTermsWrapper___QHTnB {
  padding-top: 20px;
  font-size: 10px;
  line-height: 13.5px;
  letter-spacing: 0.25px;
  color: rgba(0,0,0,0.63);
  font-weight: 400;
}
.OrderOverview__summaryWrapper___bnDrS {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.OrderOverview__price___FnDkN {
  display: flex;
}
.OrderOverview__buyPrice___h58Ck {
  display: flex;
  align-items: center;
}
.OrderOverview__priceUnit___KZd0I {
  font-size: 18px !important;
}
.OrderOverview__additionalText___vSqr0 {
  display: block;
  font-size: 10px;
  line-height: 12px;
  color: rgba(0,0,0,0.38);
}
.OrderOverview__overallRate___AmCar {
  line-height: auto;
}
.OrderOverview__arrowButton___t90TB {
  display: flex;
  align-items: center;
}
.OrderOverview__orderDivider___qS57x {
  margin-top: 10px;
  color: rgba(0,0,0,0.08);
}
.OrderOverview__overAccordionDivider___ypaZu {
  margin-top: 15px;
}
@media (orientation: landscape) {
  .OrderOverview__overAccordionDivider___ypaZu {
    display: none;
  }
}
.OrderOverview__orderFieldContent___IA1ur {
  color: rgba(0,0,0,0.38);
  letter-spacing: 0.25px;
}
.OrderOverview__billingFields___UBZ9b {
  margin-top: 8px;
}
.OrderOverview__billingFieldsWrapper___xUzYO {
  margin-top: 14px;
}
.OrderOverview__footerContent___p8m7z {
  font-size: 10px;
  line-height: 11.5px;
  color: rgba(0,0,0,0.5);
}
.OrderOverview__additionalCheckbox___ncCeO {
  width: 100%;
}
.OrderOverview__additionalCheckbox___ncCeO [class*='labelContent'] {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: rgba(0,0,0,0.5);
}
.OrderOverview__additionalCheckbox___ncCeO [class*='hidePlus'] {
  display: none;
}
.OrderOverview__footerContentItem___H27iO {
  display: block;
  margin-top: 14px;
}
.OrderOverview__titleCheckoutModal___SDRfi {
  border-bottom: none !important;
}
.OrderOverview__modalWrapper___sSy90 {
  background-color: #f5f5f5;
  padding: 0 !important;
}
.OrderOverview__modalWrapper___sSy90 [class*='closeButtonCheckout'] {
  top: 15px !important;
  right: 17px !important;
}
.OrderOverview__modalWrapper___sSy90 [class*='modalTitle'] {
  padding-bottom: 0;
}
.OrderOverview__checkboxLabel___JWua5 {
  width: 100%;
}
.OrderOverview__checkboxContainer___iMjrC {
  width: 100%;
}
.OrderOverview__financingDetails___vBz5T {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
  color: rgba(0,0,0,0.63);
  cursor: pointer;
  line-height: 24px;
}
.OrderOverview__fieldWrapper___fmKLi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.OrderOverview__overviewTitleItem___DWUch {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0,0,0,0.5);
  line-height: 20px;
  letter-spacing: 0.25px;
}
.OrderOverview__overviewFieldsItem___LKO5S {
  color: rgba(0,0,0,0.5);
  line-height: 20px;
}
.OrderOverview__priceContainer___Qwa1W {
  margin-right: 10px;
}
@media (orientation: landscape) {
  .OrderOverview__priceContainer___Qwa1W {
    margin-right: 0;
  }
}
.OrderOverview__orderTitle___cU3A9 {
  color: rgba(0,0,0,0.63);
  line-height: 24px;
  max-width: 206px;
  letter-spacing: 0.15px;
}
.OrderOverview__numberContainer___DH1ug {
  font-size: 36px;
  font-weight: normal;
}
.OrderOverview__monthly____08Ov {
  font-size: 10px;
}
.OrderOverview__unit___B3XFh {
  font-size: 18px;
}
.OrderOverview__unitPrice___SS3f6 {
  justify-content: center;
}
.OrderOverview__afterCommaPrice___wipqr {
  font-size: 20px !important;
  position: relative !important;
  top: 7px !important;
}
@media (orientation: landscape) {
  .OrderOverview__buyNowContent___r5qvw {
    padding: 17px;
    margin: 0;
    max-width: 100%;
  }
}
.OrderOverview__buyNowTitle___irH9V {
  font-size: 22px;
  color: #005ccb;
  text-transform: uppercase;
}
.OrderOverview__preparationCostWrapper___fw8Rt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.OrderOverview__preparationCostsLabel____WjEt {
  color: rgba(0,0,0,0.5);
}
.OrderOverview__preparationCostsRate___liCvt {
  color: rgba(0,0,0,0.63);
}
.OrderOverview__prepararionCostValue___xsLjs {
  font-size: 14px;
}
@media (orientation: landscape) {
  .OrderOverview__mainContentWrapper___ihsS7 {
    column-gap: 14px;
    grid-template-areas: 'carBlockWrapper accordionWrapper' 'carBlockWrapper accordionWrapper';
  }
  .OrderOverview__pageTitle___l6qoQ {
    display: block;
    font-size: 28px;
    color: rgba(0,0,0,0.83);
    line-height: 32.2px;
    letter-spacing: 0.15px;
    margin-left: 15px;
  }
  .OrderOverview__longTitle___msU1h {
    display: block;
    font-size: 14px;
    line-height: 16.41px;
    letter-spacing: 1.25px;
    margin-top: 13px;
    margin-bottom: 26px;
    margin-left: 15px;
  }
  .OrderOverview__seller___x9mSN {
    margin-top: 17px;
  }
  .OrderOverview__carName___MauBH {
    margin-left: -11px;
    font-size: 22px;
  }
  .OrderOverview__generalTermsWrapper___QHTnB {
    display: none;
  }
  .OrderOverview__arrowButton___t90TB svg {
    display: none;
  }
  .OrderOverview__dividertoDelete___NmJLr {
    display: none;
  }
  .OrderOverview__orderOverviewWrapper___kiyPY {
    max-width: 730px;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
  }
  .OrderOverview__mainContentWrapper___ihsS7 {
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 11px 13px 14px 20px;
    border-radius: 8px;
  }
}
.OrderOverview__buyButton___hcJZX {
  max-width: 348px;
  margin: 3px auto 12px !important;
  display: block !important;
  background: #005ccb;
  height: 44px;
  border-radius: 4px !important;
}
.OrderOverview__buyButton___hcJZX[class*='MuiButton-containedPrimary'] {
  width: 100%;
  margin-bottom: 12px !important;
}
.OrderOverview__buyButton___hcJZX [class*='MuiButton-label'] {
  text-transform: none;
}
@media all and (min-width: 768px) {
  .OrderOverview__buyButton___hcJZX {
    margin: 40px auto 0 !important;
    width: 328px !important;
  }
}
.OrderOverview__accordionSummary___GCfZb {
  cursor: default;
}
.OrderOverview__accordion___ShXEi [class*='MuiAccordionSummary-root'] {
  padding: 0;
  min-height: 41px !important;
}
.OrderOverview__accordion___ShXEi [class*='MuiAccordionSummary-root'] svg {
  transition: 0.4s;
}
.OrderOverview__accordion___ShXEi[class*='MuiAccordion-root'] {
  box-shadow: none;
}
.OrderOverview__accordion___ShXEi [class*='MuiAccordionDetails-root'] {
  display: block;
  padding: 0;
}
.OrderOverview__accordion___ShXEi[class*='MuiAccordion-root'][class*='Mui-expanded'] {
  margin: 0;
}
.OrderOverview__accordion___ShXEi [class*='MuiAccordionSummary-content'][class*='Mui-expanded'] {
  margin: 0;
}
.OrderOverview__accordion___ShXEi [class*='.MuiAccordionSummary-content'] {
  margin: 0;
}
.OrderOverview__accordion___ShXEi [class*='MuiAccordionSummary-root'][class*='Mui-expanded'] svg {
  transform: rotate(180deg);
}
.OrderOverview__warranty___DPo9_ span:first-of-type {
  width: 66%;
}
.OrderOverview__downPaymentWrapper___wOTn6 {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.OrderOverview__downPaymentWrapper___wOTn6 div:first-of-type {
  width: 100%;
}
.OrderOverview__conditionFieldContent___YO0Mp {
  color: rgba(0,0,0,0.5);
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.25px;
  margin-top: 8px;
}
.OrderOverview__conditionFieldTitle___oF2u1 {
  margin-bottom: 2px;
}
@media all and (max-width: 575.98px) {
  .OrderOverview__carInfo___YmMNx span {
    display: flex;
    flex-direction: column-reverse;
  }
}
.OrderOverview__promocodeAccordionTitle___ywUa4 {
  color: #005ccb;
  font-size: 16px;
  letter-spacing: 1.25px;
}
.OrderOverview__promocodeDescription___KCtyH {
  margin-top: 6px;
  color: rgba(0,0,0,0.38);
  font-size: 10px;
}
.OrderOverview__discountCodeAccordion___xbqmF {
  margin-top: 10px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/CheckoutPage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckoutPage__contentContainer___fXdoi {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .CheckoutPage__contentContainer___fXdoi {
    padding-top: 36px;
    padding-left: 376px;
  }
}
.CheckoutPage__page___L0Y1_ {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  min-height: -webkit-fill-available;
}
@media all and (min-width: 992px) {
  .CheckoutPage__page___L0Y1_ {
    min-height: 100%;
  }
}
.CheckoutPage__contentWrapper___tCpYc {
  box-sizing: border-box;
  min-height: calc(100vh - 114px - 20px);
  position: relative;
  background: #fff;
  padding-top: 114px;
}
@media all and (min-width: 992px) {
  .CheckoutPage__contentWrapper___tCpYc {
    min-height: calc(100vh - 110px);
    background: transparent;
    padding-top: 0;
  }
  .CheckoutPage__contentWrapper___tCpYc:before {
    content: '';
    position: absolute;
    bottom: 60px;
    right: 0;
    width: 74px;
    height: 194px;
  }
}
.CheckoutPage__orderContentWrapper___R4UPd {
  padding-top: 50px;
}
@media all and (min-width: 992px) {
  .CheckoutPage__orderContentWrapper___R4UPd {
    padding-top: 0;
  }
}
.CheckoutPage__modalWrapper___kTtBx {
  z-index: 1300;
  padding: 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.CheckoutPage__mainContentWrap___hiBG3 {
  max-width: 100%;
  min-height: 100%;
  height: auto;
}
.CheckoutPage__modalTitle____b6yh {
  text-align: left;
  padding: 0;
  padding-bottom: 8px;
  margin: 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: 400;
  color: rgba(0,0,0,0.83);
  border-bottom: 0.75px solid #d7d7d7;
}
.CheckoutPage__financingModal___QSzGA {
  padding: 16px;
  border: 2px solid #005ccb;
  border-radius: 4px;
  box-sizing: border-box;
}
.CheckoutPage__financingModal___QSzGA [class*='closeButtonCheckout'] {
  top: 3px;
  right: 0;
  z-index: 1300;
}
.CheckoutPage__financingModal___QSzGA [class*='content'] {
  padding: 0;
  overflow-y: hidden;
  max-height: 90vh;
  max-width: 100%;
  width: 100%;
}
@media (orientation: landscape) {
  .CheckoutPage__financingModal___QSzGA [class*='content'] {
    overflow: auto;
  }
}
@media (orientation: landscape) {
  .CheckoutPage__financingModal___QSzGA {
    display: flex;
    flex-direction: column;
  }
}
.CheckoutPage__footerContainer___fP20Z {
  padding-left: 400px;
}
@media all and (max-width: 991.98px) {
  .CheckoutPage__footerContainer___fP20Z {
    margin-top: auto;
    padding: 0;
  }
}
@media only screen {
  .CheckoutPage__footerContainer___fP20Z.CheckoutPage__footerContainer___fP20Z (device-width: 414px),
  .CheckoutPage__footerContainer___fP20Z.CheckoutPage__footerContainer___fP20Z (device-height: 896px),
  .CheckoutPage__footerContainer___fP20Z.CheckoutPage__footerContainer___fP20Z (-webkit-device-pixel-ratio: 2) {
    margin-top: 20px;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.CheckoutPage__completed___pu0uL {
  display: inline-block;
}
.CheckoutPage__footerWrapper___bVbCL {
  flexShrink: 0;
}
.CheckoutPage__root___kM57R {
  width: 100%;
  padding: 24px 0;
}
.CheckoutPage__root___kM57R [class*='MuiStepLabel-label'][class*='MuiStepLabel-alternativeLabel'] {
  fontSize: 10px;
}
.CheckoutPage__root___kM57R [class*='MuiSvgIcon-root'] {
  width: 30px;
  height: 30px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/CheckoutPage/Imprint/Imprint.styl ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width: 575.98px) {
  .Imprint__imprintContainer___gooWk {
    padding: 0 15px;
  }
}
.Imprint__imprintText___pkSsH {
  display: block;
  white-space: pre-line;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding: 40px 30px;
  color: #333;
  background: #fff;
  margin-top: 17px;
  border: 1px solid #dadce0;
  border-radius: 3px;
  box-sizing: border-box;
}
@media all and (max-width: 575.98px) {
  .Imprint__imprintText___pkSsH {
    padding: 15px 14px;
  }
}
.Imprint__title___ODD1n {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  display: block;
  margin: 12px 0;
}
.Imprint__imprintTitle___twMwi {
  margin: 30px 0 12px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  display: block;
}
.Imprint__termCond___gu36D {
  font-size: 14px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/ContactPage/ContactPage.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactPage__contactPageContainer___iPCkt {
  display: flex;
  justify-content: space-between;
  column-gap: 44px;
  padding: 30px 27px 40px;
  background: #fff;
  border: 1px solid rgba(76,78,100,0.122);
  border-radius: 10px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ContactPage__contactPageContainer___iPCkt {
    margin: 16px;
    padding: 16px;
    display: block;
  }
}
.ContactPage__pageTitle___Lnpur {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
  margin: 16px 0 0 14px;
}
.ContactPage__formsContainer___Upr7_ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
  margin-top: 19px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ContactPage__formsContainer___Upr7_ {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
}
.ContactPage__mainText___lzhGM {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(76,78,100,0.68);
  text-align: justify;
  display: block;
  text-align: justify;
}
.ContactPage__phoneMain___YopPc {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  grid-gap: 16px;
}
.ContactPage__countryCodeSelect____zkcz {
  padding: 0;
}
.ContactPage__timePicker___dR3JX {
  grid-column: 1/span 2;
  column-gap: 24px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ContactPage__timePicker___dR3JX {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
}
.ContactPage__message___FygHK {
  grid-column: 1/span 2;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ContactPage__message___FygHK {
    grid-column: 1/span 1;
  }
}
.ContactPage__popoverContent___djkBr {
  font-size: 14px;
  white-space: nowrap;
  background-color: #fff;
  padding: 20px;
  margin: 0;
  border: 1px solid rgba(76,78,100,0.122);
  border-radius: 10px;
  min-width: 300px;
  height: fit-content;
}
.ContactPage__buttonContainer___QCtoa {
  display: flex;
  justify-content: end;
  column-gap: 16px;
  margin-top: 24px;
}
@media only screen and (max-device-width: 992px) and (max-device-height: 992px) {
  .ContactPage__buttonContainer___QCtoa {
    justify-content: center;
  }
}
.ContactPage__paragraph___B7R4L,
.ContactPage__popoverHeader___E2SjX,
.ContactPage__popoverContact___VSUpj,
.ContactPage__popoverEmail___FejaJ {
  margin: 0;
}
.ContactPage__popoverSection___LExda {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ContactPage__popoverSection___LExda + .ContactPage__popoverSection___LExda {
  margin-top: 16px;
}
.ContactPage__popoverSection___LExda.ContactPage__withoutIcon___DZUH2 {
  padding-left: 60px;
}
.ContactPage__popoverIcon___tgWv1 {
  display: inline-block;
  margin-right: 20px;
}
.ContactPage__popoverHeader___E2SjX {
  font-weight: bold;
}
.ContactPage__popoverContact___VSUpj {
  font-weight: bold;
}
.ContactPage__popoverEmail___FejaJ {
  text-decoration: underline;
}
.ContactPage__btn___jbfVd {
  height: 38px;
  min-width: auto !important;
  width: fit-content !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
  letter-spacing: 0.4px !important;
  padding: 0 22px !important;
}
.ContactPage__successfulRequestMessage___MoZAd {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: #72e128;
  padding: 14px 16px;
  background: linear-gradient(0deg, rgba(255,255,255,0.88), rgba(255,255,255,0.88)), #72e128;
  border-radius: 8px;
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.ContactPage__checkGreenIcon___s8aa3 {
  margin-right: 14px;
  overflow: visible;
}
.ContactPage__invisibleField___vSz15 {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/MyOrdersPage/MyOrdersPage.styl ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.MyOrdersPage__container___I7e7z {
  display: grid;
  row-gap: 12px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!../../../../../src/app/source/components/pages/LoadingPage/LoadingPage.styl ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingPage__loadingPage____nQVi {
  display: flex;
  justify-content: center;
  height: 50vh;
  align-items: center;
}


/*# sourceMappingURL=main.5d3f46d95a2b8ea37943.css.map*/