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


/* Homepage and layout geometry. Selected value is the desktop maximum. */
.vtt-library-main{container-type:inline-size;container-name:ec18-home-main}
.ec18-grid-context-sidebar.ec18-grid-cols-2,.ec18-grid-context-fullwidth.ec18-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-3,.ec18-grid-context-fullwidth.ec18-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-4,.ec18-grid-context-fullwidth.ec18-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-5,.ec18-grid-context-fullwidth.ec18-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-6,.ec18-grid-context-fullwidth.ec18-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-7,.ec18-grid-context-fullwidth.ec18-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-8,.ec18-grid-context-fullwidth.ec18-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-9,.ec18-grid-context-fullwidth.ec18-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-10,.ec18-grid-context-fullwidth.ec18-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}
.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-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:1020px){
 .ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:860px){
 .ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:700px){
 .ec18-grid-cols-5,.ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:540px){
 .ec18-grid-cols-3,.ec18-grid-cols-4,.ec18-grid-cols-5,.ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){.vtt-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}




} /* /layouts */