.video-gallery{padding-top:36px;padding-bottom:36px}.video-gallery__heading{margin-bottom:2rem;text-align:center}.video-gallery__description{text-align:center;margin-bottom:3rem;max-width:70ch;margin-left:auto;margin-right:auto}.video-gallery__grid{margin-top:2rem}.video-card{cursor:pointer;border-radius:var(--media-radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;background:rgb(var(--color-background));box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}.video-card__thumbnail-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:rgb(var(--color-foreground),.08)}.video-card__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;display:block;transition:transform .5s ease}.thumbnail-cover{object-fit:cover!important}.thumbnail-contain{object-fit:contain!important}.thumbnail-fill{object-fit:fill!important}.thumbnail-scale-down{object-fit:scale-down!important}.thumbnail-none{object-fit:none!important}.thumbnail-position-center{object-position:center!important}.thumbnail-position-top{object-position:top!important}.thumbnail-position-bottom{object-position:bottom!important}.thumbnail-position-left{object-position:left!important}.thumbnail-position-right{object-position:right!important}.thumbnail-position-top-left{object-position:top left!important}.thumbnail-position-top-right{object-position:top right!important}.thumbnail-position-bottom-left{object-position:bottom left!important}.thumbnail-position-bottom-right{object-position:bottom right!important}.thumbnail-contain .video-card__thumbnail,.video-card__thumbnail.thumbnail-contain,.thumbnail-scale-down .video-card__thumbnail,.video-card__thumbnail.thumbnail-scale-down{background-color:rgb(var(--color-foreground),.05)}.thumbnail-cover:hover,.video-card:hover .thumbnail-cover{transform:scale(1.08)}.thumbnail-contain:hover,.video-card:hover .thumbnail-contain{transform:scale(1.03)}.thumbnail-fill:hover,.video-card:hover .thumbnail-fill{transform:none}.video-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-foreground),.05)}.video-card__placeholder .placeholder-svg{width:50%;height:50%;opacity:.3}.video-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none;z-index:2;border:2px solid rgba(255,255,255,.3)}.video-card:hover .video-card__play-button{background:#000000e6;transform:translate(-50%,-50%) scale(1.15);border-color:#fff9}.video-card__thumbnail-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0006,#0000 40%);opacity:0;transition:opacity .3s ease;z-index:1}.video-card:hover .video-card__thumbnail-wrapper:after{opacity:1}.video-card__info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.video-card__date{font-size:.8rem;color:rgb(var(--color-foreground),.6);display:block;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.video-card__title{font-size:1.25rem;margin:0 0 .75rem;color:rgb(var(--color-foreground));font-weight:600;line-height:1.3}.video-card__description{font-size:.875rem;color:rgb(var(--color-foreground),.7);margin:0;line-height:1.6;flex-grow:1}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center}.video-modal.active{display:flex}.video-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000eb;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-modal__content{position:relative;width:90%;max-width:1000px;z-index:1001;animation:slideUp .35s ease}.video-modal__close{position:absolute;top:-20px;right:-20px;background:#0187b2;border:3px solid rgba(255,255,255,.3);color:#fc0;cursor:pointer;padding:0;border-radius:50%;transition:all .3s ease;z-index:1002;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0187b266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-modal__close:hover{background:#016d91;transform:scale(1.1) rotate(90deg);border-color:#fc0;box-shadow:0 6px 20px #0187b299}.video-modal__close:active{transform:scale(.95) rotate(90deg)}.video-modal__close svg{width:20px;height:20px;transition:transform .3s ease}.video-modal__close:hover svg{transform:scale(1.1)}.video-modal__video-container{position:relative;width:100%;max-height:80vh;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 25px 70px #0009}.video-modal__video-element--active{width:100%;max-height:80vh;display:block;border-radius:12px;outline:none}.video-modal__video-element--active::-webkit-media-controls{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.video-modal__video-element--active::-webkit-media-controls-panel{padding:0 15px 5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-gallery__placeholder{text-align:center;padding:5rem 2rem;color:rgb(var(--color-foreground),.4);border:2px dashed rgb(var(--color-foreground),.15);border-radius:12px;font-size:1.1rem;background:rgb(var(--color-foreground),.02)}@media screen and (min-width:750px){.video-gallery{padding-top:52px;padding-bottom:52px}}@media screen and (max-width:749px){.video-card__info{padding:1rem}.video-card__title{font-size:1.1rem}.video-modal__content{width:96%}.video-modal__close{top:-15px;right:-15px;width:44px;height:44px}.video-modal__close svg{width:18px;height:18px}.video-modal__video-container{border-radius:8px}.video-card__play-button{width:52px;height:52px}}@media screen and (max-width:380px){.video-card__info{padding:.75rem}.video-card__title{font-size:1rem}.video-card__play-button{width:44px;height:44px}.video-modal__close{width:40px;height:40px;top:-12px;right:-12px}.video-modal__close svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-video-gallery.css.map */