.video-library-wrap{display:flex;flex-direction:column;gap:80px}.video-library-wrap .video-toolbar{max-width:1140px;width:100%;margin:0 auto;display:flex;justify-content:space-between}.video-toolbar .video-categories{display:flex;gap:8px}.video-toolbar .video-categories button{color:#2c4b53;font-size:14px;word-wrap:break-word;line-height:157.143%;padding:4px 12px;border:1px solid #DFE0E2}.video-toolbar .video-categories button.active{background:#0098c7;color:#fff}.video-toolbar .video-search input{width:260px;height:40px;padding:4px 12px;border:1px solid var(--Border, #DFE0E2)}.video-toolbar .video-search{position:relative;height:fit-content}.video-toolbar .video-search:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none}.video-toolbar .video-search input{width:260px;height:40px;padding:4px 12px 4px 36px;border:1px solid var(--Border, #DFE0E2);font-size:14px}.video-toolbar .video-search input::placeholder{font-size:14px}.video-library-wrap .video-grid{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:repeat(var(--columns-desktop, 3),1fr);column-gap:32px;row-gap:48px}.video-card{display:flex;flex-direction:column;width:100%}.video-library-wrap .video-embed{width:100%;position:relative;padding-bottom:64%;height:0}.video-library-wrap .video-embed iframe{position:absolute;top:0;width:100%;height:100%;object-fit:fill}.video-library-wrap .video-embed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000001a 0% 100%);z-index:1;pointer-events:none}.video-library-wrap .video-meta{display:flex;flex-direction:column;padding:40px;background:var(--bg-color);height:100%}.video-grid .video-tag{color:var(--tag_color);font-size:14px;font-weight:700;line-height:normal}.video-grid .video-title{color:var(--title_color);margin:12px 0 32px;position:relative;padding-left:20px;word-break:break-word}.video-grid .video-title:before{content:"";position:absolute;left:0;width:2px;height:100%;background:#0098c7}.video-grid .video-date{color:var(--date_color);opacity:.8;margin-top:auto}@media(max-width:991px){.video-library-wrap{gap:65px}.video-toolbar .video-categories{flex-wrap:wrap}.video-library-wrap .video-grid{grid-template-columns:repeat(2,1fr);column-gap:22px;row-gap:35px}.video-library-wrap .video-meta{padding:30px}}@media(max-width:750px){.video-library-wrap{gap:40px}.video-library-wrap .video-toolbar{flex-direction:column;gap:20px}.video-toolbar .video-search input{width:50%}.video-library-wrap .video-grid{grid-template-columns:1fr;column-gap:35px}.video-library-wrap .video-embed{padding-bottom:50%}.video-library-wrap .video-meta{padding:20px}.video-grid .video-title{margin-bottom:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-library.css.map */