@media screen and (max-width:767px){.text-and-media .component .row{gap:32px}
}
@media screen and (max-width:1023px){.text-and-media .component:not(.image) .row{gap:16px}
}
@media screen and (max-width:767px){.text-and-media .component:not(.image) .row{gap:32px}
}
.text-and-media .component__content{display:flex;flex-direction:column}
@media screen and (min-width:768px){.text-and-media .component__content.centerAligned{justify-content:center}
}
@media screen and (min-width:768px){.text-and-media .component__content.topAligned{justify-content:flex-start}
}
.text-and-media .component__content--wrapper{display:flex;flex-direction:column;gap:16px}
@media screen and (min-width:1024px){.text-and-media .component__content--wrapper{gap:32px}
}
.text-and-media .component__eyebrow{margin-bottom:2px}
@media screen and (min-width:768px){.text-and-media .component__eyebrow{margin-bottom:8px}
}
.text-and-media .component__quote::before{content:'“'}
.text-and-media .component__quote::after{content:'”'}
.text-and-media .component__quote.has-quote.has-quote::before{content:attr(data-quote-leading)}
.text-and-media .component__quote.has-quote.has-quote::after{content:attr(data-quote-trailing)}
@media screen and (max-width:1023px){.text-and-media .component__quote-wrapper{padding-top:16px}
}
@media screen and (max-width:767px){.text-and-media .component__text-link{width:100%;justify-content:center}
}
.text-and-media .component__image{height:auto;display:flex}
.text-and-media .component__image img{border-radius:16px;object-fit:cover;height:100%;width:100%}
.text-and-media .component__image img.autoRatio{aspect-ratio:auto}
.text-and-media .component__image img.oneRatio{aspect-ratio:1 / 1}
.text-and-media .component__image img.fourThreeRatio{aspect-ratio:4 / 3}
.text-and-media .component__image img.threeTwoRatio{aspect-ratio:3 / 2}
.text-and-media .component__image img.threeFourRatio{aspect-ratio:3 / 4}
.text-and-media .component__image img.sixteenNineRatio{aspect-ratio:16 / 9}
.text-and-media .component .video-js,.text-and-media .component .component__video{display:flex;height:auto;width:100%;aspect-ratio:16 / 9;position:relative}
.text-and-media .component .video-js video,.text-and-media .component .component__video video{width:100%;height:100%;object-fit:contain;display:block}
.text-and-media .component .video-js.video-playing,.text-and-media .component .component__video.video-playing{pointer-events:auto}
.text-and-media .component .video-js.video-playing .play-button,.text-and-media .component .component__video.video-playing .play-button{visibility:hidden}
.text-and-media .component .video-js .vjs-big-play-button,.text-and-media .component .component__video .vjs-big-play-button,.text-and-media .component .video-js .video-js .vjs-dock-text,.text-and-media .component .component__video .video-js .vjs-dock-text{display:none}
.text-and-media .component .video-js .vjs-poster img,.text-and-media .component .component__video .vjs-poster img{width:100%;height:100%;object-fit:cover;display:block}
.text-and-media .component .video-js #backButton,.text-and-media .component .component__video #backButton,.text-and-media .component .video-js #forwardButton,.text-and-media .component .component__video #forwardButton{display:none}
.text-and-media .component .play-button{position:absolute;z-index:1;bottom:30px;right:25px}
@media screen and (min-width:768px){.text-and-media .component .play-button{right:45px}
}
body[dir="rtl"] .text-and-media .component .play-button{left:30px;right:initial}
@media screen and (min-width:768px){body[dir="rtl"] .text-and-media .component .play-button{right:initial;left:45px}
}
body[dir="rtl"] .text-and-media .component__quote::before{content:'”'}
body[dir="rtl"] .text-and-media .component__quote::after{content:'“'}