/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.video-gallery{padding:1.5rem 0}.callout--full+.video-gallery,.callout--overlay+.video-gallery,.footer+.video-gallery,.bg--blue+.video-gallery,.callout--block.callout--blue+.video-gallery,.bg--blue-dark+.video-gallery,.callout--block.callout--blue-dark+.video-gallery,.bg--blue-light+.video-gallery,.callout--block.callout--blue-light+.video-gallery,.bg--yellow+.video-gallery,.callout--block.callout--yellow+.video-gallery{padding-top:4rem}.video-gallery:has(+.callout--full){padding-bottom:4rem}.video-gallery:has(+.callout--overlay){padding-bottom:4rem}.video-gallery:has(+.footer){padding-bottom:4rem}.video-gallery:has(+.bg--blue){padding-bottom:4rem}.video-gallery:has(+.callout--block.callout--blue){padding-bottom:4rem}.video-gallery:has(+.bg--blue-dark){padding-bottom:4rem}.video-gallery:has(+.callout--block.callout--blue-dark){padding-bottom:4rem}.video-gallery:has(+.bg--blue-light){padding-bottom:4rem}.video-gallery:has(+.callout--block.callout--blue-light){padding-bottom:4rem}.video-gallery:has(+.bg--yellow){padding-bottom:4rem}.video-gallery:has(+.callout--block.callout--yellow){padding-bottom:4rem}.video-gallery.bg--blue,.video-gallery.bg--blue-dark,.video-gallery.bg--blue-light,.video-gallery.bg--yellow,.video-gallery.bg--white{padding-top:4rem;padding-bottom:4rem}.video-gallery--two-columns,.video-gallery--three-columns{--item-width:calc((100% - (var(--gap)*(var(--columns) - 1)))/var(--columns))}@container (width>=40rem){.video-gallery--two-columns,.video-gallery--three-columns{--columns:2}}.video-gallery--three-columns{--item-width:calc((100% - (var(--gap)*(var(--columns) - 1)))/var(--columns))}@container (width>=57.5rem){.video-gallery--three-columns{--columns:3}}.video-gallery__section-title{text-align:center;margin:0 0 1.5em;font-family:Roboto Condensed,sans-serif;font-size:2.25rem;font-weight:400}.video-gallery__intro{text-align:center;margin:0 0 3em;font-family:Roboto,sans-serif;font-size:1.25rem;line-height:1.5}.video-gallery__grid{gap:var(--gap);flex-flow:wrap;justify-content:flex-start;display:flex}.video-gallery__item{width:var(--item-width)}.video-gallery__title{text-align:center;margin:0 0 1rem;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:475}.video-gallery .youtube-player{aspect-ratio:16/9;cursor:pointer;background-color:#000;width:100%;display:block;position:relative;overflow:hidden}.video-gallery .youtube-player img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.video-gallery .youtube-player .play-button{z-index:2;background-color:#212121cc;border-radius:12%;width:68px;height:48px;transition:background-color .2s cubic-bezier(.4,0,.2,1),transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-gallery .youtube-player .play-button:after{content:"";border:10px solid #0000;border-left:20px solid #fff;border-right-width:0;position:absolute;top:50%;left:calc(50% + 2px);transform:translate(-50%,-50%)}.video-gallery .youtube-player:hover .play-button{background-color:red;transform:translate(-50%,-50%)scale(1.1)}.video-gallery__iframe{aspect-ratio:16/9;background-color:#000;border:none;width:min(80vw,75rem,152vh);max-height:85.5vh;margin-left:auto;margin-right:auto;display:block}.video-gallery--sidebar{margin:2rem 0;padding:0}.video-gallery__dialog::backdrop{background-color:#000c}.video-gallery__dialog__close{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:50%;padding:.5rem;transition:background-color .2s,color .2s;position:fixed;top:2vh;right:2.5%}.video-gallery__dialog__close__svg{width:1.75rem;height:1.75rem;display:block}.video-gallery__dialog__close:hover{color:#000;background-color:#fff}.video-gallery__dialog__close:focus-visible{color:#000;background-color:#fff}
