.video-embed-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.video-embed-wrapper--portrait{aspect-ratio:9 / 16}.video-embed-wrapper--square{aspect-ratio:1 / 1}.video-embed-wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;opacity:1;transition:opacity var(--duration-short) ease}.video-overlay:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.video-embed-wrapper--activated .video-overlay{opacity:0;pointer-events:none}.video-play-button{box-sizing:border-box;width:6.2rem;height:6.2rem;padding:1.6rem;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:transform var(--duration-short) ease}.video-overlay:hover .video-play-button,.video-overlay:focus-visible .video-play-button{transform:scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/135/assets/component-video-embed.css.map */