.video-popup-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out;padding:20px;box-sizing:border-box}.video-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:1}.video-popup-content{position:relative;width:90%;max-width:900px;max-height:90vh;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideInDown .3s ease-out;margin:auto;z-index:2}.video-popup-header{position:absolute;top:10px;right:10px;z-index:10}.video-popup-close{background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-popup-close:hover{background:#fff;transform:scale(1.1)}.video-popup-close svg{width:20px;height:20px;color:#333}.video-popup-body{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-iframe-container{position:absolute;top:0;left:0;width:100%;height:100%}.video-iframe-container iframe{width:100%;height:100%;border:none}.video-thumbnail-trigger{cursor:pointer;transition:all .2s ease;position:relative}.video-thumbnail-trigger:hover{transform:scale(1.05);opacity:.9}.video-thumbnail-trigger .video-thumbnail-image{transition:opacity .2s ease}.video-thumbnail-trigger:hover .video-thumbnail-image{opacity:.8}body.video-popup-open{overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.video-popup-content{width:95%;margin:10px}.video-popup-close{width:35px;height:35px}.video-popup-close svg{width:18px;height:18px}}@media (max-width: 1024px){.video-popup-content{width:92%}}.video-popup-close:focus{outline:2px solid #007acc;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/414/assets/component-video-popup.css.map */