.idtglobal-imageTrio {
--imageTrio-unveil-color: #f6f6f7;
display: flex;
gap: 16px;
width: 100%;
}
.idtglobal-imageTrio__col {
position: relative;
flex: 1 1 0;
min-width: 0;
overflow: hidden;
border-radius: 8px;
}
.idtglobal-imageTrio__col img,
.idtglobal-imageTrio__col picture {
display: block;
width: 100%;
height: auto;
} .idtglobal-imageTrio__unveil {
position: absolute;
inset: 0;
background: var(--imageTrio-unveil-color);
transform: translateY(0);
transition: transform 900ms cubic-bezier(0.86, 0, 0.07, 1);
z-index: 1;
pointer-events: none;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__unveil {
transform: translateY(-101%);
} .idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--1 .idtglobal-imageTrio__unveil {
transition-delay: 0ms;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--2 .idtglobal-imageTrio__unveil {
transition-delay: 180ms;
}
.idtglobal-imageTrio--unveil.is-revealed .idtglobal-imageTrio__col--3 .idtglobal-imageTrio__unveil {
transition-delay: 360ms;
}
@media (prefers-reduced-motion: reduce) {
.idtglobal-imageTrio__unveil { display: none; }
}
@media (max-width: 767.98px) {
.idtglobal-imageTrio__unveil { display: none; }
}
@media (max-width: 767.98px) {
.idtglobal-imageTrio {
display: none;
}
}.idtglobal-lottie-player {
margin-left: auto;
margin-right: auto;
}
.idtglobal-lottie-player__canvas {
width: 100%;
line-height: 0;
}
.idtglobal-lottie-player__canvas svg {
display: block;
width: 100% !important;
height: auto !important;
}
.idtglobal-lottie-player--error .idtglobal-lottie-player__canvas {
display: none;
}