.car-widget-header {
  font-family: Lato;
}

.car-widget-header input {
  box-shadow: none;
}

.car-widget-header .car-widget-header-overlay {
  background: black;
  opacity: .5;
  z-index: 111;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.car-widget-header .car-widget-header-wrapper {
  position: absolute;
  display: flex;
  top: 120px;
  left: 0;
  z-index: 112;
  width: 100%;
}

.car-widget-header .car-widget-header-wrapper .container {
  max-width: 1366px;
  padding: 0;
  width: 100%;
}

.car-widget-header .car-widget-header-wrapper .widget-selection-box-desktop {
  background: #fff;
  border-radius: 0 0 12px 12px;
  width: 100%;
}

.car-widget-header .car-widget-header-wrapper .my-cars-desktop {
  background: #fff;
}

.car-widget-header .car-widget-header-wrapper .garage-wrapper {
  border-radius: 0 0 12px 12px;
}

.car-by-selection-start {
  background: #F5F9FF;
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.car-by-selection-start__left {
  display: flex;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.car-by-selection-start__left > img {
  width: 64px;
  height: 64px;
  margin-right: 20px;
}

.car-by-selection-start__b-text {
  padding-right: 24px;
}

.car-by-selection-start__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #152242;
  margin: 0 0 4px;
}

.car-by-selection-start__desc {
  font-family: Lato;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #737A8E;
  margin: 0;
}

.car-by-selection-start__btn-add {
  background: linear-gradient(160.2deg, #0F79DF 9.1%, #0C62D5 73.99%);
  box-shadow: 0px 0px 1px rgba(21, 34, 66, 0.12), 0px 2px 8px rgba(21, 34, 66, 0.12);
  border-radius: 10px;
  padding: 8px 16px;
  width: 100%;
  max-width: 340px;
  min-width: 221px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.car-by-selection-start__btn-add > img {
  margin-right: 4px;
}

.car-by-selection-start__btn-add span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}

.car-by-selection-start__btn-add:hover {
  background: #1876F2 !important;
}

.car-widget-modal-desktop {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), rgba(4, 13, 33, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1055;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  display: flex;
  align-items: center;
}

.car-widget-modal-desktop__container {
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.32), 0 8px 32px rgba(21, 34, 66, 0.24);
  border-radius: 12px;
  width: 800px;
}

.car-widget-modal-desktop__head {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.5px solid #D8DAE0;
}

.car-widget-modal-desktop__head-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #152242;
  margin: 0;
}

.car-widget-modal-desktop__head-btn-close {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.19526 2.19526C2.45561 1.93491 2.87772 1.93491 3.13807 2.19526L8 7.05719L12.8619 2.19526C13.1223 1.93491 13.5444 1.93491 13.8047 2.19526C14.0651 2.45561 14.0651 2.87772 13.8047 3.13807L8.94281 8L13.8047 12.8619C14.0651 13.1223 14.0651 13.5444 13.8047 13.8047C13.5444 14.0651 13.1223 14.0651 12.8619 13.8047L8 8.94281L3.13807 13.8047C2.87772 14.0651 2.45561 14.0651 2.19526 13.8047C1.93491 13.5444 1.93491 13.1223 2.19526 12.8619L7.05719 8L2.19526 3.13807C1.93491 2.87772 1.93491 2.45561 2.19526 2.19526Z' fill='%23737A8E' stroke='%23737A8E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.car-widget-modal-desktop__content-inside {
  padding: 24px 24px 0;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus-wrap {
  padding: 24px 32px;
  margin-bottom: 40px;
  border-radius: 12px;
  border: 3px solid #0C62D5;
  background: #F5F9FF;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus {
  position: relative;
  flex-wrap: wrap;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus .modal-discs-parameters__suggest-by-bus-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus .modal-discs-parameters__suggest-by-bus-desc {
  flex-grow: 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #737A8E;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus .my-cars-desktop__btn-bus-parameters-arrow {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  cursor: pointer;
}

.car-widget-modal-desktop__content-inside .modal-discs-parameters__suggest-by-bus-arrow {
  right: 32px;
}

.car-widget-modal-desktop__content-inside-general-params {
  margin-bottom: 42px;
}

.car-widget-modal-desktop__content-inside-general-params-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #737A8E;
  margin: 0 0 8px;
}

.car-widget-modal-desktop__content-inside-general-params .car-widget-modal-desktop__content-inside-general-params-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.car-widget-modal-desktop__content-inside-general-params .car-widget-modal-desktop__content-inside-general-params-wrapper .car-widget-modal-desktop__content-inside-general-params-item {
  border: 1px solid #EAEBEE;
  border-radius: 4px;
  margin: 5px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #152242;
  padding: 4px 6px;
}

.car-widget-modal-desktop__content-inside-general-params .car-widget-modal-desktop__content-inside-general-params-wrapper .car-widget-modal-desktop__content-inside-general-params-item .name {
  color: #8F95A5;
  font-size: 12px;
}

.car-widget-modal-desktop__content-inside-item {
  margin-bottom: 28px;
  display: flex;
  justify-content: space-between;
}

.car-widget-modal-desktop__content-inside-item-left {
  width: calc((100% * 220) / 680);
}

.car-widget-modal-desktop__content-inside-item-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #152242;
  padding: 6px 0 8px;
  margin: 0;
}

.car-widget-modal-desktop__content-inside-item-right {
  width: calc((100% * 428) / 680);
}

.car-widget-modal-desktop__content-inside-item-right-item {
  width: 100%;
  margin-bottom: 12px;
}

.car-widget-modal-desktop__content-inside-item-right-item:last-child {
  margin-bottom: 12px;
}

.car-widget-modal-desktop__content-inside-item-category-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #737A8E;
  padding: 8px 0 6px;
  margin: 0;
  margin-bottom: 6px;
}

.car-widget-modal-desktop__content-inside-item-category-items {
  display: flex;
  flex-wrap: wrap;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 7px 8px 7px 12px;
  height: 32px;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips.force-padding span.label {
  padding: 6.5px 0 6.5px 12px;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips.chips.counter {
  padding: 7px 16px 7px 12px;
  height: 32px;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips.chips.counter .chips__counter {
  margin-left: 8px;
  font-size: 13px;
  line-height: 18px;
  color: #ABAFBB;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips span.label {
  padding: 0;
  margin-right: 8px;
  margin-top: 2px;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips .chips__counter {
  padding-right: 0;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips.selected {
  padding: 7px 8px 7px 12px;
}

.car-widget-modal-desktop__content .modal-bus-parameters__chips.selected .chips__button {
  margin: 0 0 0 8px;
}

.car-widget-modal-desktop__content-inside-extended {
  padding: 0 60px;
  position: relative;
}

.car-widget-modal-desktop__content-inside-extended-btn-back {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  left: 24px;
  background-color: #FFFFFF;
  border: 1px solid #EAEBEE;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.28033 0.46967C6.57322 0.762563 6.57322 1.23744 6.28033 1.53033L2.31066 5.5L6.28033 9.46967C6.57322 9.76256 6.57322 10.2374 6.28033 10.5303C5.98744 10.8232 5.51256 10.8232 5.21967 10.5303L0.71967 6.03033C0.426777 5.73744 0.426777 5.26256 0.71967 4.96967L5.21967 0.46967C5.51256 0.176777 5.98744 0.176777 6.28033 0.46967Z' fill='%23737A8E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 47% 51%;
  cursor: pointer;
}

.car-widget-modal-desktop__content-inside-extended-btn-back:hover {
  background-color: #8F95A5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.28033 0.46967C6.57322 0.762563 6.57322 1.23744 6.28033 1.53033L2.31066 5.5L6.28033 9.46967C6.57322 9.76256 6.57322 10.2374 6.28033 10.5303C5.98744 10.8232 5.51256 10.8232 5.21967 10.5303L0.71967 6.03033C0.426777 5.73744 0.426777 5.26256 0.71967 4.96967L5.21967 0.46967C5.51256 0.176777 5.98744 0.176777 6.28033 0.46967Z' fill='white'/%3E%3C/svg%3E");
}

.car-widget-modal-desktop__content-inside-extended .car-widget-modal-desktop__content-inside-current-bus {
  padding-top: 64px;
  padding-bottom: 32px;
}

.car-widget-modal-desktop__content-inside-extended .car-widget-modal-desktop__content-inside-current-bus-title {
  max-width: 420px;
  margin: 0 auto 24px;
}

.car-widget-modal-desktop__content-inside-extended .car-widget-modal-desktop__content-inside-divider {
  height: 1px;
  width: 100%;
  background: #EAEBEE;
}

.car-widget-modal-desktop__content-inside-extended .car-widget-modal-desktop__content-inside-suggestion-disks {
  padding: 40px 0 12.5px;
}

.car-widget-modal-desktop__content-inside-extended .car-widget-modal-desktop__content-inside-suggestion-disks-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #152242;
  margin: 0 0 24px;
}

.car-widget-modal-desktop__footer {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.5px solid #D8DAE0;
}

.car-widget-modal-desktop__footer-counter {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #737A8E;
  margin: 0;
}

.car-widget-modal-desktop__footer-b-btns {
  display: flex;
  align-items: center;
}

.car-widget-modal-desktop__footer-b-btns > button {
  margin-right: 8px;
}

.car-widget-modal-desktop__footer-b-btns > button.common {
  width: 100px;
}

.car-widget-modal-desktop__footer-b-btns > button.main {
  width: 120px;
}

.car-widget-modal-desktop__footer-b-btns > button:last-child {
  margin-right: 0;
}

.garage-wrapper {
  display: flex;
  border: 1px solid #EAEBEE;
  border-radius: 12px;
  background: #fff;
}

.garage-wrapper.personal-area-car-widget-garage {
  border: none;
  background: none;
}

.garage-wrapper.personal-area-car-widget-garage .garage {
  width: 100%;
}

.garage-wrapper.personal-area-car-widget-garage .garage-car-info {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.12), 0 1px 4px rgba(21, 34, 66, 0.12);
  border-radius: 12px;
}

.garage-wrapper.personal-area-car-widget-garage .car_details_suggestions {
  width: 100%;
}

.garage-wrapper .garage-all-cars {
  width: 45%;
  border-right: 1px solid #EAEBEE;
  display: flex;
  flex-direction: column;
}

.garage-wrapper .garage-all-cars .garage-cars-list {
  padding: 20px;
  max-height: 65vh;
  overflow: auto;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item.selected .car-item-radio {
  background-color: #0C62D5;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item.selected .car-item-radio:after {
  background-color: #FFFFFF;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item.selected:hover .car-item-radio {
  background-color: #0C62D5;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item.selected:hover .car-item-radio:after {
  background-color: #FFFFFF;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item:hover .car-item-radio {
  background-color: #EAEBEE;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item:hover .car-item-radio:after {
  background-color: #FFFFFF;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item:hover .car-item-info .title {
  color: #0C62D5;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item .car-item-radio {
  width: 24px;
  height: 24px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  margin-right: 16px;
  border: 1px solid #EAEBEE;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item .car-item-radio:after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item .car-item-info .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}

.garage-wrapper .garage-all-cars .garage-cars-list .car-item .car-item-info .sub-title {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #8F95A5;
}

.garage-wrapper .garage-all-cars .garage-add-car {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid #EAEBEE;
  margin-top: auto;
}

.garage-wrapper .garage-all-cars .garage-add-car:hover {
  background-color: #EAEBEE;
}

.garage-wrapper .garage-all-cars .garage-add-car .add-car-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0C62D5;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.garage-wrapper .garage-all-cars .garage-add-car .add-car-btn img {
  margin-right: 10px;
  width: 30px;
}

.garage-wrapper .garage-car-info {
  width: 55%;
  padding: 32px;
}

.garage-wrapper .garage-car-info .car-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.garage-wrapper .garage-car-info .car-actions .action {
  background-color: #F4F5F7;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 300ms ease-in-out;
  transition-delay: 10ms;
}

.garage-wrapper .garage-car-info .car-actions .action.edit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.7039 6.83489L15.534 6.0052C15.9246 5.60865 15.9368 5.1389 15.5645 4.75456L15.1922 4.37022C14.8138 3.98587 14.3194 4.02248 13.9288 4.40682L13.0987 5.23041L14.7039 6.83489ZM6.42757 15.1135L13.9166 7.61578L12.3114 6.0113L4.82235 13.5151L4.19369 15.2233C4.06551 15.565 4.41952 15.87 4.71248 15.7602L6.42757 15.1135Z' fill='%23737A8E'/%3E%3C/svg%3E");
}

.garage-wrapper .garage-car-info .car-actions .action.edit:hover {
  background-color: #1876f2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.7039 6.83489L15.534 6.0052C15.9246 5.60865 15.9368 5.1389 15.5645 4.75456L15.1922 4.37022C14.8138 3.98587 14.3194 4.02248 13.9288 4.40682L13.0987 5.23041L14.7039 6.83489ZM6.42757 15.1135L13.9166 7.61578L12.3114 6.0113L4.82235 13.5151L4.19369 15.2233C4.06551 15.565 4.41952 15.87 4.71248 15.7602L6.42757 15.1135Z' fill='white'/%3E%3C/svg%3E");
}

.garage-wrapper .garage-car-info .car-actions .action.remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3.625C8.08579 3.625 7.75 3.96079 7.75 4.375C7.75 4.78921 8.08579 5.125 8.5 5.125H11.5C11.9142 5.125 12.25 4.78921 12.25 4.375C12.25 3.96079 11.9142 3.625 11.5 3.625H8.5ZM4 6.625C4 6.21079 4.33579 5.875 4.75 5.875H5.5H7.00382H12.9962H14.5H15.25C15.6642 5.875 16 6.21079 16 6.625C16 7.03921 15.6642 7.375 15.25 7.375H14.3929L13.8993 14.2853C13.8152 15.4627 12.8354 16.375 11.655 16.375H8.34502C7.16458 16.375 6.18484 15.4627 6.10074 14.2853L5.60714 7.375H4.75C4.33579 7.375 4 7.03921 4 6.625ZM7.11096 7.375H12.889L12.4031 14.1784C12.375 14.5709 12.0485 14.875 11.655 14.875H8.34502C7.95154 14.875 7.62496 14.5709 7.59692 14.1784L7.11096 7.375Z' fill='%23737A8E'/%3E%3C/svg%3E");
}

.garage-wrapper .garage-car-info .car-actions .action.remove:hover {
  background-color: #f53643;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3.625C8.08579 3.625 7.75 3.96079 7.75 4.375C7.75 4.78921 8.08579 5.125 8.5 5.125H11.5C11.9142 5.125 12.25 4.78921 12.25 4.375C12.25 3.96079 11.9142 3.625 11.5 3.625H8.5ZM4 6.625C4 6.21079 4.33579 5.875 4.75 5.875H5.5H7.00382H12.9962H14.5H15.25C15.6642 5.875 16 6.21079 16 6.625C16 7.03921 15.6642 7.375 15.25 7.375H14.3929L13.8993 14.2853C13.8152 15.4627 12.8354 16.375 11.655 16.375H8.34502C7.16458 16.375 6.18484 15.4627 6.10074 14.2853L5.60714 7.375H4.75C4.33579 7.375 4 7.03921 4 6.625ZM7.11096 7.375H12.889L12.4031 14.1784C12.375 14.5709 12.0485 14.875 11.655 14.875H8.34502C7.95154 14.875 7.62496 14.5709 7.59692 14.1784L7.11096 7.375Z' fill='white'/%3E%3C/svg%3E");
}

.garage-wrapper .garage-car-info .car-actions .state-number {
  position: absolute;
  left: 0;
  top: 0;
}

.garage-wrapper .garage-car-info .car-logo {
  width: 100%;
  text-align: center;
  margin: 32px 0 5px;
}

.garage-wrapper .garage-car-info .car-logo img {
  height: 62px;
}

.garage-wrapper .garage-car-info .car-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 8px;
}

.garage-wrapper .garage-car-info .car-sub-title {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #737A8E;
  text-align: center;
  margin-bottom: 24px;
}

.garage-wrapper .garage-car-info .car-vin {
  border: 1px solid #EFF0F2;
  border-radius: 10px;
  padding: 7px 8px;
  color: #8F95A5;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  max-width: 200px;
  margin: 0 auto;
}

.garage-wrapper .garage-car-info .car-vin span {
  background: #F4F5F7;
  border-radius: 4px;
  display: inline-block;
  margin-right: 8px;
  padding: 2px;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
}

.garage-wrapper .garage-car-info .alert-complete-car-data .alert-complete-car-data_title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.garage-wrapper .garage-car-info .alert-complete-car-data .alert-complete-car-data_title .orange-alert {
  width: 16px;
  height: 16px;
  background: #FEA645;
  border-radius: 50%;
  color: white;
  margin-right: 8px;
  font-size: 13px;
  display: flex;
  justify-content: center;
}

.garage-wrapper .garage-car-info .alert-complete-car-data .alert-complete-car-data_title .percent-complete {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  color: #8F95A5;
  margin-left: 10px;
}

.garage-wrapper .garage-car-info .alert-complete-car-data .progress-bar {
  width: 100%;
  max-width: 336px;
  height: 6px;
  background: #EAEBEE;
  border-radius: 500px;
  margin: 12px auto 24px;
}

.garage-wrapper .garage-car-info .alert-complete-car-data .progress-bar .thumb {
  background: #1876F2;
  border-radius: 500px;
  height: 6px;
}

.garage-wrapper .garage-car-info .add-car-info-alert {
  background: #FAFAFB;
  border: 1px solid #EAEBEE;
  border-radius: 10px;
  padding: 24px;
  cursor: pointer;
}

.garage-wrapper .garage-car-info .add-car-info-alert .title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
}

.garage-wrapper .garage-car-info .add-car-info-alert .title .plus-label {
  margin-left: 8px;
  background: #3E8DF4;
  border-radius: 12px;
  padding: 1px 6px;
  color: white;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.garage-wrapper .garage-car-info .add-car-info-alert .benefits-list {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-top: 4px;
  color: #737A8E;
}

.garage-wrapper .garage-car-info .add-car-info-alert .benefits-list li {
  position: relative;
  margin-top: 12px;
  padding-left: 12px;
}

.garage-wrapper .garage-car-info .add-car-info-alert .benefits-list li:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  background: #737a8e;
  left: 0;
  top: 8px;
  border-radius: 50%;
}

.editing-car {
  width: 100%;
  padding: 20px;
}

.editing-car .widget-selection-box-desktop__container {
  box-shadow: none;
}

.editing-car .editing-car-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 32px 0;
}

.editing-car .editing-car-actions .secondary {
  border: none !important;
}

.editing-car .delete-car {
  display: flex;
  justify-content: center;
}

.editing-car .delete-car .ui_button {
  border: none !important;
}

.editing-car .delete-car .ui_button span {
  color: #F53643;
}

.my-cars-desktop {
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.12), 0 2px 8px rgba(21, 34, 66, 0.12);
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.my-cars-desktop.active .my-cars-desktop__content {
  max-height: 9999px;
  opacity: 1;
  transition: max-height, border-top, opacity 300ms ease-in-out;
  transition-delay: 10ms;
  border-top: 2px solid #0C62D5;
}

.my-cars-desktop.active .my-cars-desktop__head-car-info-arrow {
  transform: rotate(0);
  background-color: #1876F2;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0303 6.28033C10.7374 6.57322 10.2626 6.57322 9.96967 6.28033L6 2.31066L2.03033 6.28033C1.73744 6.57322 1.26256 6.57322 0.96967 6.28033C0.676777 5.98744 0.676777 5.51256 0.96967 5.21967L5.46967 0.71967C5.76256 0.426777 6.23744 0.426777 6.53033 0.71967L11.0303 5.21967C11.3232 5.51256 11.3232 5.98744 11.0303 6.28033Z' fill='white'/%3E%3C/svg%3E%0A");
}

.my-cars-desktop__head {
  display: flex;
  align-items: stretch;
}

.my-cars-desktop__b-title {
  padding: 24px;
  background: #FAFAFB;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-right: 1px solid #EAEBEE;
  box-sizing: content-box;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.my-cars-desktop__b-title img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.my-cars-desktop__b-title span {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #152242;
}

.my-cars-desktop__head-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.my-cars-desktop__head-left {
  cursor: pointer;
  padding-left: 24px;
}

.my-cars-desktop__head-car-info {
  padding: 19px 44px 19px 0;
  position: relative;
  display: inline-block;
}

.my-cars-desktop__head-car-info-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #152242;
  margin: 0 0 4px;
  max-width: 384px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-cars-desktop__head-car-info-subtitle {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #8F95A5;
  margin: 0;
  max-width: 384px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-cars-desktop__head-car-info-arrow {
  width: 24px;
  height: 24px;
  background-color: #F4F5F7;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0303 6.28033C10.7374 6.57322 10.2626 6.57322 9.96967 6.28033L6 2.31066L2.03033 6.28033C1.73744 6.57322 1.26256 6.57322 0.96967 6.28033C0.676777 5.98744 0.676777 5.51256 0.96967 5.21967L5.46967 0.71967C5.76256 0.426777 6.23744 0.426777 6.53033 0.71967L11.0303 5.21967C11.3232 5.51256 11.3232 5.98744 11.0303 6.28033Z' fill='%23737A8E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(180deg);
  transition: transform 300ms ease-in-out;
  transition-delay: 10ms;
}

.my-cars-desktop__btn-filter-by-car {
  padding: 28px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.my-cars-desktop__btn-filter-by-car > span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #152242;
  margin-right: 6px;
}

.my-cars-desktop__btn-filter-by-car .ui_switch {
  width: 42px;
}

.my-cars-desktop__container-head-vertical-divider {
  display: flex;
  align-items: center;
}

.my-cars-desktop__head-vertical-divider {
  height: 16px;
  width: 1px;
  background-color: #EAEBEE;
  display: inline-block;
  margin-right: 24px;
}

.my-cars-desktop__head-right {
  display: flex;
  align-items: stretch;
}

.my-cars-desktop__container-btn-garage-add {
  padding-right: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.my-cars-desktop__btn-garage-add {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1527 8.82498C12.1527 8.82498 13.0459 8.47998 16.0002 8.47998C18.9545 8.47998 19.8477 8.82498 19.8477 8.82498C20.3767 8.97952 21.3317 9.29936 21.634 10.0037C21.8401 10.4853 22.5031 12.3505 23.0631 14H23.7776C24.1005 14 24.4372 14.2659 24.5471 14.6037L24.767 15.2362C24.8769 15.574 24.7051 15.84 24.3822 15.84H23.6677C23.6883 15.8975 23.8051 16.2712 23.8051 16.2712C23.8161 16.2913 23.827 16.3259 23.8375 16.3694C23.603 16.337 23.3635 16.3203 23.1201 16.3203C20.3019 16.3203 18.0073 18.5623 17.9225 21.36H11.6031V22.5387C11.6031 22.8981 11.3145 23.2 10.971 23.2H8.71744C8.37392 23.2 8.08536 22.8981 8.08536 22.5387V16.9612C8.08536 16.839 8.14032 16.3719 8.19529 16.2712C8.19529 16.2712 8.31208 15.8975 8.3327 15.84H7.61816C7.29525 15.84 7.12348 15.574 7.23341 15.2362L7.45327 14.6037C7.5632 14.2659 7.89985 14 8.22277 14H8.9373C9.50412 12.3001 10.1671 10.3775 10.3389 10.0325C10.6824 9.34967 11.5309 9.04061 12.1527 8.82498ZM20.5879 10.6605C20.5653 10.5944 20.3039 9.83123 16.0002 9.83123C11.697 9.83123 11.4575 10.4976 11.3659 10.7524C11.3624 10.7622 11.359 10.7714 11.3557 10.78C11.3382 10.8305 11.3107 10.9022 11.2751 10.9954C11.0876 11.4855 10.6736 12.5676 10.2839 14.2587C10.2839 14.2587 12.1802 14.92 16.0002 14.92C19.8202 14.92 21.7165 14.2587 21.7165 14.2587C21.3792 12.8252 20.9721 11.7181 20.7412 11.0902C20.6735 10.9059 20.6209 10.7628 20.5897 10.665C20.5893 10.6646 20.5888 10.6631 20.5879 10.6605ZM9.61113 16.6138C9.55009 16.6114 9.49103 16.6091 9.43198 16.6162C9.16403 16.6522 8.96478 16.8139 8.96478 17.3062V17.9675C8.96478 18.5281 9.79955 18.6575 10.6412 18.6575H11.6031C12.3142 18.6575 12.51 18.4742 12.51 18.0825C12.51 17.7143 12.0491 17.506 11.5724 17.2905C11.5 17.2578 11.4273 17.2249 11.3557 17.1912C10.8576 16.9576 10.0881 16.6162 9.7068 16.6162C9.67421 16.6162 9.64241 16.615 9.61113 16.6138Z' fill='%230C62D5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.2002 21.6C27.2002 23.8091 25.4093 25.6 23.2002 25.6C20.9911 25.6 19.2002 23.8091 19.2002 21.6C19.2002 19.3908 20.9911 17.6 23.2002 17.6C25.4093 17.6 27.2002 19.3908 27.2002 21.6ZM22.5669 19.9333C22.5669 19.5835 22.8504 19.3 23.2002 19.3C23.55 19.3 23.8335 19.5835 23.8335 19.9333V20.9666H24.8669C25.2166 20.9666 25.5002 21.2502 25.5002 21.6C25.5002 21.9498 25.2166 22.2333 24.8669 22.2333H23.8335V23.2666C23.8335 23.6164 23.55 23.9 23.2002 23.9C22.8504 23.9 22.5669 23.6164 22.5669 23.2666V22.2333H21.5335C21.1837 22.2333 20.9002 21.9498 20.9002 21.6C20.9002 21.2502 21.1837 20.9666 21.5335 20.9666H22.5669V19.9333Z' fill='%2365A4F6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 16px 4px;
  background-color: #F1F7FE;
  border-radius: 8px;
  padding: 4px 16px 4px 52px;
  height: 40px;
  vertical-align: middle;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.my-cars-desktop__btn-garage-add:hover {
  background-color: #ECF4FE;
}

.my-cars-desktop__btn-garage-add span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #0C62D5;
}

.my-cars-desktop__btn-bus-parameters {
  padding: 28px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.my-cars-desktop__btn-bus-parameters span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #152242;
  margin-right: 16px;
}

.my-cars-desktop__btn-bus-parameters-arrow {
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 5C11.5 4.72386 11.2761 4.5 11 4.5H1C0.723858 4.5 0.5 4.72386 0.5 5C0.5 5.27614 0.723858 5.5 1 5.5H11C11.2761 5.5 11.5 5.27614 11.5 5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64645 0.646447C6.45118 0.841709 6.45118 1.15829 6.64645 1.35355L10.6464 5.35355C10.8417 5.54882 11.1583 5.54882 11.3536 5.35355C11.5488 5.15829 11.5488 4.84171 11.3536 4.64645L7.35355 0.646447C7.15829 0.451184 6.84171 0.451184 6.64645 0.646447Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64645 9.35355C6.45118 9.15829 6.45118 8.84171 6.64645 8.64645L10.6464 4.64645C10.8417 4.45118 11.1583 4.45118 11.3536 4.64645C11.5488 4.84171 11.5488 5.15829 11.3536 5.35355L7.35355 9.35355C7.15829 9.54882 6.84171 9.54882 6.64645 9.35355Z' fill='white'/%3E%3Cpath d='M11.3536 5.35355C11.1583 5.54882 10.8417 5.54882 10.6464 5.35355L6.64645 1.35355C6.45118 1.15829 6.45118 0.841709 6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447L11.3536 4.64645M11.3536 5.35355C11.5488 5.15829 11.5488 4.84171 11.3536 4.64645M11.3536 5.35355L7.35355 9.35355C7.15829 9.54882 6.84171 9.54882 6.64645 9.35355C6.45118 9.15829 6.45118 8.84171 6.64645 8.64645L10.6464 4.64645C10.8417 4.45118 11.1583 4.45118 11.3536 4.64645M11 5.5H1C0.723858 5.5 0.5 5.27614 0.5 5C0.5 4.72386 0.723858 4.5 1 4.5H11C11.2761 4.5 11.5 4.72386 11.5 5C11.5 5.27614 11.2761 5.5 11 5.5Z' stroke='white' stroke-width='0.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #0C62D5;
  border-radius: 6px;
}

.my-cars-desktop__content {
  display: flex;
  flex-wrap: wrap;
  border-top: none;
  opacity: 0;
  max-height: 0;
  transition: max-height, border-top, opacity 300ms ease-in-out;
  transition-delay: 10ms;
  overflow: hidden;
}

.my-cars-desktop__item {
  padding: 19px 72px 19px 24px;
  position: relative;
  width: 50%;
  background: #FFFFFF;
  border-right: 1px solid #EAEBEE;
  border-bottom: 1px solid #EAEBEE;
  display: flex;
  align-items: center;
  transition: background 300ms ease-in-out;
  transition-delay: 10ms;
  cursor: pointer;
}

.my-cars-desktop__item:hover {
  background: #FAFAFB;
}

.my-cars-desktop__item:hover .my-cars-desktop__item-title {
  color: #0C62D5;
}

.my-cars-desktop__item:hover .my-cars-desktop__item-radio {
  background-color: #F4F5F7;
  border-color: #F4F5F7;
}

.my-cars-desktop__item:hover .my-cars-desktop__item-radio:after {
  visibility: visible;
}

.my-cars-desktop__item.active .my-cars-desktop__item-radio {
  background: #0C62D5;
  border-color: #0C62D5;
}

.my-cars-desktop__item.active .my-cars-desktop__item-radio:after {
  visibility: visible;
}

.my-cars-desktop__item:nth-child(2n) {
  border-right: none;
}

.my-cars-desktop__item-radio {
  width: 24px;
  height: 24px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  margin-right: 16px;
  border: 1px solid #EAEBEE;
}

.my-cars-desktop__item-radio:after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  visibility: hidden;
}

.my-cars-desktop__item-b-main {
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.my-cars-desktop__item-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #152242;
  margin: 0;
  transition: color 300ms ease-in-out;
  transition-delay: 10ms;
  max-width: 284px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-cars-desktop__item-desc {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #8F95A5;
  margin: 4px 0 0;
  max-width: 284px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my-cars-desktop__item-btn-edit {
  width: 24px;
  height: 24px;
  background-color: #F4F5F7;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.7039 6.83489L15.534 6.0052C15.9246 5.60865 15.9368 5.1389 15.5645 4.75456L15.1922 4.37022C14.8138 3.98587 14.3194 4.02248 13.9288 4.40682L13.0987 5.23041L14.7039 6.83489ZM6.42757 15.1135L13.9166 7.61578L12.3114 6.0113L4.82235 13.5151L4.19369 15.2233C4.06551 15.565 4.41952 15.87 4.71248 15.7602L6.42757 15.1135Z' fill='%23737A8E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 12px;
  right: 24px;
  cursor: pointer;
  transition: background 300ms ease-in-out;
  transition-delay: 10ms;
}

.my-cars-desktop__item-btn-edit:hover {
  background-color: #1876F2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.7039 6.83489L15.534 6.0052C15.9246 5.60865 15.9368 5.1389 15.5645 4.75456L15.1922 4.37022C14.8138 3.98587 14.3194 4.02248 13.9288 4.40682L13.0987 5.23041L14.7039 6.83489ZM6.42757 15.1135L13.9166 7.61578L12.3114 6.0113L4.82235 13.5151L4.19369 15.2233C4.06551 15.565 4.41952 15.87 4.71248 15.7602L6.42757 15.1135Z' fill='white'/%3E%3C/svg%3E");
}

.my-cars-desktop__item-btn-remove {
  width: 24px;
  height: 24px;
  background-color: #F4F5F7;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3.625C8.08579 3.625 7.75 3.96079 7.75 4.375C7.75 4.78921 8.08579 5.125 8.5 5.125H11.5C11.9142 5.125 12.25 4.78921 12.25 4.375C12.25 3.96079 11.9142 3.625 11.5 3.625H8.5ZM4 6.625C4 6.21079 4.33579 5.875 4.75 5.875H5.5H7.00382H12.9962H14.5H15.25C15.6642 5.875 16 6.21079 16 6.625C16 7.03921 15.6642 7.375 15.25 7.375H14.3929L13.8993 14.2853C13.8152 15.4627 12.8354 16.375 11.655 16.375H8.34502C7.16458 16.375 6.18484 15.4627 6.10074 14.2853L5.60714 7.375H4.75C4.33579 7.375 4 7.03921 4 6.625ZM7.11096 7.375H12.889L12.4031 14.1784C12.375 14.5709 12.0485 14.875 11.655 14.875H8.34502C7.95154 14.875 7.62496 14.5709 7.59692 14.1784L7.11096 7.375Z' fill='%23737A8E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 12px;
  right: 24px;
  cursor: pointer;
  transition: background 300ms ease-in-out;
  transition-delay: 10ms;
}

.my-cars-desktop__item-btn-remove:hover {
  background-color: #F53643;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 3.625C8.08579 3.625 7.75 3.96079 7.75 4.375C7.75 4.78921 8.08579 5.125 8.5 5.125H11.5C11.9142 5.125 12.25 4.78921 12.25 4.375C12.25 3.96079 11.9142 3.625 11.5 3.625H8.5ZM4 6.625C4 6.21079 4.33579 5.875 4.75 5.875H5.5H7.00382H12.9962H14.5H15.25C15.6642 5.875 16 6.21079 16 6.625C16 7.03921 15.6642 7.375 15.25 7.375H14.3929L13.8993 14.2853C13.8152 15.4627 12.8354 16.375 11.655 16.375H8.34502C7.16458 16.375 6.18484 15.4627 6.10074 14.2853L5.60714 7.375H4.75C4.33579 7.375 4 7.03921 4 6.625ZM7.11096 7.375H12.889L12.4031 14.1784C12.375 14.5709 12.0485 14.875 11.655 14.875H8.34502C7.95154 14.875 7.62496 14.5709 7.59692 14.1784L7.11096 7.375Z' fill='white'/%3E%3C/svg%3E");
}

.my-cars-desktop__item-btn-add {
  padding: 24px 15px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  cursor: pointer;
}

.my-cars-desktop__item-btn-add img {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}

.my-cars-desktop__item-btn-add span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #0C62D5;
}

.state-number {
  margin-right: 2px;
  position: relative;
  border: 1px solid #EAEBEE;
  border-radius: 8px;
  padding: 3px 6px 2px 19px;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #8F95A5;
}

.state-number:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -6px;
  border-radius: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect y='0.5' width='12' height='6' fill='%23005BBB'/%3E%3Crect y='6.5' width='12' height='6' fill='%23FFE62E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect y='0.5' width='12' height='12' rx='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}

.state-number:after {
  content: '';
  display: block;
  width: 2px;
  height: 2px;
  background-color: #D8DAE0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1px;
  border-radius: 50%;
}

.widget-input-state-desktop-wrap {
  padding: 23px 50px;
  border-radius: 12px 0 0 0;
  background: #FFFFFF;
  position: relative;
  border: 1px solid transparent;
  transition: border, box-shadow 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-input-state-desktop-wrap.focus {
  border-radius: 12px 0 0 12px;
  background: #FAFCFF;
  border-color: #65A4F6;
  box-shadow: 0 0 0 3px rgba(101, 164, 246, 0.5);
}

.widget-input-state-desktop-wrap.focus .widget-input-state-desktop-input {
  background: #FAFCFF;
}

.widget-input-state-desktop-wrap.success {
  border: 1px solid #33B457;
  box-shadow: 0 0 0 3px rgba(127, 211, 150, 0.5);
  border-radius: 12px 0 0 12px;
}

.widget-input-state-desktop-wrap.error {
  border: 1px solid #F87079;
  box-shadow: 0 0 0 3px rgba(248, 112, 121, 0.5);
  border-radius: 12px 0 0 12px;
  background: #FFFFFF;
}

.widget-input-state-desktop-wrap.error .widget-input-state-desktop-input {
  background: #FFFFFF;
}

.widget-input-state-desktop-wrap.error .validation-icon {
  opacity: 1;
}

.widget-input-state-desktop-wrap.error .error-message {
  opacity: 1;
}

.widget-input-state-desktop-wrap.error .widget-input-state-desktop-preloader {
  opacity: 0;
}

.widget-input-state-desktop-wrap.loading .widget-input-state-desktop-preloader {
  opacity: 1;
}

.widget-input-state-desktop-wrap.loading .validation-icon {
  opacity: 0;
}

.widget-input-state-desktop-wrap.loading .error-message {
  opacity: 0;
}

.widget-input-state-desktop-wrap.filled .validation-icon {
  opacity: 1;
}

.widget-input-state-desktop-wrap.filled .widget-input-state-desktop-preloader {
  opacity: 0;
}

.widget-input-state-desktop-wrap.filled .error-message {
  opacity: 0;
}

.widget-input-state-desktop-wrap.minify {
  padding-left: 0;
  padding-right: 0;
  max-width: 72px;
  overflow: hidden;
}

.widget-input-state-desktop-wrap.minify .prepend-icon-img {
  width: 24px;
  height: 24px;
}

.widget-input-state-desktop-wrap.minify input {
  display: none;
}

.widget-input-state-desktop-wrap .prepend-icon-img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(50% - 8px);
  left: 24px;
  border-radius: 8px;
  box-sizing: content-box;
}

.widget-input-state-desktop-wrap .validation-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 4px;
  box-sizing: content-box;
  opacity: 1;
  transition: opacity, 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-input-state-desktop-wrap .widget-input-state-desktop-preloader {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 28px;
  right: 28px;
  opacity: 0;
  pointer-events: none;
  transition: opacity, 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-input-state-desktop-wrap .error-message {
  background: #152242;
  border-radius: 6px;
  padding: 10px 12px;
  position: absolute;
  bottom: -45px;
  width: 303px;
  right: 50%;
  margin-right: -151px;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity, 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-input-state-desktop-wrap .error-message .message-container {
  display: flex;
  align-items: center;
}

.widget-input-state-desktop-wrap .error-message .message-container img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.widget-input-state-desktop-wrap .error-message .message {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
}

.widget-input-state-desktop-wrap .error-message .triangle {
  display: block;
  height: 10px;
  width: 10px;
  background-color: inherit;
  border: inherit;
  position: absolute;
  top: -5px;
  left: calc(50% - 10px);
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(-225deg);
  border-radius: 0 0 0 0.25em;
}

.widget-input-state-desktop-wrap .middle-arrow {
  width: 24px;
  height: 24px;
  background-color: white;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.12), 0px 2px 8px rgba(21, 34, 66, 0.12);
  border-radius: 8px;
  position: absolute;
  top: calc(50% - 12px);
  right: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 6C11.5 5.72386 11.2761 5.5 11 5.5H1C0.723858 5.5 0.5 5.72386 0.5 6C0.5 6.27614 0.723858 6.5 1 6.5H11C11.2761 6.5 11.5 6.27614 11.5 6Z' fill='%238F95A5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64645 1.64645C6.45118 1.84171 6.45118 2.15829 6.64645 2.35355L10.6464 6.35355C10.8417 6.54882 11.1583 6.54882 11.3536 6.35355C11.5488 6.15829 11.5488 5.84171 11.3536 5.64645L7.35355 1.64645C7.15829 1.45118 6.84171 1.45118 6.64645 1.64645Z' fill='%238F95A5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64645 10.3536C6.45118 10.1583 6.45118 9.84171 6.64645 9.64645L10.6464 5.64645C10.8417 5.45118 11.1583 5.45118 11.3536 5.64645C11.5488 5.84171 11.5488 6.15829 11.3536 6.35355L7.35355 10.3536C7.15829 10.5488 6.84171 10.5488 6.64645 10.3536Z' fill='%238F95A5'/%3E%3Cpath d='M11.3536 6.35355C11.1583 6.54882 10.8417 6.54882 10.6464 6.35355L6.64645 2.35355C6.45118 2.15829 6.45118 1.84171 6.64645 1.64645C6.84171 1.45118 7.15829 1.45118 7.35355 1.64645L11.3536 5.64645M11.3536 6.35355C11.5488 6.15829 11.5488 5.84171 11.3536 5.64645M11.3536 6.35355L7.35355 10.3536C7.15829 10.5488 6.84171 10.5488 6.64645 10.3536C6.45118 10.1583 6.45118 9.84171 6.64645 9.64645L10.6464 5.64645C10.8417 5.45118 11.1583 5.45118 11.3536 5.64645M11 6.5H1C0.723858 6.5 0.5 6.27614 0.5 6C0.5 5.72386 0.723858 5.5 1 5.5H11C11.2761 5.5 11.5 5.72386 11.5 6C11.5 6.27614 11.2761 6.5 11 6.5Z' stroke='%238F95A5' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.widget-input-state-desktop-input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #152242;
  text-align: center;
  padding: 0;
}

.widget-input-state-desktop-input::-moz-placeholder {
  color: #8c92a4;
}

.widget-input-state-desktop-input::placeholder {
  color: #8c92a4;
}

.widget-popup-info {
  position: fixed;
  top: 20%;
  left: 65%;
  background: #FFFFFF;
  border-radius: 12px;
  width: 480px;
  z-index: 999;
}

.widget-popup-info__head {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.75 0C16.2728 0 20.75 4.47715 20.75 10C20.75 15.5228 16.2728 20 10.75 20C5.22715 20 0.75 15.5228 0.75 10C0.75 4.47715 5.22715 0 10.75 0ZM10.75 16.25C11.4404 16.25 12 15.6904 12 15V8.75C12 8.05964 11.4404 7.5 10.75 7.5C10.0596 7.5 9.5 8.05964 9.5 8.75V15C9.5 15.6904 10.0596 16.25 10.75 16.25ZM12 5C12 4.30964 11.4404 3.75 10.75 3.75C10.0596 3.75 9.5 4.30964 9.5 5C9.5 5.69036 10.0596 6.25 10.75 6.25C11.4404 6.25 12 5.69036 12 5Z' fill='%231876F2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 16px 18px;
  padding: 16px 16px 16px 48px;
  text-align: left;
  border-bottom: 1px solid #EAEBEE;
}

.widget-popup-info__head span {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #152242;
}

.widget-popup-info__content {
  padding: 20px;
  text-align: left;
}

.widget-popup-info-divider {
  width: 100%;
  height: 1px;
  background-color: #EAEBEE;
  margin: 16px 0;
}

.widget-popup-info-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

.widget-popup-info-row:last-child {
  margin-bottom: 0;
}

.widget-popup-info-key {
  font-size: 14px;
  line-height: 18px;
  color: #152242;
  font-weight: 600;
  margin: 0 24px 0 0;
  width: 104px;
  text-align: left;
}

.widget-popup-info-value {
  font-size: 14px;
  line-height: 18px;
  color: #152242;
  font-weight: 500;
  margin: 0;
  width: 70.9%;
  text-align: left;
}

.widget-popup-info-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #0C62D5;
  margin: 0 0 16px;
  text-align: left;
}

.car-widget-desktop {
  padding: 100px 32px 100px;
}

.car-widget-desktop-divider {
  width: 80%;
  height: 2px;
  background-color: #EAEBEE;
  margin: 100px auto;
}

.widget-selection-box-desktop {
  position: relative;
}

.widget-selection-box-desktop__btn-cancel {
  position: absolute;
  top: 72px;
  right: 20px;
  width: 40px;
  height: 40px;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.12), 0 1px 4px rgba(21, 34, 66, 0.12);
  border-radius: 50%;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5 4.29289L8.64645 0.646447C8.84171 0.451184 9.15829 0.451184 9.35355 0.646447C9.54882 0.841709 9.54882 1.15829 9.35355 1.35355L5.70711 5L9.35355 8.64645C9.54882 8.84171 9.54882 9.15829 9.35355 9.35355C9.15829 9.54882 8.84171 9.54882 8.64645 9.35355L5 5.70711L1.35355 9.35355C1.15829 9.54882 0.841709 9.54882 0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645L4.29289 5L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' fill='%230C62D5' stroke='%230C62D5' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  display: none;
}

.widget-selection-box-desktop__btn-cancel:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5 4.29289L8.64645 0.646447C8.84171 0.451184 9.15829 0.451184 9.35355 0.646447C9.54882 0.841709 9.54882 1.15829 9.35355 1.35355L5.70711 5L9.35355 8.64645C9.54882 8.84171 9.54882 9.15829 9.35355 9.35355C9.15829 9.54882 8.84171 9.54882 8.64645 9.35355L5 5.70711L1.35355 9.35355C1.15829 9.54882 0.841709 9.54882 0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645L4.29289 5L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' fill='%231876F2' stroke='%231876F2' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.widget-selection-box-desktop__img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0  auto 16px;
}

.widget-selection-box-desktop__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #152242;
  text-align: center;
  margin: 0 0 8px;
}

.widget-selection-box-desktop__desc {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #737A8E;
  margin: 0 0 32px;
}

.widget-selection-box-desktop__head {
  display: flex;
}

.widget-selection-box-desktop__head .widget-input-state-desktop-wrap {
  width: 100%;
  border-right: 1px solid #EAEBEE;
}

.widget-selection-box-desktop__head-item {
  padding: 24px;
  border-right: 1px solid #EAEBEE;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}

.widget-selection-box-desktop__head-item:last-child {
  border-right: none;
}

.widget-selection-box-desktop__head-item span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #ABAFBB;
  margin-right: 8px;
}

.widget-selection-box-desktop__head-item.active {
  background: #0C62D5;
}

.widget-selection-box-desktop__head-item.active span {
  color: #FFFFFF;
}

.widget-selection-box-desktop__head-item.active .widget-selection-box-desktop__head-item-arrow {
  background-color: #1876F2;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9053 0.71967C10.6124 0.426777 10.1376 0.426777 9.84467 0.71967L5.875 4.68934L1.90533 0.71967C1.61244 0.426777 1.13756 0.426777 0.84467 0.71967C0.551777 1.01256 0.551777 1.48744 0.84467 1.78033L5.34467 6.28033C5.63756 6.57322 6.11244 6.57322 6.40533 6.28033L10.9053 1.78033C11.1982 1.48744 11.1982 1.01256 10.9053 0.71967Z' fill='white'/%3E%3C/svg%3E%0A");
}

.widget-selection-box-desktop__head-item.pending {
  cursor: not-allowed;
  background: #0C62D5;
}

.widget-selection-box-desktop__head-item.pending span {
  color: #FFFFFF;
}

.widget-selection-box-desktop__head-item.pending .widget-selection-box-desktop__head-item-preloader {
  opacity: 1;
}

.widget-selection-box-desktop__head-item.pending .widget-selection-box-desktop__head-item-arrow {
  opacity: 0;
}

.widget-selection-box-desktop__head-item.pending .widget-selection-box-desktop__head-item-done {
  opacity: 0;
}

.widget-selection-box-desktop__head-item.filled .widget-selection-box-desktop__head-item-done {
  opacity: 1;
}

.widget-selection-box-desktop__head-item.filled .widget-selection-box-desktop__head-item-preloader {
  opacity: 0;
}

.widget-selection-box-desktop__head-item.filled .widget-selection-box-desktop__head-item-arrow {
  opacity: 0;
}

.widget-selection-box-desktop__inputs {
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.12), 0 2px 8px rgba(21, 34, 66, 0.12);
  border-radius: 12px;
  display: none;
  justify-content: space-between;
  max-width: 612px;
  margin: 0 auto 16px;
}

.widget-selection-box-desktop__inputs .widget-input-state-desktop-wrap {
  border-radius: 12px;
}

.widget-selection-box-desktop__inputs-left {
  width: 50%;
  border-right: 1px solid #EAEBEE;
  margin-right: 6px;
}

.widget-selection-box-desktop__inputs-left .widget-input-state-desktop-wrap {
  border-radius: 12px 0 0 12px;
}

.widget-selection-box-desktop__inputs-left .widget-input-state-desktop-wrap.focus {
  border-radius: 12px 0 0 12px;
  z-index: 9;
}

.widget-selection-box-desktop__inputs-right {
  width: 50%;
}

.widget-selection-box-desktop__inputs-right .widget-input-state-desktop-wrap {
  border-radius: 0 12px 12px 0;
}

.widget-selection-box-desktop__inputs-right .widget-input-state-desktop-wrap.focus {
  border-radius: 0 12px 12px 0;
}

.widget-selection-box-desktop__head-item-content {
  position: relative;
  display: inline-block;
}

.widget-selection-box-desktop__head-item-arrow {
  position: absolute;
  top: -2px;
  right: -24px;
  width: 24px;
  height: 24px;
  background-color: #F4F5F7;
  border-radius: 8px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6553 0.71967C10.3624 0.426777 9.88756 0.426777 9.59467 0.71967L5.625 4.68934L1.65533 0.71967C1.36244 0.426777 0.887563 0.426777 0.59467 0.71967C0.301777 1.01256 0.301777 1.48744 0.59467 1.78033L5.09467 6.28033C5.38756 6.57322 5.86244 6.57322 6.15533 6.28033L10.6553 1.78033C10.9482 1.48744 10.9482 1.01256 10.6553 0.71967Z' fill='%23ABAFBB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-selection-box-desktop__head-item-done {
  position: absolute;
  top: 2px;
  right: -16px;
  width: 16px;
  height: 16px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-selection-box-desktop__head-item-preloader {
  position: absolute;
  top: -5px;
  right: -27px;
  width: 16px;
  height: 16px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-selection-box-desktop__head-item-preloader:before {
  content: none;
}

.widget-selection-box-desktop__head-item-preloader:after {
  width: 14px;
  height: 14px;
  border: 2px solid #FFFFFF;
  border-top-color: #0756a5;
}

.widget-selection-box-desktop__container {
  box-shadow: 0px 0px 1px rgba(21, 34, 66, 0.12), 0px 2px 8px rgba(21, 34, 66, 0.12);
  border-radius: 12px;
}

.widget-selection-box-desktop__b-toggle {
  transition: max-height, opacity, 300ms ease-in-out;
  transition-delay: 10ms;
  opacity: 1;
  max-height: 9999px;
}

.widget-selection-box-desktop__b-toggle.input-focused {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}

.widget-selection-box-desktop__content {
  border-top: 2px solid #0C62D5;
}

.widget-selection-box-desktop__content.ten-items .widget-selection-box-desktop__content-item {
  width: calc(100% / 10);
}

.widget-selection-box-desktop__content.ten-items .widget-selection-box-desktop__content-item:nth-child(10n) {
  border-right: none;
}

.widget-selection-box-desktop__content.eight-items .widget-selection-box-desktop__content-item {
  width: calc(100% / 8);
}

.widget-selection-box-desktop__content.eight-items .widget-selection-box-desktop__content-item:nth-child(8n) {
  border-right: none;
}

.widget-selection-box-desktop__content.five-items .widget-selection-box-desktop__content-item {
  width: calc(100% / 5);
}

.widget-selection-box-desktop__content.five-items .widget-selection-box-desktop__content-item:nth-child(5n) {
  border-right: none;
}

.widget-selection-box-desktop__content.three-items .widget-selection-box-desktop__content-item {
  width: calc(100% / 3);
}

.widget-selection-box-desktop__content.three-items .widget-selection-box-desktop__content-item:nth-child(3n) {
  border-right: none;
}

.widget-selection-box-desktop__content.two-items .widget-selection-box-desktop__content-item {
  width: calc(100% / 2);
}

.widget-selection-box-desktop__content.two-items .widget-selection-box-desktop__content-item:nth-child(2n) {
  border-right: none;
}

.widget-selection-box-desktop__content.one-item .widget-selection-box-desktop__content-item {
  width: 100%;
  border-right: 0;
}

.widget-selection-box-desktop__content-item {
  padding: 21px 0;
  width: 100%;
  text-align: center;
  border-right: 1px solid #EAEBEE;
  border-bottom: 1px solid #EAEBEE;
  position: relative;
  transition: background-color, 300ms ease-in-out;
  transition-delay: 10ms;
  background-color: #FFFFFF;
}

.widget-selection-box-desktop__content-item-main > p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #152242;
  margin: 0;
  cursor: default;
}

.widget-selection-box-desktop__content-item:active .widget-selection-box-desktop__content-item-main > p {
  color: #0C62D5;
}

.widget-selection-box-desktop__content-item:hover {
  background-color: #F5F9FF;
  cursor: pointer;
}

.widget-selection-box-desktop__content-item:hover .widget-selection-box-desktop__content-item-main {
  cursor: pointer;
}

.widget-selection-box-desktop__content-item:hover .widget-selection-box-desktop__content-item-main > p {
  color: #0C62D5;
  cursor: pointer;
}

.widget-selection-box-desktop__content-item.loading {
  background-color: #F5F9FF;
  cursor: not-allowed;
}

.widget-selection-box-desktop__content-item.loading .widget-selection-box-desktop__content-item-main > p {
  color: #0C62D5;
}

.widget-selection-box-desktop__content-item.loading .widget-selection-box-desktop__content-item-preloader {
  opacity: 1;
}

.widget-selection-box-desktop__content-item.loading .widget-selection-box-desktop__content-item-filled {
  opacity: 0;
}

.widget-selection-box-desktop__content-item.filled .widget-selection-box-desktop__content-item-filled {
  opacity: 1;
}

.widget-selection-box-desktop__content-item.filled .widget-selection-box-desktop__content-item-preloader {
  opacity: 0;
}

.widget-selection-box-desktop__content-item.body-type {
  padding: 10px 0;
}

.widget-selection-box-desktop__content-item.body-type .widget-selection-box-desktop__content-item-body-type {
  display: block;
}

.widget-selection-box-desktop__content-item.question .widget-selection-box-desktop__content-item-question {
  display: block;
}

.widget-selection-box-desktop__content-item-main {
  display: inline-block;
  position: relative;
}

.widget-selection-box-desktop__content-item-body-type {
  margin: 0 auto 4px;
  display: none;
}

.widget-selection-box-desktop__content-item-question {
  margin-left: 8px;
  background-color: #F4F5F7;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.79234 1.4785C0.93534 1.3485 1.09134 1.22717 1.26034 1.1145C1.42934 1.00183 1.61134 0.902166 1.80634 0.815499C2.00567 0.728833 2.22017 0.661666 2.44984 0.613999C2.68384 0.561999 2.93517 0.535999 3.20384 0.535999C3.56351 0.535999 3.89284 0.588 4.19184 0.692C4.49517 0.791666 4.75517 0.936833 4.97184 1.1275C5.19284 1.31383 5.36401 1.54133 5.48534 1.81C5.60667 2.07433 5.66734 2.37117 5.66734 2.7005C5.66734 3.02983 5.61967 3.31583 5.52434 3.5585C5.42901 3.79683 5.30767 4.00483 5.16034 4.1825C5.01301 4.36017 4.85267 4.51617 4.67934 4.6505C4.50601 4.7805 4.34134 4.904 4.18534 5.021C4.03367 5.13367 3.90151 5.2485 3.78884 5.3655C3.68051 5.47817 3.61551 5.60383 3.59384 5.7425L3.45734 6.7175H2.50834L2.41084 5.645C2.38917 5.44133 2.42167 5.26583 2.50834 5.1185C2.59501 4.97117 2.70984 4.8325 2.85284 4.7025C3.00017 4.5725 3.16051 4.449 3.33384 4.332C3.51151 4.21067 3.67617 4.07633 3.82784 3.929C3.97951 3.78167 4.10734 3.617 4.21134 3.435C4.31534 3.253 4.36734 3.03417 4.36734 2.7785C4.36734 2.6095 4.33484 2.45783 4.26984 2.3235C4.20484 2.18483 4.11384 2.06783 3.99684 1.9725C3.87984 1.87717 3.74334 1.8035 3.58734 1.7515C3.43134 1.6995 3.26234 1.6735 3.08034 1.6735C2.82467 1.6735 2.60801 1.70383 2.43034 1.7645C2.25267 1.82517 2.10101 1.89233 1.97534 1.966C1.84967 2.03533 1.74567 2.10033 1.66334 2.161C1.58101 2.21733 1.51167 2.2455 1.45534 2.2455C1.32101 2.2455 1.22134 2.187 1.15634 2.07L0.79234 1.4785ZM2.04034 9.194C2.04034 9.06833 2.06201 8.95133 2.10534 8.843C2.15301 8.73033 2.21584 8.63283 2.29384 8.5505C2.37617 8.46817 2.47151 8.40317 2.57984 8.3555C2.69251 8.30783 2.81167 8.284 2.93734 8.284C3.06301 8.284 3.18001 8.30783 3.28834 8.3555C3.40101 8.40317 3.49851 8.46817 3.58084 8.5505C3.66317 8.63283 3.72817 8.73033 3.77584 8.843C3.82351 8.95133 3.84734 9.06833 3.84734 9.194C3.84734 9.324 3.82351 9.44317 3.77584 9.5515C3.72817 9.65983 3.66317 9.75517 3.58084 9.8375C3.49851 9.91983 3.40101 9.98267 3.28834 10.026C3.18001 10.0737 3.06301 10.0975 2.93734 10.0975C2.81167 10.0975 2.69251 10.0737 2.57984 10.026C2.47151 9.98267 2.37617 9.91983 2.29384 9.8375C2.21584 9.75517 2.15301 9.65983 2.10534 9.5515C2.06201 9.44317 2.04034 9.324 2.04034 9.194Z' fill='%23737A8E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  right: -28px;
  cursor: pointer;
  display: none;
}

.widget-selection-box-desktop__content-item-filled {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-selection-box-desktop__content-item-preloader {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  transition-delay: 10ms;
}

.widget-selection-box-desktop__content-item-preloader::before, .widget-selection-box-desktop__content-item-preloader::after {
  display: none;
}

.widget-selection-box-desktop__content-category-title {
  padding: 16px;
  background: #FAFAFB;
  text-align: center;
  border-bottom: 1px solid #EAEBEE;
}

.widget-selection-box-desktop__content-category-title span {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #152242;
}

.widget-selection-box-desktop__content-category-content {
  display: flex;
  position: relative;
}

.widget-selection-box-desktop__content-category-content.wrap {
  flex-wrap: wrap;
}

.widget-selection-box-desktop__content-category-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  background-color: #EAEBEE;
}

.widget-selection-box-desktop__footer {
  padding: 12px;
  background: #FAFAFB;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.widget-selection-box-desktop__footer img {
  width: 82px;
  height: 16px;
  display: block;
  margin: 0 auto;
}

.widget-selection-box-desktop.adding-new-car .widget-selection-box-desktop__btn-cancel {
  display: block;
}

.widget-selection-box-desktop.editing-car .widget-selection-box-desktop__inputs {
  display: flex;
}

.widget-selection-box-desktop.editing-car .widget-selection-box-desktop__btn-cancel {
  display: block;
}

.ui_button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 7px 16px;
  cursor: pointer;
  border-radius: 6px;
}

.ui_button img {
  margin-right: 8px;
}

.ui_button div {
  font-family: 'Lato';
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
}

.ui_button.main {
  color: #FFFFFF !important;
  background-color: #0C62D5 !important;
}

.ui_button.main.v-btn--disabled {
  cursor: pointer;
  background-color: #F4F5F7;
}

.ui_button.main:hover {
  background-color: #1876F2 !important;
}

.ui_button.common {
  color: #0C62D5;
  background-color: #F1F7FE !important;
}

.ui_button.common.v-btn--disabled {
  cursor: pointer;
  background-color: #F4F5F7;
}

.ui_button.common:hover {
  opacity: 1 !important;
  background-color: #ECF4FE !important;
}

.ui_button.secondary {
  color: #0C62D5 !important;
  background-color: #FFFFFF !important;
  border: 1px solid #EAEBEE !important;
}

.ui_button.secondary.v-btn--disabled {
  cursor: pointer;
  background-color: #F4F5F7;
}

.ui_button.secondary:hover {
  background-color: #FAFAFB !important;
}

.ui_button.tertiary {
  color: #737A8E !important;
  background-color: #FFFFFF !important;
}

.ui_button.tertiary.v-btn--disabled {
  cursor: pointer;
  background-color: #F4F5F7 !important;
}

.ui_button.tertiary:hover {
  background-color: #FAFAFB !important;
}

.ui_button.dangerous {
  color: #FFFFFF !important;
  background-color: #F53643 !important;
}

.ui_button.dangerous.v-btn--disabled {
  cursor: pointer;
  background-color: #F4F5F7 !important;
}

.ui_button.dangerous:hover {
  background-color: #F7545F !important;
}

.ui_button.small {
  height: 32px !important;
}

.ui_button.medium {
  height: 40px !important;
}

.ui_button.large {
  height: 48px !important;
}

.ui_button.extra-large {
  height: 56px !important;
}

.ui_button.disabled {
  cursor: not-allowed;
  color: #ABAFBB !important;
  background-color: #F4F5F7 !important;
}

.ui_button.disabled:hover {
  background-color: #F4F5F7 !important;
}

.modal-attention-wrap {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), rgba(4, 13, 33, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  display: flex;
  z-index: 112;
}

.modal-attention {
  width: 400px;
  background: #FFFFFF;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.32), 0 8px 32px rgba(21, 34, 66, 0.24);
  border-radius: 12px;
  padding: 24px 20px 20px;
  display: inline-block;
  margin: auto;
}

@media screen and (min-width: 700px) {
  .modal-attention {
    padding: 24px 20px 20px;
  }
}

.modal-attention-centered {
  display: flex;
  align-items: center;
  min-height: 100%;
  width: 100%;
}

.modal-attention > img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto 12px;
}

.modal-attention__b-text {
  margin-bottom: 24px;
  min-width: 286px;
  max-width: 439px;
}

.modal-attention__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #152242;
  margin: 0;
}

.modal-attention__descr {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #737A8E;
  margin: 8px 0 0;
}

.modal-attention__descr span {
  color: #192240;
}

.modal-attention__b-btns {
  min-width: 286px;
  max-width: 439px;
}

.modal-attention .ui_button {
  padding: 0 40px;
  margin: 0 auto;
  margin-bottom: 4px;
}

@media screen and (min-width: 700px) {
  .modal-attention .ui_button {
    margin: 0 auto 4px;
  }
}

.modal-attention .ui_button:last-child {
  margin-bottom: 0;
}

.modal-attention .ui_button div {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.car-distance-update {
  margin: 32px auto;
  box-shadow: 0 0 1px rgba(21, 34, 66, 0.2), 0 10px 24px rgba(21, 34, 66, 0.12);
  border-radius: 10px;
  background: #FFFFFF;
  display: flex;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
}

.car-distance-update .left-icon {
  width: 40px;
  min-width: 40px;
  background: #0c62d5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.car-distance-update .left-icon img {
  width: 20px;
}

.car-distance-update .distance-update-form {
  padding: 20px;
}

@media (max-width: 800px) {
  .car-distance-update .distance-update-form {
    padding: 10px 20px;
  }
}

.car-distance-update .distance-update-form .title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

@media (max-width: 800px) {
  .car-distance-update .distance-update-form .title {
    font-size: 11px;
  }
}

.car-distance-update .distance-update-form .distance-update-form-controls {
  margin: 6px 0;
  display: flex;
  align-items: center;
}

.car-distance-update .distance-update-form .distance-update-form-controls label {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding-bottom: 6px;
  width: 100%;
  border-bottom: 1px solid #EAEBEE;
}

.car-distance-update .distance-update-form .distance-update-form-controls label input {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  border: none;
  padding: 0;
  box-shadow: none;
}

@media (max-width: 800px) {
  .car-distance-update .distance-update-form .distance-update-form-controls label input {
    font-size: 20px;
    line-height: 22px;
  }
}

.car-distance-update .distance-update-form .distance-update-form-controls label .unit {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #8F95A5;
}

.car-distance-update .distance-update-form .distance-update-form-controls button {
  min-width: 32px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0c62d5;
  border-radius: 8px;
  color: white;
  font-size: 22px;
  position: relative;
  transition: .4s;
}

.car-distance-update .distance-update-form .distance-update-form-controls button.show {
  background: transparent;
}

.car-distance-update .distance-update-form .distance-update-form-controls button.show .distance-update-success-alert {
  opacity: 1;
}

.car-distance-update .distance-update-form .distance-update-form-controls .distance-update-success-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: .4s;
}

.car-distance-update .distance-update-form .last-updating-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #ABAFBB;
}

@media (max-width: 800px) {
  .car-distance-update .distance-update-form .last-updating-date {
    font-size: 10px;
    line-height: 12px;
  }
}

.added-car-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.added-car-links .link-item {
  width: 100%;
  max-width: 334px;
  height: 72px;
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid #EAEBEE;
  background: #FAFAFB;
  margin: 16px 0;
  border-radius: 12px;
}

.added-car-links .link-item:hover {
  background-color: #EFF0F2;
}

.added-car-links .link-item.full-width {
  max-width: 100%;
}

.added-car-links .link-item .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0c62d5;
  border-radius: 12px;
}

.added-car-links .link-item .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0 16px;
}

.added-car-links .link-item .arrow {
  margin-left: auto;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFF0F2;
  border-radius: 12px;
}

.car-widget {
  margin: 30px 0;
  font-family: Lato;
}

.car-widget.car-widget_main-page {
  margin-top: 64px;
}

.car-widget input {
  box-shadow: none;
}

.car-widget .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  padding-right: 32px;
  padding-left: 32px;
}