.block-media img,.block-media iframe,.block-media video{display:block;height:auto;width:100%;aspect-ratio:var(--aspect-ratio, auto)}.block-media:has(.caption) .caption{display:block;margin-top:.5rem}.block-youtube-video{position:relative;height:auto;width:100%;display:grid;grid-template-columns:100%;grid-template-rows:100%;border-radius:var(--border-radius-md);color:var(--colour-white);overflow:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s}.block-youtube-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:var(--colour-black);opacity:0;z-index:5;pointer-events:none;transition:all var(--transition-duration) var(--transition-timing) 0s}.block-youtube-video:has(.content):before{content:"";opacity:.5}.block-youtube-video .content{padding:1rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;grid-column:1;grid-row:1;position:relative;z-index:10}.block-youtube-video:has(picture) picture{position:relative;z-index:1;height:auto;width:100%;grid-column:1;grid-row:1;transition:all var(--transition-duration) var(--transition-timing) 0s}.block-youtube-video:not(:has(picture)) img{position:relative;z-index:1;grid-column:1;grid-row:1;transition:all var(--transition-duration) var(--transition-timing) 0s}.block-youtube-video img{aspect-ratio:var(--aspect-ratio, auto);height:auto;width:100%;object-fit:cover}.block-youtube-video .text{grid-column:1;grid-row:2;transition:all var(--transition-duration) var(--transition-timing) 0s}.block-youtube-video .text,.block-youtube-video .text .title{color:var(--colour-white)!important}.block-youtube-video .duration{grid-row:3;grid-column:2;align-self:end;justify-self:end;background-color:var(--colour-mine-shaft);padding:.25rem .5rem;border-radius:var(--border-radius-xs);font-size:.875rem}.block-youtube-video .play{grid-column:1;grid-row:3}.block-youtube-video:hover .text,.block-youtube-video:focus .text{color:var(--colour-link-text-hover)}.block-youtube-video:hover .c-btn,.block-youtube-video:focus .c-btn{background-color:var(--colour-link-text-hover)}@media (max-width: 767.98px){.block-youtube-video .text .title{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/block-media.css.map */