.demo-video-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:var(--mainMargin);box-sizing:border-box;position:fixed;top:0;left:0}@media(max-width:768px){.demo-video-container{padding:0;position:relative}.demo-video-wrapper{max-width:none;width:100vw;height:100vh;position:relative;display:flex;justify-content:flex-start;align-items:center}.demo-video-frame{background:#000;position:relative;width:min(100vw,177.7777777778vh);height:min(100vh,56.25vw);max-height:85vh}}.demo-video-wrapper{width:100%;max-width:1000px;margin:0 auto}.demo-video-wrapper .picture-caption{font-size:.7rem;margin-top:5px;text-align:left;max-width:100%;width:100%;opacity:0;visibility:hidden;transition:opacity .25s ease}.demo-video-wrapper .picture-caption a{background-color:var(--colorSecondary);color:#fff;padding-left:2px;padding-right:2px}.demo-video-wrapper .picture-caption a:hover{background-color:var(--colorPrimary)}.demo-video-wrapper .picture-caption-large{font-size:2.2rem;color:#fff;background-color:#b1b1b1;padding:0 5px;width:-moz-fit-content;width:fit-content;margin:.5em 0 .5em .7em;line-height:1.1;opacity:0;visibility:hidden;transition:opacity .25s ease}.demo-video-wrapper .picture-caption-large a{color:#fff;text-decoration:none}.demo-video-wrapper .picture-caption-large a:hover{color:#fff}.demo-video-wrapper:hover .picture-caption,.demo-video-wrapper:hover .picture-caption-large{opacity:1;visibility:visible}.demo-video-frame{width:100%;height:auto;max-height:90vh;aspect-ratio:16/9;position:relative}.demo-video-frame iframe{width:100%;height:100%;display:block;border:0;position:relative;z-index:1}.demo-video-frame .video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.15));color:#fff;font-size:48px;line-height:1;opacity:0;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;pointer-events:none}.demo-video-frame:hover .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}@media(hover:none){.demo-video-frame .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}}.menu-videos{position:fixed;list-style:none;margin:0;top:0;left:0;text-align:left;width:-moz-fit-content;width:fit-content;padding:1rem}.videos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,500px));grid-gap:25px;gap:25px;padding:0;margin:0 auto;margin-top:var(--mainMargin);margin-bottom:var(--mainMargin);padding-left:var(--gridGap);padding-right:var(--gridGap);box-sizing:border-box;align-content:start;justify-content:center}@media(max-width:768px){.videos-grid{padding-left:15px;padding-right:15px}}.videos-grid.random-layout{display:block;position:relative;min-height:100vh;width:100%;max-width:100vw;margin:0 auto;padding:0;overflow:auto;box-sizing:border-box}.videos-grid .picture-item{display:flex;flex-direction:column;align-items:center}.videos-grid.random-layout .picture-item{position:absolute;z-index:1}.videos-grid.random-layout .picture-item:hover{z-index:10}.videos-grid .picture-caption{font-size:.7rem;margin-top:5px;text-align:left;max-width:100%;width:100%;opacity:0;visibility:hidden;transition:opacity .25s ease}.videos-grid .picture-caption a{background-color:var(--colorSecondary);color:#fff;padding-left:2px;padding-right:2px}.videos-grid .picture-caption a:hover{background-color:var(--colorPrimary)}.videos-grid .picture-item:hover .picture-caption{opacity:1;visibility:visible}.videos-grid .picture-frame{width:100%;max-width:300px;aspect-ratio:1/1;max-height:300px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);overflow:hidden}.videos-grid .picture-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.videos-grid .picture-frame.video-frame{width:100%;max-width:500px;aspect-ratio:16/9;max-height:none;background:#000;position:relative}.videos-grid .picture-frame.video-frame img{width:100%;height:100%;object-fit:cover;display:block}.videos-grid .picture-frame.video-frame iframe{width:100%;height:100%;display:block;border:0;position:relative;z-index:1}.videos-grid .picture-frame.video-frame .video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.15));color:#fff;font-size:18px;line-height:1;opacity:0;transition:opacity .2s ease;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.videos-grid .picture-frame.video-frame:hover .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}@media(min-width:769px){.videos-grid .picture-item.grayscale .picture-frame.video-frame{filter:grayscale(1);opacity:.3;transition:var(--transition)}}@media(max-width:768px){.videos-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:15px}.videos-grid .picture-frame{max-width:100%;max-height:none}.videos-grid .picture-frame.video-frame{max-width:100%;width:100%}}@media(hover:none){.videos-grid .picture-frame.video-frame .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}}.picture-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--backgroundOverlay);display:flex;align-items:center;justify-content:center;z-index:10;cursor:zoom-out;overscroll-behavior:contain;touch-action:none;overflow:hidden}.picture-overlay .overlay-arrows{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:20;pointer-events:none}.picture-overlay .arrow{font-size:1rem;color:#444;opacity:.55;margin:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;text-shadow:0 1px 4px #fff,0 0 2px rgba(0,0,0,.1333333333);transition:opacity .2s}.picture-overlay .arrow-up{margin-bottom:12px}.picture-overlay .arrow-down{margin-top:12px}.picture-overlay .overlay-caption{position:fixed;left:12px;bottom:12px;font-size:2.2rem;line-height:1.1;color:#fff;text-align:left;transition:opacity .25s ease;pointer-events:none;background-color:#b1b1b1;-webkit-backdrop-filter:var(--backdropBlur);backdrop-filter:var(--backdropBlur);padding:0 5px;width:-moz-fit-content;width:fit-content;z-index:11}.picture-overlay .overlay-caption a{color:#fff}@media(max-width:768px){.picture-overlay .overlay-caption{font-size:1.3rem}}.picture-caption-large{position:fixed;left:0;bottom:0;z-index:2000;font-size:2.2rem;background:none;margin:.5em .7em;pointer-events:none;max-width:100vw;line-height:1.1;letter-spacing:.01em;opacity:.97;box-sizing:border-box;word-break:break-word;transition:var(--transition);background-color:#b1b1b1;color:#fff;padding:0 5px;width:-moz-fit-content;width:fit-content}.picture-caption-large a{color:#fff}@media(max-width:768px){.picture-caption-large{font-size:1.3rem;max-width:90vw;padding:.2em .3em}.picture-overlay .picture-caption-large{display:block!important;visibility:visible!important;opacity:1!important;font-size:.65rem!important;max-width:85vw!important;padding:2px 3px!important;bottom:8px!important;left:8px!important}.picture-overlay .picture-caption-large a{color:#fff}}.overlay-video-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:0 var(--gridGap)}.overlay-video-wrapper .picture-caption{font-size:.7rem;margin-top:5px;text-align:left;max-width:100%;width:100%;opacity:.85;transition:opacity .25s ease}.overlay-video-wrapper .picture-caption a{background-color:var(--colorSecondary);color:#fff;padding-left:2px;padding-right:2px}.overlay-video-wrapper .picture-caption a:hover{background-color:var(--colorPrimary)}.overlay-video-frame,.overlay-video-frame iframe{width:100%;height:100%;position:relative}.overlay-video-frame iframe{display:block;border:0;z-index:1}.overlay-video-frame .video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.15));color:#fff;font-size:18px;line-height:1;opacity:0;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;pointer-events:none}.overlay-video-frame:hover .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}@media(max-width:768px){.overlay-video-wrapper{padding:0;max-width:none;width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.overlay-video-frame{background:#000;position:relative;width:min(100vw,177.7777777778vh);height:min(100vh,56.25vw);flex:0 0 auto}.overlay-video-frame .video-overlay{font-size:18px}}@media(hover:none){.overlay-video-frame .video-overlay{opacity:1;pointer-events:auto;cursor:pointer}}.overlay-swiper{width:100%;height:100%;background-color:hsla(0,0%,100%,.8941176471)}.overlay-swiper .overlay-slide-content,.overlay-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.overlay-swiper .overlay-slide-content{flex-direction:column;width:100%;max-width:100vw;position:relative}.overlay-swiper .overlay-slide-content .overlay-video-frame{width:100%;aspect-ratio:16/9;max-height:75vh;max-width:133.3333333333vh;position:relative;z-index:1;margin:0 auto}.overlay-swiper .overlay-slide-content .overlay-video-frame iframe{pointer-events:auto}.overlay-swiper .overlay-slide-content iframe{width:100%;height:100%}.overlay-swiper .overlay-slide-content .picture-caption-large{position:fixed;left:0;bottom:0;z-index:50;font-size:2.2rem;color:#fff;background-color:#b1b1b1;padding:0 5px;width:-moz-fit-content;width:fit-content;margin:.5em .7em;line-height:1.1;pointer-events:none;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.overlay-swiper .overlay-slide-content .picture-caption-large a{color:#fff;text-decoration:none}.overlay-swiper .overlay-slide-content .picture-caption-large a:hover{color:#fff}.overlay-swiper .swiper-slide:not(.swiper-slide-active) .picture-caption-large{opacity:0;visibility:hidden}.overlay-swiper .swiper-slide-active .overlay-slide-content .picture-caption-large{opacity:1!important;visibility:visible!important}@media(min-width:768px){.videos-grid .picture-item:hover .picture-caption{opacity:0!important;visibility:hidden!important}}@media(max-width:767px){.picture-caption-large{display:none!important}.overlay-swiper .overlay-slide-content{max-height:100vh;max-width:100vw}.overlay-swiper .overlay-slide-content .overlay-video-frame{width:100%;aspect-ratio:16/9;max-height:100vh;max-width:177.7777777778vh;background:rgba(0,0,0,0);margin:0 auto}.videos-grid .picture-caption{margin-top:5px;pointer-events:auto}.demo-video-wrapper .picture-caption,.videos-grid .picture-caption{display:inline-block!important;opacity:1!important;visibility:visible!important}.videos-grid.random-layout .picture-caption{display:none!important}}