.text-on-media-section{--text-on-media-col-text: #333}.sus-text-on-media{position:relative;display:block}.sus-text-on-media.ratio-auto .text_on_media__container.has_media{min-height:30vw}@media(min-width:1080px){.sus-text-on-media.ratio-auto .text_on_media__container.has_media{min-height:30rem}}.text_on_media__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.text_on_media__bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text_on_media__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.text_on_media__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.text_on_media__video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text_on_media__container{display:flex;flex-flow:column wrap;justify-content:center;align-items:stretch;gap:2rem;margin:0 auto;padding:2rem 15px;width:100%;height:100%}@media(min-width:768px){.container-borderless .text_on_media__container{padding:2rem}}.text_on_media__container.content-vertical-top{justify-content:flex-start}.text_on_media__container.content-vertical-center{justify-content:center}.text_on_media__container.content-vertical-bottom{justify-content:flex-end}.text_on_media__container.content-vertical-space-between{justify-content:space-between}.text_on_media__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 auto;text-align:left;width:100%}.text_on_media__content.content-center{align-items:center}.text_on_media__content.content-center .text_on_media__text{text-align:center}.text_on_media__content.content-right{align-items:flex-end}.text_on_media__content.content-right .text_on_media__text{text-align:right}.text_on_media__heading,.text_on_media__subheading{margin:0;color:var(--text-on-media-col-text)}.text_on_media__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;position:relative;color:var(--text-on-media-col-text);max-width:60rem}@media(min-width:600px){.text_on_media__text{-webkit-line-clamp:3;line-clamp:3}}@media(min-width:1200px){.text_on_media__text{-webkit-line-clamp:5;line-clamp:5}}.text_on_media__heading+.text_on_media__text,.text_on_media__subheading+.text_on_media__text{margin-top:1.5rem}.text_on_media__button{min-width:12.4rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sus-text-over-media.css.map */