.VideoModal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modalFadeIn .5s ease-out}.VideoModal--closing{animation:modalFadeOut .5s ease-in}.VideoModal__dialog{width:80vw;max-width:1200px;max-height:90vh;background:#fff;border-radius:3px;overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:dialogZoomIn .3s ease-out}.VideoModal__dialog--fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.VideoModal--closing .VideoModal__dialog{animation:dialogZoomOut .3s ease-in}.VideoModal__card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--page1sec1);border:1px solid #0096a7}.VideoModal__card.darkblue--text{color:var(--darkblue)}.VideoModal__card.white--text{color:#fff}.VideoModal__close-btn{position:absolute;top:16px;right:16px;background:var(--yellowbtn);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.VideoModal__close-btn:hover{transform:scale(1.1)}.VideoModal__close-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.VideoModal__content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:35px;box-sizing:border-box}.VideoModal__video{height:100%;max-height:60vh;width:auto;max-width:100%;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media(max-width:768px){.VideoModal__video{max-height:50vh}.VideoModal__dialog{width:100vw;height:100vh;border-radius:0}.VideoModal__content{padding:10px}.VideoModal__video{max-height:70vh}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes dialogZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media(prefers-color-scheme:dark){.VideoModal__card{background:#1a1a1a}.VideoModal__close-btn{background:rgba(0,0,0,.8);color:#fff}.VideoModal__close-btn:hover{background:#000}}