.youtube-short-with-content__media{display:flex;align-items:center;justify-content:var(--youtube-short-alignment-mobile);width:100%;min-width:0}.youtube-short-with-content__video-shell{position:relative;flex:0 1 var(--youtube-short-width);width:min(100%,var(--youtube-short-width));min-width:0;aspect-ratio:9 / 16;margin:0;overflow:hidden;background:#000;contain:layout paint}.youtube-short-with-content__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0}.youtube-short-with-content__player,.youtube-short-with-content__play-button,.youtube-short-with-content__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.youtube-short-with-content__play-button{-webkit-appearance:none;appearance:none;padding:0;overflow:hidden;color:#fff;background:#000;border:0;cursor:pointer}.youtube-short-with-content__poster{object-fit:cover}.youtube-short-with-content__play-icon{position:absolute;top:50%;left:50%;width:68px;height:48px;border-radius:14px;background:#000000c7;transform:translate(-50%,-50%);transition:transform .15s ease,background-color .15s ease}.youtube-short-with-content__play-icon:after{position:absolute;top:50%;left:52%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid currentColor;content:"";transform:translate(-50%,-50%)}.youtube-short-with-content__play-button:hover .youtube-short-with-content__play-icon{background:red;transform:translate(-50%,-50%) scale(1.05)}.youtube-short-with-content__play-button:focus-visible{outline:3px solid currentColor;outline-offset:-5px}.youtube-short-with-content__placeholder{color:var(--color-text);background:var(--color-background-placeholder, rgba(0, 0, 0, .08))}.youtube-short-with-content__placeholder .placeholder-svg{width:100%;height:100%}.youtube-short-with-content__placeholder-message{position:absolute;inset:50% auto auto 50%;width:calc(100% - 48px);transform:translate(-50%,-50%);text-align:center}@media(min-width:1024px){.youtube-short-with-content .media-with-content__media-wrapper,.youtube-short-with-content .media-with-content__content-wrapper{min-width:0}.youtube-short-with-content__media{justify-content:var(--youtube-short-alignment-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-youtube-short-with-content.css.map */