/* disable hover effect */
.lc-static .ods-card-image {
  margin: 0!important;
  clip-path: unset!important;
  overflow: hidden;
}

/* hide element with class .cs-hide-after-send after send */
.lc-static .leadcollector-form:has(.lc-c-success-alert) .cs-hide-after-send,
.lc-static .leadcollector-form:has(.lc-c-info-alert) .cs-hide-after-send,
.lc-static .leadcollector-form:has(.lc-c-danger-alert) .cs-hide-after-send {
  display: none !important;
}

/* alert messages */
.lc-static .lc-c-alert.lc-c-success-alert,
.lc-static .lc-c-alert.lc-c-info-alert,
.lc-static .lc-c-alert.lc-c-danger-alert {
  display: block;
  text-align: left;
  padding: 22px 24px 20px 60px;
  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: var(--radius-medium) !important;
  border: none;
  color: var(--colours-basic-text);
  /* font */
  font-family: 'Teleneo Var';
  font-weight: var(--body-m-bold-font-weight);
  font-size: var(--body-m-bold-font-size);
  letter-spacing: var(--body-m-regular-letter-spacing);
  line-height: var(--body-m-regular-line-height);
  text-decoration: var(--body-m-regular-text-decoration);
}

.lc-static .lc-c-alert.lc-c-success-alert {
  background-color: #ccf0e1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB3VW7UsJQED0X0NEOv8Cg9GLHKDPGB7ZiaWX4AxodrIDGARvCFwh/oJ2KozgDfexsePgHdA6j5rrJmCEhCUmg0lNkNvfuPWezu9kL/HWwqbs5MYrliAQVO2AsQSuCvs6h0GMApt6i/FSfTeB8P4Nw6JrIopiOAfBdchMKOx65OKxSxDJZS/AGBRDKILUGtHsv3gL5g4L2RGAwEdvxKDrde3eB/J5E0ciYFQxJbMVe0em/GUshq0e4gHnBqG5ac9gE9Oh/u8Qv9G5CwypANVmkzrMJaIUKSj763EW5KRGpMiEiGmZkvMhW6ZBPsAYqD5Juak3BkbBusw3DDJkiSjgwtci7ZCMvm8jBig7nBLuAE1RWI7IiWdkA5BaYBPi7fZdXkRcFynOdPDd9k/NxTcxfoDi4CsDCsy5y2VR8kU8Eayoy5ZvjyFXkLH2MCDsF5zl4gbGbMa2BIv0co4W+j+HmxT6gVMaMt3GKiq0hVTWLucEtXWedRW2aIan1FbKSmAnU0uWm7C6gi/TukIprqRMRBBw1VJq2Kex8H7S7LfoS6gT9FpteE4YhVPUEV4+y87YX8mmJ3GhOcYHejBGgiSt0Zbbw8VWHrNXvv+IHjgaH72kNcRMAAAAASUVORK5CYII=);
}

.lc-static .lc-c-alert.lc-c-info-alert {
  background-color: #d3d7f9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgB3ZVBVsIwEIb/CW7ceQNTYa8760qOgDfAG3gD4AQ8TwA3EG/ADpYcgGfSG7hzRcZJgbaPlhQBF/q919e+dCb/JJmZAH8dCv3UbXOlvlwXUI9ieeeH/DgTFuRgHa3e7bw1PkpAPyw7yjVGYnGFAAxYxmqwT0hVT26GihtvdZNvItQKjZGOTe8gAR0nPcV4wQ+Rifr63gwrAshpxssuSzQ4ATmXJztrTQrCOTJ5L+gMRP4J2fhz88lREvDRY5MlJyHnts68HQGQ6tT5irHxT50dg9oFnzUOdF3neMgWeYjodvt9kQ1yWkhB7Dyy/n0T1y5Cbz8UfpmCACc4E8xYlASI8sEzSCQlAXY0xZlgoqzQskped05JwUD/2WZQKFV98zPzKMu0bAV2Gn06hWcEOKQORGCw45NjZ9EE5F5xNE7adjQujlTeB5LnfXkF+1IJCexj1ix14b0XTjM20llTEY0QjHRr09VX6aIGLySJ3ZFrUov5pgVwIpW/kJ4zdZcY+/PDv+Ub18GDkb8tr3oAAAAASUVORK5CYII=);
}

.lc-static .lc-c-alert.lc-c-danger-alert {
  background-color: #ffdddb;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgB7VXRTcMwEH22QYpEImWEdAQWQPEG3YCMAJ98hQ3KJ39lA9gglAm6QbsBRSpSBbjhUilt4jh2muazT4pin333zvfOCXDGUJj5SGcBPovnw8ekqx/rsomCTxjDXc2Y4+lmjXuXr5MgCxEJhYVpTW1xLb8xt/lzOEDBW8shuLtUVoIsQEKvsWVLnPmI0ZeAM6TVufrFSAmMtD1Ta4y2hSJ7liOq2uQGS7nCsmojEaPsSmsAF0EhrJ69DaRFSj5hZwKu8Khn70DI/8ynaBAU2dOxb3Ek6J6kmddM6qLBSNm3xMAugEcDZV4XlyT4BrJGXAsQYCyAV5wAlUPKNd7Lea1EJKz14pjaVIfQmmNPYGrLnoipbZMGgcjdwlKNF23fpSo4P9z+PUHO8IWBQMKGDQIyvmEobPFSDkU5mP5gnnjUzmynQ4h+WFGmD/SfeMYZXfEPvSxPW8zbsQAAAAAASUVORK5CYII=);
}

/* sending process & animation */
.lc-static .form-in-progress {
  opacity: 1;
}
.lc-static .form-in-progress .ods-input__field:focus-visible {
  outline: 0;
}
.lc-static .lc-c-box-overlaid {
  display: none;
}
.lc-static .lc-c-box-overlaid:before,
.lc-static .lc-c-box-overlaid:after {
  content: unset;
}

.lc-static .form-in-progress .lc-c-button-submit__label {
  visibility: hidden;
}

/* spinner */
.lc-static .lc-c-button-submit__spinner {
  display: none;
}

.lc-static .form-in-progress .lc-c-button-submit__spinner {
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  width: var(--sizing-component-10);
  height: var(--sizing-component-10);
}

.lc-static .form-in-progress .lc-c-button-submit__spinner svg {
  width: 100%;
  height: 100%;
}

.lc-static .form-in-progress .lc-c-button-submit__spinner circle {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  animation: dash 1.001s linear 1ms infinite
}

@keyframes dash {
  0% {
    stroke-dasharray: 90,252;
    stroke-dashoffset: 90
  }

  20% {
    stroke-dasharray: 120,252;
    stroke-dashoffset: 60
  }

  40% {
    stroke-dasharray: 252,50;
    stroke-dashoffset: 0;
    animation-timing-function: ease-in
  }

  60% {
    stroke-dasharray: 200,100;
    stroke-dashoffset: -100
  }

  80% {
    stroke-dasharray: 100,252;
    stroke-dashoffset: -200
  }

  to {
    stroke-dasharray: 90,252;
    stroke-dashoffset: -252
  }
}

/* validation message & input error state */
.lc-static .leadcollector-form:has(.lc-c-input.error) .ods-input__field {
  border-color: var(--colours-functional-destructive-standard);
  box-shadow: inset 0 0 0 3px var(--colours-functional-destructive-standard);
}

.lc-static .leadcollector-form .ods-input__wrapper {
  margin-bottom: 0;
  transition: background-color .1s, box-shadow .1s, margin-bottom .1s;
}

.lc-static .leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper {
  margin-bottom: var(--spacing-component-6);
}

.lc-static .leadcollector-form .lc-c-vali-message {
  display: none;
  font-size: var(--body-s-bold-font-size);
  line-height: var(--body-s-bold-line-height);
  font-weight: var(--body-s-bold-font-weight);
  letter-spacing: var(--body-s-bold-letter-spacing);
  text-decoration: var(--body-s-bold-text-decoration);
  color: var(--colours-basic-text);
  left: 44px;
  bottom: -25px;
}
.lc-static .leadcollector-form .lc-c-vali-message.error {
  display: block;
}

.lc-static .leadcollector-form .lc-c-vali-message::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -20px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM4OTI4IDQuNTE5MzlDMTAuNTM4NCAyLjQ5MDkxIDEzLjQ2MDggMi40OTA5NCAxNC42MDk5IDQuNTE5NDRMMjEuNDA4NCAxNi41MjE2QzIyLjU0MTMgMTguNTIxNSAyMS4wOTY2IDIxLjAwMDIgMTguNzk4MSAyMS4wMDAySDUuMjAwNjlDMi45MDIyIDIxLjAwMDIgMS40NTc1MSAxOC41MjE0IDIuNTkwNCAxNi41MjE1TDkuMzg5MjggNC41MTkzOVpNMTIgMTQuMDAwMkMxMi41NTIzIDE0LjAwMDIgMTMgMTMuNTUyNSAxMyAxMy4wMDAyVjkuMDAwMjRDMTMgOC40NDc5NiAxMi41NTIzIDguMDAwMjQgMTIgOC4wMDAyNEMxMS40NDc3IDguMDAwMjQgMTEgOC40NDc5NiAxMSA5LjAwMDI0VjEzLjAwMDJDMTEgMTMuNTUyNSAxMS40NDc3IDE0LjAwMDIgMTIgMTQuMDAwMlpNMTMgMTYuMDAwMkMxMyAxNS40NDggMTIuNTUyMyAxNS4wMDAyIDEyIDE1LjAwMDJDMTEuNDQ3NyAxNS4wMDAyIDExIDE1LjQ0OCAxMSAxNi4wMDAyQzExIDE2LjU1MjUgMTEuNDQ3NyAxNy4wMDAyIDEyIDE3LjAwMDJDMTIuNTUyMyAxNy4wMDAyIDEzIDE2LjU1MjUgMTMgMTYuMDAwMloiIGZpbGw9IiNiMjBjMDAiIHN0eWxlPSJmaWxsLW9wYWNpdHk6MTsiLz4NCjwvc3ZnPg==);
}

@media screen and (min-width: 90rem) {
  .lc-static .leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper {
    margin-bottom: 0;
  }
}

/* input field custom bg color on :hover & :active */
@media screen and (max-width: 64.9375rem) {
  .lc-static .leadcollector-form .ods-input__wrapper:has(.ods-input__field:hover),
  .lc-static .leadcollector-form .ods-input__wrapper:has(.ods-input__field:active) {
    background-color: var(--colours-basic-background);
  }
}