.video-list-search{margin-bottom:1em}.clear-video-filters-button{width:fit-content;margin:.5em 0}.video-list-search-row{flex-wrap:wrap;margin-bottom:.5em;display:flex}.video-list-search-input{flex:100%;min-width:0}.video-list-search-input .input-search{width:100%}.video-list-filters{flex-wrap:wrap;gap:1em;margin:.5em;display:flex}.video-list-filter{flex:100%;min-width:0}@media only screen and (width>=35.5em){.video-list-search-input{flex:0 0 calc(50% - 1em);width:50%;margin-right:1em}.video-list-filter{flex:calc(50% - 1em)}}@media only screen and (width>=48em){.video-list-search-input{flex:none}}@media only screen and (width>=64em){.video-list-search-input{width:33.33%}.video-list-filter{flex:calc(25% - .75em)}}.video-grid{grid-template-columns:repeat(auto-fill,minmax(295px,1fr));justify-content:center;gap:1em;width:100%;display:grid}.video-card{box-shadow:0 1px 3px var(--color-shadow-dark);border-radius:10px;margin:1em;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.video-card:hover{box-shadow:0 8px 20px var(--color-shadow-dark);transform:translateY(-3px)}.video-card-thumb{aspect-ratio:16/9;position:relative;overflow:hidden}.video-card-thumb img,.video-card-thumb video{object-fit:cover;width:100%;height:100%;transition:transform .25s}.video-card:hover .video-card-thumb img,.video-card:hover .video-card-thumb video{transform:scale(1.04)}.video-title{color:var(--color-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.6em .8em;font-size:.95em;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.video-card:hover .video-title{color:var(--color-primary-dark)}