external-video{display:block;width:100%;--video-width: 16;--video-height: 9}.fill-external-media external-video{width:100%;height:100%}external-video iframe{display:block;width:100%;aspect-ratio:var(--video-width) / var(--video-height);border:none}.media:not(.external-video-container,.natural) external-video iframe{height:100%;background:#000}external-video .external-video-placeholder{display:flex;align-items:center;justify-content:center;background-color:#000;gap:1rem;aspect-ratio:var(--video-width) / var(--video-height)}external-video .external-video-placeholder>*{opacity:.5}.external-video-container:not(.natural) external-video .external-video-placeholder{width:100%;height:100%;aspect-ratio:unset}.external-video-container external-video{position:absolute;top:0;left:0;width:100%;height:100%;--video-overflow-top: 0px;--video-overflow-bottom: 0px}.external-video-container external-video.has-overflow{--video-overflow-top: 100px;--video-overflow-bottom: 100px}.external-video-container external-video iframe{position:absolute;top:50%;left:50%;aspect-ratio:unset;pointer-events:none}.external-video-container external-video iframe{--_virtual-height: calc(100vh + var(--video-overflow-top) + var(--video-overflow-bottom));width:calc(var(--_virtual-height) * var(--video-width) / var(--video-height));height:var(--_virtual-height);min-width:100%;min-height:calc(100% + var(--video-overflow-top) + var(--video-overflow-bottom));--_overflow-shift: calc((var(--video-overflow-top) - var(--video-overflow-bottom)) / 2);transform:translate(-50%,calc(-50% - var(--_overflow-shift)))}@supports (container-type: size){.external-video-container{container-type:size}.external-video-container external-video iframe{width:auto;height:auto;min-width:unset;min-height:unset;--_virtual-height: calc(100cqh + var(--video-overflow-top) + var(--video-overflow-bottom));width:max(100cqw,calc(var(--_virtual-height) * var(--video-width) / var(--video-height)));height:max(var(--_virtual-height),calc(100cqw * var(--video-height) / var(--video-width)));--_overflow-shift: calc((var(--video-overflow-top) - var(--video-overflow-bottom)) / 2);transform:translate(-50%,calc(-50% - var(--_overflow-shift)))}}@media(max-width:768px){@supports (container-type: size){.external-video-container external-video iframe{--_virtual-height: calc(100cqh + var(--video-overflow-top) + var(--video-overflow-bottom));width:max(100cqw,calc(var(--_virtual-height) * var(--video-width-mobile, var(--video-width)) / var(--video-height-mobile, var(--video-height))));height:max(var(--_virtual-height),calc(100cqw * var(--video-height-mobile, var(--video-height)) / var(--video-width-mobile, var(--video-width))))}}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-external-video.css.map */