.image-with-video{position:relative;width:100%;padding-top:var(--spacing-top, 0);padding-bottom:var(--spacing-bottom, 0)}.image-with-video--full-width .image-with-video__container{width:100%;max-width:none;padding:0}.image-with-video--contained .image-with-video__container{max-width:var(--container-xl, 1600px);margin:0 auto;padding:0 24px}.image-with-video__grid{display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width:750px){.image-with-video__grid{grid-template-columns:1fr 1fr}.image-with-video__grid--image-second .image-with-video__item--1{order:2}.image-with-video__grid--image-second .image-with-video__item--2{order:1}}.image-with-video__item{position:relative;overflow:hidden;height:var(--section-height-mobile);height:var(--section-height-mobile-dvh, var(--section-height-mobile))}@media screen and (min-width:750px){.image-with-video__item{height:var(--section-height-desktop);height:var(--section-height-desktop-dvh, var(--section-height-desktop))}}.image-with-video__item[style*="100vh"]{height:calc(100vh - var(--announcement-height, 0px));height:calc(100dvh - var(--announcement-height, 0px))}.image-with-video__media,.image-with-video__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-with-video__image img{width:100%;height:100%;object-fit:cover;object-position:center}.image-with-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-with-video__video-element,.image-with-video__video iframe{width:100%;height:100%;object-fit:cover}.image-with-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-2, #f5f5f5)}.image-with-video__placeholder .placeholder-svg{width:100%;height:100%;max-width:200px;max-height:200px;fill:var(--color-dark-3, #999)}.image-with-video__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:24px;pointer-events:none;z-index:2}.image-with-video__content-inner{display:flex;flex-direction:column;gap:12px;max-width:100%;padding:20px;pointer-events:auto;position:relative}@media screen and (min-width:750px){.image-with-video__content-inner{gap:16px;padding:24px;max-width:100%}}@media screen and (min-width:990px){.image-with-video__content-inner{max-width:500px}}.image-with-video__content-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--text-container-color, #000000);opacity:var(--text-container-opacity, 0);border-radius:inherit;z-index:-1}.image-with-video__content--top-left,.image-with-video__content--top-center,.image-with-video__content--top-right{align-items:flex-start}.image-with-video__content--middle-left,.image-with-video__content--middle-center,.image-with-video__content--middle-right{align-items:center}.image-with-video__content--bottom-left,.image-with-video__content--bottom-center,.image-with-video__content--bottom-right{align-items:flex-end}.image-with-video__content--top-left,.image-with-video__content--middle-left,.image-with-video__content--bottom-left{justify-content:flex-start}.image-with-video__content--top-center,.image-with-video__content--middle-center,.image-with-video__content--bottom-center{justify-content:center}.image-with-video__content--top-right,.image-with-video__content--middle-right,.image-with-video__content--bottom-right{justify-content:flex-end}.image-with-video__content--top-center .image-with-video__content-inner,.image-with-video__content--middle-center .image-with-video__content-inner,.image-with-video__content--bottom-center .image-with-video__content-inner{text-align:center;align-items:center}.image-with-video__content--top-right .image-with-video__content-inner,.image-with-video__content--middle-right .image-with-video__content-inner,.image-with-video__content--bottom-right .image-with-video__content-inner{text-align:right;align-items:flex-end}.image-with-video__title{color:var(--text-color, #ffffff);margin:0;line-height:var(--line-height-snug);font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-letter-spacing)}.image-with-video__title.heading-sm{font-size:var(--font-size-lg)}.image-with-video__title.heading-md{font-size:var(--font-size-xl)}.image-with-video__title.heading-lg{font-size:var(--font-size-2xl)}.image-with-video__title.heading-xl{font-size:var(--font-size-3xl)}.image-with-video__title.heading-2xl{font-size:var(--font-size-4xl)}.image-with-video__title.heading-3xl{font-size:var(--font-size-5xl)}.image-with-video__description{color:var(--text-color, #ffffff);margin:0;opacity:.9;font-family:var(--body-font);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.image-with-video__description p{margin:0}.image-with-video__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}@media screen and (min-width:750px){.image-with-video__buttons{gap:16px}}.image-with-video__content--top-center .image-with-video__buttons,.image-with-video__content--middle-center .image-with-video__buttons,.image-with-video__content--bottom-center .image-with-video__buttons{justify-content:center}.image-with-video__content--top-right .image-with-video__buttons,.image-with-video__content--middle-right .image-with-video__buttons,.image-with-video__content--bottom-right .image-with-video__buttons{justify-content:flex-end}.image-with-video__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:8px 24px;min-height:var(--button-min-height, 44px);margin-top:0;border-radius:var(--button-border-radius, 0);font-family:var(--ui-font);font-size:var(--button-font-size);font-weight:var(--ui-weight);letter-spacing:var(--ui-letter-spacing);text-transform:uppercase;transition:all .3s ease;cursor:pointer;width:auto}.image-with-video__button--primary{background-color:var(--color-button-primary-bg, #1a1a1a);color:var(--color-button-primary-text, #ffffff);border:1px solid var(--color-button-primary-border, #1a1a1a)}.image-with-video__button--primary:hover{background-color:var(--color-button-primary-bg-hover, #333333);color:var(--color-button-primary-text-hover, #ffffff)}.image-with-video__button--secondary{background-color:var(--color-button-secondary-bg, transparent);color:var(--color-button-secondary-text, #1a1a1a);border:1px solid var(--color-button-secondary-border, #1a1a1a)}.image-with-video__button--secondary:hover{background-color:var(--color-button-secondary-bg-hover, #1a1a1a);color:var(--color-button-secondary-text-hover, #ffffff)}.image-with-video__button--tertiary{background-color:transparent;color:var(--color-button-tertiary-text, #1a1a1a);border:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.image-with-video__button--tertiary:hover{color:var(--color-button-tertiary-text-hover, #666666);text-decoration-thickness:2px}.image-with-video__button--link{background-color:transparent;color:var(--color-button-link-text, #1a1a1a);border:none;padding:8px 0;text-decoration:underline;text-decoration-color:var(--color-button-link-underline, #1a1a1a);text-underline-offset:4px;border-radius:0}.image-with-video__button--link:hover{color:var(--color-button-link-text-hover, #666666);text-decoration-color:var(--color-button-link-text-hover, #666666)}.image-with-video__button:hover{transform:translateY(-1px)}.image-with-video__button--tertiary:hover,.image-with-video__button--link:hover{transform:none}@media screen and (min-width:750px){.image-with-video__button--tertiary{padding:8px 0}}@media screen and (max-width:749px){.image-with-video__grid{grid-template-columns:1fr}.image-with-video__item{min-height:300px}.image-with-video__content{padding:16px}.image-with-video__content-inner{padding:32px 16px;gap:8px}}.image-with-video__video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.image-with-video__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.image-with-video__content-inner{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-with-video__item--2 .image-with-video__content-inner{animation-delay:.15s}
/*# sourceMappingURL=/cdn/shop/t/35/assets/image-with-video.css.map */