/* LC body a ovládací button */

.floating-survey-number {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: auto;
    min-height: 45px;
    transform: translateY(450px);
    transition: transform 1.2s ease-in;
    z-index: 99;
    outline: 0;
}

.floating-survey-number.is-active {
    width: 345px
}
@media screen and (max-width:380px) {
	.floating-survey-number.is-active {
    width: 280px;
	}
}

.floating-survey-number.fsn-fade-in {
    transform: translateY(0)
}

.floating-survey-number.fsn-dont-show-again,
.fsn-button.is-active .fsn-icon-1,
.js-fsn-button .fsn-icon-2 {
    display: none
}

.floating-survey-number-content {
    display: none;
    opacity: 0;
    overflow: hidden;
    transform: translateY(350px);
    transition: transform .2s cubic-bezier(.48, .04, .52, .96), opacity .2s, max-height .2s;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(75, 17, 47, .1)
}

.floating-survey-number.is-active .floating-survey-number-content {
    display: block;
    opacity: 1;
    padding: 16px 14px 19px;
    margin-bottom: 24px;
    position: absolute;
    bottom: 420px
}

.ods-floating-leadcollector .fsn-switch-content {
    margin: 0 -3px;
    padding: 0 3px;
    height: auto;
    max-height: 0;
    opacity: 0;
    transition: max-height .7s, opacity .8s
}

.ods-floating-leadcollector.fsn-step-1 .fsn-switch-content:first-of-type,
.ods-floating-leadcollector.fsn-step-2 .fsn-switch-content:nth-of-type(2) {
    max-height: 450px;
    opacity: 1
}

.ods-floating-leadcollector .fsn-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0 5px 30px rgba(75, 17, 47, .2);
    cursor: pointer;
    background-color: #e20074;
    box-shadow: 0 0 0 0 var(--colours-basic-accent);
    transition: box-shadow .1s
}

.ods-floating-leadcollector .fsn-button:focus-visible {
    outline: black solid 2px;
    outline-offset: 3px
}

.ods-floating-leadcollector .fsn-button:hover {
    background-color: var(--colours-interaction-states-hover-accent-hover);
    box-shadow: 0 0 0 3px var(--colours-interaction-states-hover-accent-hover)
}

.ods-floating-leadcollector .fsn-button.is-active .fsn-icon-2 {
    display: block
}

.ods-heading--subtitle,
.ods-floating-leadcollector .form-group {
    margin-bottom: 0
}

.leadcollector-form:has(.lc-c-vali-message.error) .ods-input__wrapper::before {
    box-shadow: inset 0 0 0 4px var(--colours-functional-destructive-standard);
}

.shake:not(.is-active) {
    animation: 4.82s .5s infinite shake-delay;
    transform-origin: 50% 50%
}

@keyframes shake-delay {

    0%,
    10.71429%,
    100%,
    3.57143%,
    5.35714%,
    7.14286% {
        transform: translate(0, 0)
    }

    1.78571%,
    5.35714%,
    8.92857% {
        transform: translate(5px, 0)
    }
}

/* success/error hlášky */

.ods-floating-leadcollector .lc-c-alert.lc-c-danger-alert,
.ods-floating-leadcollector .lc-c-alert.lc-c-success-alert {
    line-height: var(--body-m-regular-line-height);
    margin: 20px auto 16px;
    text-align: left;
    padding: 22px 24px 20px 60px;
    color: var(--colours-basic-text);
	font-family: 'Teleneo Var';
}

.ods-floating-leadcollector .leadcollector-form.lc-is-success .cs-subtitle,
.ods-floating-leadcollector .leadcollector-form.lc-is-success .form-group,
.ods-floating-leadcollector .leadcollector-form.lc-is-success+p,
.ods-floating-leadcollector .leadcollector-form:has(.lc-c-danger-alert) .cs-subtitle,
.ods-floating-leadcollector .leadcollector-form:has(.lc-c-danger-alert) .form-group,
.ods-floating-leadcollector .leadcollector-form:has(.lc-c-danger-alert)+p {
    display: none;
}
.ods-floating-leadcollector .leadcollector-form.lc-is-success .lc-c-alert.lc-c-success-alert,
.ods-floating-leadcollector .leadcollector-form:has(.lc-c-danger-alert) .lc-c-alert.lc-c-danger-alert {
    margin-bottom: 0;
}

.ods-floating-leadcollector .leadcollector-form .form-group {
    margin-bottom: 0;
}

.ods-floating-leadcollector .lc-c-alert.lc-c-success-alert,
.ods-floating-leadcollector .lc-c-alert.lc-c-danger-alert {
    border-radius: var(--radius-medium) !important;
    border: none;
    font-size: var(--body-m-bold-font-size);
    font-weight: var(--body-m-regular-font-weight);
    letter-spacing: var(--body-m-regular-letter-spacing);
    text-decoration: var(--body-m-regular-text-decoration);
		background-position: 20px 20px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.ods-floating-leadcollector .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=);
}
.ods-floating-leadcollector .lc-c-alert.lc-c-danger-alert {
    background-color: #fdc;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGUSURBVHgB1ZWxTgJBEIb/PTWRxmCJFuITcMHGTnqDwdJOKuUN7AhPoFbE6ngEjRTaYWeDudLOu0ZaO61u/fcEsriwC4gFX7LJ7u3O/JvZmTlg2RG2zcBH9tPDqSdwICR8ns73t0IJRFLirvaC1lwCN3uoQCLgiSxsSEQJ0JgktDLWeRGXdHzFsQ4XvIAQqJRzQLuHJ6cAnddpdIFZEShRJEuRx9HPGs1iGu8Af+P4rIvbwcLTd7io2yyTNeyqATuBSg5DQN1ey5Kx1J4RqQE7aeYZAuqhsCAY5pIhwMkOFgRrpmAIsHB8LAot1B7+mdXhTCKmsjVMTd+eBBqhISAFQuF4B28Fb5gChjse2gwmiUTHZThlHYBN0Cy0TJI2qw+r5Vd/2In0xjcUqIap86rNUoXIFSZGoqGvR5odG9Xr0RY2Od3HPAg0zrvswpMEFPc9PJS30yZYwgzwYa/p3OjCY/8H7Xd0DnOI2T5U8dl/OD/vdvL75gOEwzhtgqpPsfzzPF3oXzdWaa0yL7OBVrXjSI6l5hvDBmwczrXzswAAAABJRU5ErkJggg==);
}

.ods-floating-leadcollector .form-alert:before,
.ods-floating-leadcollector .lc-c-alert:before {
    top: unset !important;
    left: 22px
}

.ods-floating-leadcollector .lc-c-alert:before {
	content: unset;
}

.ods-floating-leadcollector .fsn-switch-content {
    display: flex !important;
    flex-direction: column
}

.ods-floating-leadcollector .fsn-switch-content>.lc-c-alert.lc-c-danger-alert {
    order: -1;
    margin-bottom: 1rem
}

.ods-floating-leadcollector input[data-mask]::placeholder {
    color: transparent !important
}

@media screen and (max-width:400px) {
    .floating-survey-number {
        right: 10px
    }
}

/* validační hláška inputu */

.ods-floating-leadcollector .leadcollector-form .ods-input__wrapper {
  margin-bottom: 0;
  transition: margin-bottom 150ms, background-color 100ms, box-shadow 100ms;
}

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

.ods-floating-leadcollector .leadcollector-form .lc-c-vali-message {
  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;
}

.ods-floating-leadcollector .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==);
}

.ods-floating-leadcollector .form-in-progress .ods-input__field:focus-visible {
  outline: 0;
}

.ods-floating-leadcollector .lc-c-box-overlaid:before {
  border-radius: 1rem;
  transform: scale(1.03, 1.05);
}