.video-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity .25s ease-in-out;width:100%;z-index:1001}.video-modal[data-video-modal-active=true]{opacity:1;pointer-events:auto}.video-modal__background{background-color:rgba(0,0,0,.5);content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-modal__wrapper{display:flex;height:auto;max-height:100%;max-width:1000px;position:relative;transform:scale(0);transform-origin:center center;transition:transform .25s ease-in-out;width:100%;z-index:2}[data-video-modal-active=true] .video-modal__wrapper{transform:scale(1)}.video-modal__video-container{cursor:pointer;height:0;padding-top:56.25%;position:relative;width:100%;z-index:2}.video-modal__video-container .video-modal__video{height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px)}.video-modal__video{background-color:var(--novi-color-black,#000);border:none;box-shadow:none;height:100%;outline:none;width:100%;z-index:2}.video-modal__close{align-items:center;background-color:var(--novi-font-color-secondary,blue);cursor:pointer;display:flex;flex-direction:column;height:calc(var(--novi-gutter-width, 1em)*2);justify-content:space-between;padding:calc(var(--novi-gutter-width, 1em)/3);position:absolute;right:0;top:0;transform:translateY(calc((var(--novi-gutter-width, 1em)*2)*-1));transition:filter .25s ease-in-out;width:calc(var(--novi-gutter-width, 1em)*2);z-index:3}.video-modal__close:hover{filter:brightness(125%)}.video-modal__close:hover .video-modal__close-icon{transform:rotate(-90deg)}.video-modal__close-icon{color:var(--novi-color-white,#fff);flex-shrink:0;height:20px;transform:rotate(0deg);transform-origin:center center;transition:transform .25s ease-in-out;width:30px}.video-modal__close-text{color:var(--novi-color-white,#fff);display:block;font-size:.75rem;line-height:1em;text-align:center}