.youtube-videos-section{width:100%}.youtube-videos-section .title-wrapper{margin-bottom:3rem}.youtube-videos-section .title-wrapper.center{text-align:center}.youtube-videos-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media screen and (min-width: 750px){.youtube-videos-grid--1-per-row{grid-template-columns:1fr}.youtube-videos-grid--2-per-row{grid-template-columns:repeat(2,1fr)}.youtube-videos-grid--3-per-row{grid-template-columns:repeat(3,1fr)}.youtube-videos-grid--4-per-row{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 750px) and (max-width: 989px){.youtube-videos-grid--4-per-row{grid-template-columns:repeat(2,1fr)}}.youtube-video-item{position:relative;width:100%}.youtube-video-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease;cursor:pointer}.youtube-video-link:hover:not(.youtube-video--playing){transform:translateY(-4px)}.youtube-video--playing{cursor:default}.youtube-video--playing .youtube-play-button{display:none}.youtube-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px}.youtube-video-thumbnail{position:relative;width:100%;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.youtube-video-link:hover .youtube-video-thumbnail{box-shadow:0 8px 24px #00000026}.youtube-video-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.youtube-video-link:hover:not(.youtube-video--playing) .youtube-video-thumbnail img{transform:scale(1.05)}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;pointer-events:none;transition:transform .3s ease,opacity .3s ease;opacity:.9;z-index:2}.youtube-video-link:hover .youtube-play-button{transform:translate(-50%,-50%) scale(1.1);opacity:1}.youtube-play-button svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.youtube-video-title{font-weight:500;line-height:1.4;transition:color .3s ease;margin:0!important}.youtube-video-link--title-below .youtube-video-title{margin-top:1rem!important;margin-bottom:0!important}.youtube-video-link--title-above .youtube-video-title{margin-bottom:1rem!important;margin-top:0!important}.youtube-videos-placeholder{text-align:center;padding:4rem 2rem;color:rgba(var(--color-foreground),.6);font-size:1.6rem}.youtube-video-link:focus{outline:2px solid rgb(var(--color-link));outline-offset:4px;border-radius:8px}.youtube-video-link:focus:not(:focus-visible){outline:none}.youtube-video-thumbnail img[loading=lazy]{background-color:rgba(var(--color-foreground),.04)}@media screen and (max-width: 749px){.youtube-videos-grid{gap:1.5rem}.youtube-videos-section .title-wrapper{margin-bottom:2rem}}@media screen and (max-width: 480px){.youtube-play-button{width:54px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/youtube-videos-grid.css.map */