/* [project]/src/components/modals/Modal/Modal.scss.css [app-client] (css) */
@media (min-width: 0) and (max-width: 639.98px) {
  .row > * {
    padding-right: calc(var(--bs-gutter-x) * .65);
    padding-left: calc(var(--bs-gutter-x) * .65);
  }
}

.modal {
  opacity: 0;
  z-index: 1055;
  background-color: #000000bf;
  justify-content: center;
  width: 100%;
  height: 100%;
  animation: .5s forwards fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
}

.modal .modal-dialog {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.modal .modal-dialog .modal-content {
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #0003;
  border-radius: .3rem;
  outline: 0;
  flex-direction: column;
  width: 100%;
  max-height: calc(100dvh - 50px);
  display: flex;
  position: relative;
}

@media (max-width: 1023.98px) {
  .modal .modal-dialog .modal-content {
    max-width: calc(100% - 1rem);
  }
}

.modal .modal-dialog .modal-content .modal-header {
  background-color: #fff;
  flex-direction: column;
  padding: 2rem 2rem 0;
  display: flex;
  position: relative;
}

.modal .modal-dialog .modal-content .modal-header h5 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.modal .modal-dialog .modal-content .modal-header p {
  color: #575757;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.modal .modal-dialog .modal-content .modal-header.logo {
  background-color: #efefef;
  min-height: 3rem;
}

.modal .modal-dialog .modal-content .modal-header.logo .modal-logo {
  width: 200px;
  max-width: 33.3333%;
  margin: 0 auto;
}

@media (max-width: 1023.98px) {
  .modal .modal-dialog .modal-content .modal-header {
    padding: 1rem 1rem 0;
  }
}

.modal .modal-dialog .modal-content .modal-body {
  background-color: #fff;
  padding: 0 2rem 2rem;
  position: relative;
  overflow-y: auto;
}

.modal.no-animation {
  opacity: 1 !important;
  animation: none !important;
}

.modal.no-animation .input-content .label-placeholder {
  color: #6e6e6e;
  opacity: .85;
  visibility: visible;
  font-size: .625rem;
  top: 6px;
  animation: none !important;
}

.modal.welcome-dialog .modal-header {
  background: none;
  justify-content: flex-end;
  display: flex;
  padding: 0 !important;
}

.modal.welcome-dialog .modal-body {
  padding: 0 !important;
}

.modal.welcome-dialog .modal-footer {
  border: 0 !important;
  padding: 0 0 2.875rem !important;
}

.modal .modal-header {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.modal .modal-header .logo {
  max-width: 200px;
  margin: 0 auto;
}

.modal .modal-header .logo img {
  width: 100%;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-header {
  background-color: #0000;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-header .logo {
  display: none;
}

@media (max-width: 767.98px) {
  .modal.xs-dialog .modal-dialog .modal-content .modal-body {
    padding: 0 1.5rem 1.5rem;
  }
}

.modal.xs-dialog .modal-dialog .modal-content .modal-body .modal-title {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-body .modal-title h2 {
  font-size: 2rem;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-body .modal-title p {
  color: #6e6e6e;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-body .modal-title h2, .modal.xs-dialog .modal-dialog .modal-content .modal-body .modal-title p {
  margin: 0;
}

.modal.xs-dialog .modal-dialog .modal-content .modal-body .footer-container {
  flex-direction: column;
  gap: 1.25rem;
}

.modal.bid-dialog .modal-body {
  padding: 0 !important;
}

.modal.bid-dialog .modal-body .pseudo-body {
  padding: 1.65rem;
}

@media (max-width: 767.98px) {
  .modal.bid-dialog .modal-body .pseudo-body {
    padding: 1rem;
  }
}

.modal.header-bg-white .modal-header {
  background-color: #efefef !important;
}

.modal.header-bg-white .modal-body {
  padding: 0 2rem !important;
}

.modal.no-padding .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
}

.modal.x-small-dialog .modal-dialog {
  max-width: 390px;
}

.modal.xs-dialog .modal-dialog {
  max-width: 420px;
}

.modal.small-dialog .modal-dialog {
  max-width: 630px;
}

.modal.normal-dialog .modal-dialog {
  max-width: 750px;
}

.modal.custom-dialog-908 .modal-dialog {
  max-width: 908px;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .modal.custom-dialog-908 .modal-dialog {
    max-width: 90%;
  }
}

.modal.large-dialog .modal-dialog {
  max-width: 950px;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .modal.large-dialog .modal-dialog {
    max-width: 90%;
  }
}

.modal.banned .modal-body p {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #c56269 !important;
}

.modal.banned .modal-footer {
  padding: 0 !important;
}

.modal.warning .modal-body p {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #a28f59 !important;
}

.modal.warning .modal-footer {
  padding: 0 !important;
}

.modal.finished .modal-body p {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #6aa73b !important;
}

.modal.finished .modal-footer {
  padding: 0 !important;
}

.modal .modal-dialog {
  width: 100%;
  animation: .3s forwards moveDown;
  position: relative;
}

.modal .modal-dialog.no-animation {
  opacity: 1 !important;
  animation: none !important;
}

.modal .modal-dialog.no-animation .input-content .label-placeholder {
  color: #6e6e6e;
  opacity: .85;
  visibility: visible;
  font-size: .625rem;
  top: 6px;
  animation: none !important;
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content {
    height: auto;
    margin: 0;
    box-shadow: 0 3px 99px #000000c7;
    border-radius: 0 !important;
  }
}

@media (max-width: 767.98px) and (max-width: 767.98px) {
  .modal .modal-dialog .modal-content {
    border: none !important;
  }
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-header {
    border-radius: 0 !important;
  }

  .modal .modal-dialog .modal-content .modal-body {
    padding: 1.5rem 1rem 1rem;
    overflow: hidden auto;
    border-radius: 0 !important;
  }
}

.modal .modal-dialog.x-small-dialog {
  max-width: 390px;
}

.modal .modal-dialog.small-dialog {
  max-width: 630px;
}

.modal .modal-dialog.normal-dialog {
  max-width: 750px;
}

.modal .modal-dialog.large-dialog {
  max-width: 930px;
}

.modal .modal-dialog .modal-content {
  border-radius: 0;
}

.modal .modal-dialog .modal-content .modal-header {
  z-index: 2;
  background-color: #efefef;
  border: none;
  border-radius: 0;
  justify-content: center;
  position: relative;
}

.modal .modal-dialog .modal-content .modal-header span.center {
  color: #9e9e9e;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  position: absolute;
}

.modal .modal-dialog .modal-content .modal-header h3 {
  margin: 0;
}

.modal .modal-dialog .modal-content .modal-header.map {
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 30px 0;
  font-size: 1.625rem;
  font-weight: 700;
  display: flex;
  position: relative;
  background-color: #fff !important;
}

.modal .modal-dialog .modal-content .modal-header.map span {
  color: #6e6e6e;
  font-size: 1rem;
  font-weight: 400;
}

.modal .modal-dialog .modal-content .modal-header.map .image-wrapper {
  width: 330px;
  height: auto;
  position: absolute;
  top: -90px;
  right: -55px;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-image {
  z-index: 100;
  width: 270px;
  height: auto;
  animation: .3s forwards moveDown;
  position: absolute;
  top: -58px;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-image.no-animation {
  opacity: 1 !important;
  animation: none !important;
}

.modal .modal-dialog .modal-content .modal-header .icon {
  margin-right: 0;
}

.modal .modal-dialog .modal-content .modal-header .icon .image-wrapper {
  opacity: .55;
  width: 1.875rem;
}

.modal .modal-dialog .modal-content .modal-header .icon:hover .image-wrapper {
  opacity: 1;
}

.modal .modal-dialog .modal-content .modal-body.newsletter-dialog {
  background-position: center;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  height: 400px;
  display: flex;
  padding: 0 !important;
}

.modal .modal-dialog .modal-content .modal-body h2, .modal .modal-dialog .modal-content .modal-body h3 {
  text-transform: capitalize;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-body h2, .modal .modal-dialog .modal-content .modal-body h3 {
    margin-bottom: 10px;
    font-size: 1.35rem;
  }
}

.modal .modal-dialog .modal-content .modal-body > p {
  color: #6e6e6e;
  margin-bottom: 2rem;
  font-size: 1rem;
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-body > p {
    margin-bottom: 15px;
  }
}

.modal .modal-dialog .modal-content .modal-body .social-wrapper {
  flex: 1;
  max-width: 50%;
}

.modal .modal-dialog .modal-content .modal-body .social-wrapper .social {
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 5px;
  padding: 0 20px;
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-body .social-wrapper {
    max-width: 80%;
  }
}

.modal .modal-dialog .modal-content .modal-body .separator {
  color: #2a2a2a;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
  position: relative;
}

.modal .modal-dialog .modal-content .modal-body .separator:before, .modal .modal-dialog .modal-content .modal-body .separator:after {
  content: "";
  background-color: #2a2a2a;
  width: 1px;
  height: 40%;
  position: absolute;
}

.modal .modal-dialog .modal-content .modal-body .separator:after {
  top: 0;
}

.modal .modal-dialog .modal-content .modal-body .separator:before {
  bottom: 0;
}

@media (max-width: 767.98px) {
  .modal .modal-dialog .modal-content .modal-body .separator:before, .modal .modal-dialog .modal-content .modal-body .separator:after {
    width: 40%;
    height: 1px;
  }

  .modal .modal-dialog .modal-content .modal-body .separator:after {
    top: initial;
    left: 0;
  }

  .modal .modal-dialog .modal-content .modal-body .separator:before {
    bottom: initial;
    right: 0;
  }
}

.modal .modal-dialog .modal-content .modal-body .sign-wrapper {
  color: #6e6e6e;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  display: flex;
}

.modal .modal-dialog .modal-content .modal-body .sign-wrapper .text {
  text-transform: unset;
  padding: 0;
  font-size: 1rem;
  text-decoration: underline;
}

.modal .modal-dialog .modal-content .modal-body .sign-wrapper .text:hover {
  color: #000;
}

.modal .modal-dialog .modal-content .modal-body .sign-wrapper .base-button {
  width: auto;
  min-height: initial;
  background-color: #0000 !important;
}

.modal .modal-dialog .modal-content .modal-body .sign-wrapper .mobile-hidden {
  color: #9c9c9c;
}

@media (min-width: 0) and (max-width: 639.98px) {
  .modal .modal-dialog .modal-content .modal-body .sign-wrapper .mobile-hidden {
    display: none;
  }
}

.modal .modal-dialog .modal-content .modal-body .footer-container {
  align-items: center;
  gap: 20px;
  display: flex;
}

.modal .modal-dialog .modal-content .modal-body .footer-container.skip {
  border-top: 1px solid #efefef;
  flex-direction: column;
  padding-top: .875rem;
  gap: 0 !important;
}

.modal .modal-dialog .modal-content .modal-body .footer-container.skip .sign-wrapper .text {
  color: #6e6e6e;
  text-decoration: none;
}

.modal .modal-dialog .modal-content .modal-body .footer-container.skip .sign-wrapper .text:hover {
  color: #101010;
}

.modal .modal-dialog .modal-content .modal-body .footer-container.skip .receive-wrapper span {
  color: #858585;
  margin-top: 10px;
  font-size: 14px;
}

.modal.map-modal {
  position: absolute !important;
}

.modal .hint {
  color: #898989;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
}

.modal.flag-comment-dialog .modal-body {
  padding: 2rem 2rem 1rem !important;
}

.modal.flag-comment-dialog .modal-body .flag {
  text-align: left;
  background-color: #fff9ea;
  border: 2px dashed #a28f59;
  border-radius: 2px;
  width: 100%;
  margin: 0;
  padding: 16px;
  font-family: proxima-nova, sans-serif;
}

.modal.flag-comment-dialog .modal-body .expand-area {
  margin-top: .75rem;
}

.modal.delete-comment-dialog .modal-body {
  padding: 2rem 2rem 1rem !important;
}

.modal.delete-comment-dialog .modal-body .flag {
  text-align: left;
  background-color: #fee;
  border: 2px dashed #c15c5c;
  border-radius: 2px;
  width: 100%;
  margin: 0;
  padding: 16px;
  font-family: proxima-nova, sans-serif;
}

.modal.delete-comment-dialog .modal-body .expand-area {
  margin-top: .75rem;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-body {
  max-height: 600px;
  margin-top: 0;
  padding: 0 !important;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-body .user-bid-box.winning {
  background: #fbf4e0;
  border-top: 1px solid #949494;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-body .user-bid-box-2 .tooltip-wrapper {
  left: auto;
  right: 0;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-body .user-bid-box-2 .tooltip-wrapper:after {
  right: 2px;
  left: auto !important;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-footer {
  background: #fff;
  justify-content: flex-start;
  padding: 1rem;
}

.modal.bid-history-dialog .modal-dialog .modal-content .modal-footer .car-badge-wrapper {
  padding: 0;
}

.modal.reset .modal-body .form-grid {
  max-width: 350px;
  margin: auto;
}

.info-modal .modal-body {
  text-align: left;
  padding-top: 1rem !important;
}

.info-modal .modal-body .title-wrapper {
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  display: flex;
}

.info-modal .modal-body .title-wrapper .blue {
  color: #101010;
  font-size: 1.75rem;
  font-weight: 700;
  left: -25px;
}

.info-modal .modal-body .modal-text {
  align-items: center;
  max-width: 100%;
  margin-bottom: 20px;
}

.info-modal .modal-body .modal-text .image-wrapper {
  border: 3px solid #efefef;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.info-modal .modal-body .modal-text .image-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
}

.info-modal .modal-body .modal-text .text-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 200;
  display: flex;
}

.info-modal .modal-body .modal-text .text-wrapper span {
  color: #6e6e6e;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}

.info-modal .modal-body .modal-text .text-wrapper p {
  margin: 0;
}

.successful h1 {
  font-size: 2.375rem !important;
  font-weight: 300 !important;
}

.successful .success-icon {
  filter: brightness(0) saturate() invert(0%) sepia(2%) saturate(6%) hue-rotate(35deg) brightness(103%) contrast();
  width: 46px;
  margin: 1.125rem auto 1rem;
  display: flex;
}

.successful .success-icon img {
  width: 100%;
}

@media (min-width: 0) and (max-width: 639.98px) {
  .successful .success-icon {
    width: 60px;
    margin-top: 10px;
  }
}

.successful .title-wrapper {
  border-bottom: none;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
}

.successful .title-wrapper p {
  color: #6e6e6e;
  font-size: 1rem;
}

@media (min-width: 0) and (max-width: 639.98px) {
  .successful .title-wrapper p {
    margin-bottom: 10px;
  }
}

.successful .content-wrapper {
  background-color: #f0f0f0;
  justify-content: center;
  padding: 1rem 1.875rem;
  display: flex;
}

.successful .content-wrapper .modal-text {
  margin: 0;
}

.successful .content-wrapper .modal-text h3 {
  color: #101010;
  font-size: 1.5rem;
  margin-bottom: 0 !important;
  font-weight: 200 !important;
}

@media (min-width: 0) and (max-width: 639.98px) {
  .successful .content-wrapper .modal-text {
    text-align: center;
    flex-direction: column;
    line-height: 28px;
  }
}

.successful .content-wrapper .modal-text .text-wrapper span {
  color: #e4e4e4;
}

.successful .content-wrapper .modal-text .image-wrapper {
  filter: none;
  border: 4px solid #5b7e52;
}

.modal-footer {
  border: none;
  border-top: 1px solid #efefef;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem;
  display: flex;
  background: #fff !important;
}

.modal-footer h4 {
  text-transform: none;
  font-size: 1.35rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    background-color: #0000;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    background-color: #000000bf;
  }
}

@keyframes moveDown {
  0% {
    transform: translate(0, -50px);
  }

  100% {
    transform: translate(0);
  }
}

/* [project]/src/components/common/Inputs/TextInput/TextInput.scss.css [app-client] (css) */
@media (min-width: 0) and (max-width: 639.98px) {
  .row > * {
    padding-right: calc(var(--bs-gutter-x) * .65);
    padding-left: calc(var(--bs-gutter-x) * .65);
  }
}

input::placeholder {
  font-weight: 400;
}

/* [project]/src/components/common/StripeWidget/StripeWidget.scss.css [app-client] (css) */
@media (min-width: 0) and (max-width: 639.98px) {
  .row > * {
    padding-right: calc(var(--bs-gutter-x) * .65);
    padding-left: calc(var(--bs-gutter-x) * .65);
  }
}

.stripe-wrapper {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.stripe-wrapper .image-wrappe {
  align-items: center;
  gap: .5rem;
  font-size: 1rem;
  font-weight: 300;
}

@media (max-width: 767.98px) {
  .stripe-wrapper .image-wrappe {
    font-size: .875rem;
  }
}

.stripe-wrapper .stripe-image .image-wrapper {
  width: 56px;
}

/* [project]/src/components/dialogs/SignSteps/SignUpStep/SignUpStep.scss.css [app-client] (css) */
@media (min-width: 0) and (max-width: 639.98px) {
  .row > * {
    padding-right: calc(var(--bs-gutter-x) * .65);
    padding-left: calc(var(--bs-gutter-x) * .65);
  }
}

.sign-up-container .sign-up-form {
  flex: 1;
}

.sign-up-container .sign-up-form .wrap .form-item {
  margin-bottom: 1rem;
}

.sign-up-container .sign-up-form .wrap .form-item.tip {
  background-color: #fafafa;
  padding: 1rem;
}

.sign-up-container .sign-up-form .wrap .form-item p {
  margin: 4px 0 0;
  padding-left: 42px;
}

.sign-up-container .sign-up-form .base-button {
  width: 100%;
}

@media (max-width: 767.98px) {
  .sign-up-container {
    flex-direction: column;
  }

  .sign-up-container .sign-up-form .form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.checkbox-container {
  flex-direction: column;
  gap: 8px;
  padding: 0 0 16px;
  display: flex;
}

.checkbox-container .checkbox label {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.checkbox-container .checkbox label span a {
  color: #a1946c;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  text-decoration: underline;
}

.checkbox-container .checkbox label:before {
  top: 1px;
}

/* [project]/src/components/common/ReCaptcha/ReCaptcha.scss.css [app-client] (css) */
.captcha-placeholder {
  justify-content: center;
  display: flex;
}

.captcha-placeholder__box {
  background-color: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  padding: 12px 14px;
  display: flex;
  box-shadow: 0 0 4px #0000001a;
}

.captcha-placeholder__checkbox-area {
  align-items: center;
  gap: 12px;
  display: flex;
}

.captcha-placeholder__checkbox {
  cursor: default;
  background-color: #fff;
  border: 2px solid #c1c1c1;
  border-radius: 2px;
  width: 24px;
  height: 24px;
}

.captcha-placeholder__label {
  color: #555;
  -webkit-user-select: none;
  user-select: none;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
}

.captcha-placeholder__branding {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.captcha-placeholder__logo {
  width: 32px;
  height: 32px;
}

.captcha-placeholder__text {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.captcha-placeholder__recaptcha {
  color: #555;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.captcha-placeholder__links {
  color: #888;
  font-family: Roboto, Arial, sans-serif;
  font-size: 8px;
}