.ssp-talkdesk-callback {
box-sizing: border-box;
width: 100%;
max-width: 800px;
margin-inline: auto;
padding: 1.25rem;
border: 1px solid #dcdcde;
border-radius: 6px;
background: #fff;
color: #1d2327;
}
.ssp-talkdesk-callback *,
.ssp-talkdesk-callback *::before,
.ssp-talkdesk-callback *::after {
box-sizing: border-box;
}
.ssp-talkdesk-callback__form {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
column-gap: 1.25rem;
align-items: start;
}
.ssp-talkdesk-callback__field {
display: block !important;
width: 100% !important;
margin: 0 0 1rem !important;
padding: 0;
border: 0;
}
.ssp-talkdesk-callback legend,
.ssp-talkdesk-callback label {
display: block;
margin-bottom: .35rem;
font-weight: 600;
}
.ssp-talkdesk-callback__required-note {
grid-column: 1 / -1;
margin: 0 0 1rem;
}
.ssp-talkdesk-callback__required {
font-size: .9em;
font-weight: 400;
white-space: nowrap;
}
.ssp-talkdesk-callback__field--full,
.ssp-talkdesk-callback__schedule,
.ssp-talkdesk-callback__submit {
grid-column: 1 / -1;
}
.ssp-talkdesk-callback__schedule {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
column-gap: 1.25rem;
}
.ssp-talkdesk-callback__submit {
justify-self: start;
}
.ssp-talkdesk-callback__choice {
display: flex !important;
align-items: flex-start;
min-height: 44px;
gap: .55rem;
margin: .55rem 0;
padding: .4rem 0;
font-weight: 400 !important;
}
.ssp-talkdesk-callback__choice input {
width: auto !important;
margin-top: .2rem;
}
.ssp-talkdesk-callback input[type="text"],
.ssp-talkdesk-callback input[type="tel"],
.ssp-talkdesk-callback input[type="email"],
.ssp-talkdesk-callback select,
.ssp-talkdesk-callback textarea {
width: 100% !important;
min-height: 44px;
padding: .65rem;
border: 1px solid #8c8f94;
border-radius: 4px;
background: #fff;
color: #1d2327;
font: inherit;
}
.ssp-talkdesk-callback textarea {
min-height: 7rem;
resize: vertical;
}
.ssp-talkdesk-callback button {
min-width: 44px;
min-height: 44px;
padding: .7rem 1.1rem;
border: 0;
border-radius: 4px;
background: #2271b1;
color: #fff;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.ssp-talkdesk-callback button:hover,
.ssp-talkdesk-callback button:focus {
background: #135e96;
}
.ssp-talkdesk-callback input:focus-visible,
.ssp-talkdesk-callback select:focus-visible,
.ssp-talkdesk-callback textarea:focus-visible,
.ssp-talkdesk-callback button:focus-visible,
.ssp-talkdesk-callback [tabindex="-1"]:focus-visible {
outline: 3px solid #005fcc;
outline-offset: 3px;
}
.ssp-talkdesk-callback [aria-invalid="true"] {
border-width: 2px;
border-color: #b32d2e;
}
.ssp-talkdesk-callback button:disabled {
opacity: .65;
cursor: wait;
}
.ssp-talkdesk-callback__message {
margin: 0 0 1rem;
padding: .8rem 1rem;
border-left: 4px solid #72aee6;
background: #f0f6fc;
}
.ssp-talkdesk-callback__message p:first-child {
margin-top: 0;
}
.ssp-talkdesk-callback__message p:last-child,
.ssp-talkdesk-callback__message ul:last-child {
margin-bottom: 0;
}
.ssp-talkdesk-callback__message--success {
border-color: #00a32a;
background: #edfaef;
}
.ssp-talkdesk-callback__message--error {
border-color: #d63638;
background: #fcf0f1;
}
.ssp-talkdesk-callback__note {
margin: .4rem 0 0;
font-size: .9em;
color: #50575e;
}
.ssp-talkdesk-callback__optional {
font-weight: 400;
color: #50575e;
white-space: nowrap;
}
.ssp-talkdesk-callback__hp {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.ssp-talkdesk-callback__visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.ssp-talkdesk-callback__altcha altcha-widget {
display: block;
max-width: 100%;
}
.ssp-talkdesk-callback [hidden] {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
.ssp-talkdesk-callback *,
.ssp-talkdesk-callback *::before,
.ssp-talkdesk-callback *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
}