.hs-module-downloads-list{display:flex;flex-direction:column;gap:var(--Spacing-L);transition:opacity .2s ease;&.is-loading{opacity:.5;pointer-events:none}& .downloads-list__chips{display:flex;flex-wrap:wrap;gap:var(--Spacing-XXS);& .downloads-list__chip{align-items:center;border:1px solid var(--Other-Line);border-radius:var(--Components-Button-Corners);color:var(--Text-Default);display:inline-flex;font-family:var(--font-family-body);font-size:var(--Body-Text-Size);gap:var(--Spacing-XS);line-height:var(--Body-Text-Line-Height);min-height:var(--Components-Component-Height);padding-inline:var(--Spacing-XS);text-decoration:none;& svg{color:var(--Icon-Default);flex-shrink:0}&:hover{border-color:var(--Colours-Greys-Grey-5-Black)}}}& .downloads-list__grid{column-gap:var(--Layout-Gutter-Desktop);display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;row-gap:var(--Spacing-M);@media (max-width:1024px){grid-template-columns:repeat(3,1fr)}@media (max-width:600px){grid-template-columns:repeat(2,1fr)}}& .downloads-list__card{display:flex;flex-direction:column;gap:var(--Spacing-XS);& .downloads-list__image{aspect-ratio:1;background-color:var(--Other-Placeholder-Media);border:1px solid var(--Other-Line);overflow:hidden;& img{display:block;height:100%;object-fit:cover;width:100%}& .downloads-list__image-placeholder{background-color:var(--Other-Placeholder-Media);height:100%;width:100%}}& .downloads-list__text{display:flex;flex-direction:column;& .downloads-list__name{color:var(--Text-Default);font-family:var(--font-family-body);font-size:var(--Components-Category-Label-Size);font-weight:var(--Font-Weight-Medium);line-height:var(--Components-Category-Label-Line-Height);margin:0;overflow:hidden;text-overflow:ellipsis}& .downloads-list__type{color:var(--Text-Description);font-family:var(--font-family-body);font-size:var(--Form-Description-Size);line-height:var(--Form-Description-Line-Height)}}& .downloads-list__download{align-self:flex-start}}& .downloads-list__empty{color:var(--Text-Description);margin:0}& .downloads-list__pagination{align-items:center;display:flex;gap:var(--Spacing-XS);justify-content:center;& .downloads-list__page-btn{align-items:center;border-radius:var(--Components-Button-Corners);display:inline-flex;height:32px;justify-content:center;text-decoration:none;width:32px;&.downloads-list__page-btn--prev{background-color:var(--Other-Button-Default-Button-Fill);border:1px solid var(--Other-Button-Default-Button-Stroke);color:var(--Icon-Default)}&.downloads-list__page-btn--next{background:var(--Other-Button-Prominent-Button-Fill);color:var(--Icon-Default-Inverted)}&.is-disabled{opacity:.4;pointer-events:none}}& .downloads-list__page-numbers{display:flex;gap:var(--Spacing-XXXS)}& .downloads-list__page-number{align-items:center;color:var(--Text-Default);display:inline-flex;font-family:var(--font-family-body);font-size:var(--Form-Description-Size);height:32px;justify-content:center;line-height:var(--Form-Description-Line-Height);text-decoration:none;width:32px;&.is-active{color:var(--Text-Branded)}&.is-active,&:hover:not(.is-active){background-color:var(--Label-Neutral)}}}}