.ct-video-consent {
position: relative;
display: inline-block;
max-width: 100%;
vertical-align: middle;
} .uk-modal .ct-video-consent,
.uk-offcanvas .ct-video-consent {
display: block;
height: 100%;
} .ct-video-consent > iframe {
width: 100%;
height: 100%;
vertical-align: middle;
}
.ct-video-consent > iframe:not([src]) {
background: #1a1a1a;
} .ct-video-consent__placeholder {
position: absolute;
inset: 0;
overflow: auto;
background: rgba(0, 0, 0, 0.82);
color: #fff;
container-type: size;
} @container (max-height: 220px) {
.ct-video-consent__box p {
display: none;
}
}
.ct-video-consent__box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 100%;
padding: 1rem;
box-sizing: border-box;
text-align: center;
font-size: 0.875rem;
line-height: 1.4;
}
.ct-video-consent__box p {
max-width: 36rem;
margin: 0;
} #js-is-deactivated {
margin: 0;
padding: 6rem 1.5rem;
}
.ct-map-consent {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
max-width: 36rem;
margin: 0 auto;
text-align: center;
} .ct-consent-pending-text,
.ct-consent-pending .ajax-loader {
display: none;
}
.ct-consent-pending .ct-consent-pending-text {
display: block;
} [data-ct-consent] .uk-button {
line-height: 1.3;
padding-top: 0.5em;
padding-bottom: 0.5em;
white-space: normal;
} .ct-consent-hint {
display: block;
max-width: 36rem;
margin-top: 0.5rem;
font-weight: 600;
}
.ct-video-consent__box .uk-button-link {
color: #fff;
text-decoration: underline;
}