@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.image-and-video{--mobile-reference: 375;--portrait-reference: 600;--landscape-reference: 1024;--desktop-reference: 1800;--desktop-design-reference: 1800;--landscape-design-reference: 1800;--portrait-design-reference: 600;--mobile-design-reference: 375;width:100%;background-color:var(--palette-default-1);display:grid;grid-template:"main"/1fr;place-items:center}.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: 600px){.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%);-webkit-clip-path:polygon(100% 50%, 0 0, 0 100%);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.white{background-color:var(--white)}.image-and-video.navy{background-color:var(--navy-blue)}@media screen and (min-width: 924px){.image-and-video--inset{padding:calc(50/var(--design-reference)*var(--screen-width)) calc(100/var(--design-reference)*var(--screen-width))}}.image-and-video__video-play-button{grid-area:main}.image-and-video__picture{grid-area:main;width:100%}.image-and-video__video-container{grid-area:main}

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