@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.image-and-video{background-color:var(--palette-default-2);display:grid;grid-template:"main"/1fr;place-items:center;padding:var(--global-inline-spacing) var(--global-inline-spacing)}.image-and-video__video-container{display:grid;grid-template:"video"/1fr;grid-area:main;opacity:0;pointer-events:none;height:100%;width:100%;background-color:#000;transition:opacity .5s, background-color 1s;z-index:-1}@media screen and (min-width: 744px){.image-and-video__video-container{-o-object-fit:cover;object-fit:cover;grid-area:main}}.image-and-video__video-container.video-playing{pointer-events:all;opacity:1;z-index:10}.image-and-video__video-container.lock-video-aspect-to-image iframe,.image-and-video__video-container.lock-video-aspect-to-image video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-and-video__video-container.set-video-to-cover iframe,.image-and-video__video-container.set-video-to-cover video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.image-and-video__video-container .loading-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:calc(84/var(--desktop-design-reference)*var(--screen-width-static));height:calc(84/var(--desktop-design-reference)*var(--screen-width-static));--spinner-bg-colour: #ffffff54;--spinner-colour: white}.image-and-video__video-container .loading-wrapper:before{content:"";top:0;left:0;width:calc(84/var(--desktop-design-reference)*var(--screen-width-static));height:calc(84/var(--desktop-design-reference)*var(--screen-width-static));position:absolute;border-radius:50%;border-right:solid calc(5/var(--desktop-design-reference)*var(--screen-width-static)) var(--spinner-bg-colour);border-left:solid calc(5/var(--desktop-design-reference)*var(--screen-width-static)) var(--spinner-bg-colour);border-top:solid calc(5/var(--desktop-design-reference)*var(--screen-width-static)) var(--spinner-bg-colour);border-bottom:solid calc(5/var(--desktop-design-reference)*var(--screen-width-static)) var(--spinner-colour);animation:rotate 1s linear infinite}.image-and-video__video-play-button{grid-area:main;place-self:center;display:grid;place-items:center;background-color:#fff;opacity:1;border-radius:50px;width:calc(84/var(--desktop-design-reference)*var(--screen-width-static));height:calc(84/var(--desktop-design-reference)*var(--screen-width-static));border:none;z-index:100;padding:0;position:relative;transform:scale(1);transition:transform .3s .5s}.image-and-video__video-play-button:hover{cursor:pointer}.image-and-video__video-play-button::before{position:absolute;content:"";height:calc(34/var(--desktop-design-reference)*var(--screen-width-static));width:calc(25/var(--desktop-design-reference)*var(--screen-width-static));transform:translateX(18%);clip-path:polygon(100% 50%, 0 0, 0 100%);background-color:#000}@supports not (aspect-ratio: 1/1){.image-and-video__video-play-button::before{top:50%;left:50%;transform:translate(-25%, -50%)}}.image-and-video__video-play-button.video-playing{transform:scale(0);transition:transform .5s;opacity:0;pointer-events:none;max-height:0px}.image-and-video__video-inner-container{grid-area:video;display:flex;width:100%;position:relative}.image-and-video__video-inner-container iframe{left:0;top:0;width:100%;height:100%}.image-and-video__video-player{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.image-and-video__video-play-button{grid-area:main;background-image:url(/wp-content/themes/global-theme/static/images/play-icon.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:calc(60/var(--design-reference)*var(--screen-width))}.image-and-video__video-play-button:hover{transform:scale(1.1);transition:.2s}.image-and-video__video-play-button::before{display:none}@media screen and (min-width: 744px){.image-and-video__video-play-button{background-size:calc(100/var(--desktop-design-reference)*var(--screen-width-static))}}.image-and-video__video-play-text{display:none}.image-and-video__picture{grid-area:main;width:100%}.image-and-video__video-container{grid-area:main}

/*# sourceMappingURL=image-and-video-scss.33f57e91f4f99b25c68f.css.map*/