@layer layouts {
/* Theme components and presentation */

/*
 * v2.20.11 — canonical homepage listing geometry.
 * `--ec18-list-columns` is emitted by PHP from the selected theme_mod. This
 * file is the only stylesheet allowed to choose homepage listing columns.
 * Responsive rules may reduce the selected desktop maximum, never increase it.
 */
.vtt-library-main{container-type:inline-size;container-name:ec18-home-main}
.vtt-video-grid.ec18-home-video-grid{grid-template-columns:repeat(var(--ec18-list-columns,3),minmax(0,1fr))}
.ec18-grid-density-compact .vtt-video-grid{gap:14px 10px}
.ec18-grid-density-compact .vtt-video-card__title{font-size:12px;line-height:1.3}
.ec18-grid-density-ultra .vtt-video-grid{gap:11px 8px}
.ec18-grid-density-ultra .vtt-video-card__title{font-size:11px;line-height:1.28;-webkit-line-clamp:2}
.ec18-grid-density-ultra .vtt-video-card__meta{font-size:9px}
@container ec18-home-main (max-width:1180px){
 .ec18-home-video-grid.ec18-grid-cols-8,.ec18-home-video-grid.ec18-grid-cols-9,.ec18-home-video-grid.ec18-grid-cols-10{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@container ec18-home-main (max-width:1020px){
 .ec18-home-video-grid.ec18-grid-cols-7,.ec18-home-video-grid.ec18-grid-cols-8,.ec18-home-video-grid.ec18-grid-cols-9,.ec18-home-video-grid.ec18-grid-cols-10{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@container ec18-home-main (max-width:860px){
 .ec18-home-video-grid.ec18-grid-cols-6,.ec18-home-video-grid.ec18-grid-cols-7,.ec18-home-video-grid.ec18-grid-cols-8,.ec18-home-video-grid.ec18-grid-cols-9,.ec18-home-video-grid.ec18-grid-cols-10{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@container ec18-home-main (max-width:700px){
 .ec18-home-video-grid.ec18-grid-cols-5,.ec18-home-video-grid.ec18-grid-cols-6,.ec18-home-video-grid.ec18-grid-cols-7,.ec18-home-video-grid.ec18-grid-cols-8,.ec18-home-video-grid.ec18-grid-cols-9,.ec18-home-video-grid.ec18-grid-cols-10{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container ec18-home-main (max-width:540px){
 .ec18-home-video-grid.ec18-grid-cols-3,.ec18-home-video-grid.ec18-grid-cols-4,.ec18-home-video-grid.ec18-grid-cols-5,.ec18-home-video-grid.ec18-grid-cols-6,.ec18-home-video-grid.ec18-grid-cols-7,.ec18-home-video-grid.ec18-grid-cols-8,.ec18-home-video-grid.ec18-grid-cols-9,.ec18-home-video-grid.ec18-grid-cols-10{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.vtt-video-grid.ec18-home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

} /* /layouts */