.video-gallery__thumbnail{background-position:center;background-size:cover;height:237px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.video-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 0}.video-gallery__item{display:flex;flex-direction:column;gap:1rem}.video-card__title{line-height:21px;color:#101011;font-size:14px;font-weight:600;margin:0}.video-gallery__thumbnail img{width:40px;height:auto}.video-gallery__content{display:flex;flex-direction:column;gap:0}.video-card__link{color:#101011;font-size:10px}.video-readmore__paragraph{max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0;font-size:10px;font-weight:400;margin:4px 0 0;color:#101011;line-height:1.7}.video-readmore__paragraph--visible{max-height:200px;opacity:1}@media (max-width: 1024px){.video-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.video-gallery{grid-template-columns:repeat(2,1fr)}.video-gallery{padding:0 0 32px}}@media (max-width: 500px){.video-gallery{grid-template-columns:1fr}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:60%;width:90%;height:auto}.popup__close-btn{position:absolute;top:8px;right:6px;background:transparent;border:none;font-size:20px;cursor:pointer!important}.popup-overlay--visible{display:flex}iframe{margin:40px 0;padding:0;width:100%;height:400px}.popup__close-btn{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;right:2rem;padding:1rem;position:fixed;z-index:2;top:2rem}.popup__close-btn svg{width:20px;height:20px}@media (max-width: 1024px){iframe{margin:10px 0;height:370px}.popup{max-width:80%}}@media (max-width: 768px){iframe{height:300px}.popup{max-width:80%;border-radius:4px;padding:20px}}@media (max-width: 500px){.popup__close-btn{top:2px;right:1px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-section.css.map */