.modal-container{justify-content:center;align-items:center;display:flex}.modal-content{background:0 0;border-radius:8px;position:relative;overflow:hidden}.modal-close-btn{z-index:50;background-color:#00000080;border-radius:9999px;padding:8px;transition:background-color .2s;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:#000000b3}.modal-nav-btn{z-index:50;background-color:#00000080;border-radius:9999px;padding:8px;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav-btn:hover{background-color:#000000b3}.modal-nav-btn-left{left:16px}.modal-nav-btn-right{right:16px}.modal-media-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-wrapper video{object-fit:cover;max-width:100%;max-height:100%;width:100%!important;height:100%!important}.image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.modal-image{object-fit:contain;border-radius:8px;max-height:65%;margin-top:48px;max-width:65%!important}.modal-thumbnails{z-index:100;-ms-overflow-style:none;scrollbar-width:none;background-color:#000c;border-radius:12px;justify-content:center;align-items:center;gap:8px;max-width:85%;padding:12px 16px;display:flex;position:absolute;top:16px;left:50%;overflow-x:auto;transform:translate(-50%)}.modal-thumbnails::-webkit-scrollbar{display:none}.modal-thumbnails{flex-wrap:nowrap;min-width:fit-content}.modal-thumbnails:has(.thumbnail-btn:nth-child(6)){justify-content:flex-start;padding-left:16px;padding-right:16px}.thumbnail-btn{border-radius:4px;width:64px;height:64px;transition:all .2s;position:relative;overflow:hidden}.thumbnail-btn.active{border:2px solid #fff}.thumbnail-image{object-fit:cover;width:100%;height:100%}.video-thumbnail{border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.video-play-overlay{z-index:2;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-icon{opacity:.9;border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0;margin-left:2px;transition:opacity .2s}.video-thumbnail:hover .play-icon{opacity:1;transform:scale(1.1)}.react-player{width:70%;max-width:70%;height:63%;max-height:70%;margin-top:65px}.react-player-responsive{width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.react-player-responsive>div{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.react-player-responsive video{object-fit:contain;border-radius:8px;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}@media (max-width:768px){.modal-content{padding:0;width:100%!important;height:100vh!important}.modal-image{max-height:70vh;margin-top:80px;max-width:100%!important}.react-player{width:95%;height:63%;max-height:70vh;margin-top:80px;max-width:100%!important}.react-player-responsive{max-width:95vw;max-height:80vh;overflow:hidden}.react-player-responsive>div,.react-player-responsive video{max-width:100%!important;max-height:100%!important}.media-details{width:90%;padding:1rem}.thumbnail-btn{width:48px;height:48px}.play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #fff}.modal-thumbnails{gap:6px;max-width:90%;padding:8px 12px;top:16px}.modal-nav-btn{padding:12px}.modal-nav-btn-left{left:8px}.modal-nav-btn-right{right:8px}}@media (max-width:480px){.modal-image{margin-top:60px}.react-player{width:95%;height:63%;margin-top:60px}.react-player-responsive{max-width:98vw;max-height:75vh;overflow:hidden}.react-player-responsive>div,.react-player-responsive video{max-width:100%!important;max-height:100%!important}.media-details{width:95%;padding:.75rem}.modal-thumbnails{gap:4px;max-width:92%;padding:6px 10px;top:12px}.thumbnail-btn{width:40px;height:40px}.play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff}.media-title{font-size:1.25rem}.media-caption{font-size:.875rem}}.react-player{position:relative}.react-player video{border-radius:8px}.thumbnail-container{-ms-overflow-style:none;scrollbar-width:none}.thumbnail-container::-webkit-scrollbar{display:none}.nav-button{opacity:.7;transition:opacity .2s}.nav-button:hover{opacity:1}.media-card video{object-fit:cover;max-width:100%;max-height:100%;width:100%!important;height:100%!important}.teamCard__image{position:relative;overflow:hidden}.teamCard__image video{object-fit:cover;max-width:100%;max-height:100%;width:100%!important;height:100%!important}.media-details{text-align:left;color:#fff;border-radius:.5rem;width:70%;margin:3px auto;padding-top:1rem;position:relative}.media-title{color:var(--white);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.media-caption{color:var(--white);font-size:1rem;line-height:1.5}
