.video-modal__trigger{position:relative;display:block;width:100%;cursor:pointer;border-width:0px;background-color:#0000;padding:0;--wp--custom--button--max-width: 540px;max-width:540px}.video-modal__preview{position:relative;display:grid;overflow:hidden;background-color:var(--wp--preset--color--primary);box-shadow:0 0 55px 24px #e3e9eb0d;min-height:300px}.video-modal__inner{width:100%}.video-modal__inner:empty,.video-modal__inner:has(.wp-block-video:empty),.video-modal__inner:has(figure:not(:has(video))){min-height:300px}.video-modal__inner video,.video-modal__inner figure,.video-modal__inner .wp-block-video{display:block;width:100%;max-width:none;margin:0}.video-modal__overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--wp--preset--color--base-50, #14191b),var(--wp--preset--color--base-100, #1c2427));opacity:.5}.video-modal__play-btn{pointer-events:none;position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:60px;height:60px;transition:transform .3s ease}.video-modal__play-btn svg{height:100%;width:100%}.video-modal__trigger:hover .video-modal__play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-modal__dialog{position:relative;width:100%;max-width:960px;margin-left:1rem;margin-right:1rem}.video-modal__close{top:-56px}.video-modal__content{width:100%}.video-modal__content video{display:block;width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.video-modal--cover{height:100%}.video-modal--cover .video-modal__trigger{max-width:none;height:100%}.video-modal--cover .video-modal__preview{aspect-ratio:16/9;border-radius:16px;min-height:unset;box-shadow:var(--wp--custom--shadow--glow, 0 0 80px rgba(214, 255, 73, .08))}@media (min-width: 992px){.video-modal--cover .video-modal__preview{aspect-ratio:unset;height:100%}}.video-modal--cover .video-modal__inner{height:100%}.video-modal--cover .video-modal__inner figure,.video-modal--cover .video-modal__inner .wp-block-video{height:100%}.video-modal--cover .video-modal__inner video{height:100%;-o-object-fit:cover;object-fit:cover}
