.youtube-facade__container{position:relative;width:100%;height:100%;cursor:pointer;background-color:#000;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.youtube-facade__container:hover{transform:scale(1.02)}.youtube-facade__container:focus-visible{outline:2px solid #ff0000;outline-offset:2px}.youtube-facade__thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.youtube-facade__thumbnail-img{width:100%;height:100%;object-fit:cover;border:0;transition:opacity .2s ease}.youtube-facade__container:hover .youtube-facade__thumbnail-img{opacity:.8}.youtube-facade__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:#000c;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:none}.youtube-facade__container:hover .youtube-facade__play-button{background:#ff0000e6;transform:translate(-50%,-50%) scale(1.1)}.youtube-facade__play-button svg{width:68px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.youtube-facade__info{position:absolute;bottom:8px;left:8px;right:8px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s ease;pointer-events:none}.youtube-facade__container:hover .youtube-facade__info,.youtube-facade__container:focus .youtube-facade__info{opacity:1}.youtube-facade__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.youtube-facade--loading .youtube-facade__container{background:#000;color:#fff;cursor:wait}.youtube-facade__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:16px;font-weight:500}.youtube-facade__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ff0000;border-radius:50%;animation:youtube-spin 1s linear infinite;margin-bottom:16px}@keyframes youtube-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.youtube-facade__iframe{width:100%;height:100%;border:0;background:#000}.youtube-facade--loaded{cursor:default}@media (max-width: 640px){.youtube-facade__play-button{width:56px;height:40px}.youtube-facade__play-button svg{width:56px;height:40px}.youtube-facade__info{font-size:12px;padding:6px 8px}}@media (prefers-reduced-motion: reduce){.youtube-facade__container,.youtube-facade__thumbnail-img,.youtube-facade__play-button,.youtube-facade__info{transition:none}.youtube-facade__container:hover{transform:none}.youtube-facade__container:hover .youtube-facade__play-button{transform:translate(-50%,-50%)}.youtube-facade__spinner{animation:none;border:3px solid #ff0000}}@media (forced-colors: active){.youtube-facade__container{border:2px solid ButtonBorder}.youtube-facade__play-button{background:ButtonFace;border:2px solid ButtonBorder}.youtube-facade__info{background:Canvas;color:CanvasText;border:1px solid ButtonBorder}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-youtube-facade.css.map */