.tic-as-filter {
border: 0;
margin: 0 0 1.5rem;
padding: 0;
}
.tic-as-filter__legend {
font-weight: 700;
margin-bottom: 0.5rem;
padding: 0;
}
.tic-as-filter__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1.25rem;
list-style: none;
margin: 0;
padding: 0;
}
.tic-as-filter__item {
align-items: center;
display: flex;
gap: 0.4rem;
margin: 0;
}
.tic-as-filter__label {
cursor: pointer;
margin: 0;
}
.tic-as-filter__input:focus-visible + .tic-as-filter__label {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.tic-as-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.tic-as-card {
margin: 0;
min-width: 0;
}
.tic-as-card__link {
display: block;
text-decoration: none;
}
.tic-as-card__media {
overflow: hidden;
position: relative;
}
.tic-as-card--square .tic-as-card__media {
aspect-ratio: 1 / 1;
}
.tic-as-card--tall .tic-as-card__media {
aspect-ratio: 3 / 4;
}
.tic-as-card--rectangle .tic-as-card__media {
aspect-ratio: 4 / 3;
}
.tic-as-card__img {
display: block;
height: 100%;
max-width: 100%;
object-fit: cover;
width: 100%;
}
.tic-as-card__title {
font-size: 1rem;
margin: 0.75rem 0 0;
}
.tic-as-grid__empty {
grid-column: 1 / -1;
margin: 0;
}
@media (max-width: 480px) {
.tic-as-grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
}
.tic-as-video,
.tic-as-embed iframe {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
.tic-as-embed {
aspect-ratio: 16 / 9;
}
.tic-as-embed iframe {
height: 100%;
}