@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-model-grid{background-color:var(--bg-color-primary)}
.cmp-model-grid__top{display:grid;grid-template-columns:repeat(1,1fr);gap:40px}
.cmp-model-grid__title{text-align:center}
.cmp-model-grid__title .cmp-title__text{color:var(--font-color-primary);font-family:var(--font-title);text-transform:var(--title-text-transform);font-size:30px;line-height:40px;margin:0}
.cmp-model-grid__content{transition:opacity .3s ease;margin-top:40px;display:grid;grid-template-columns:repeat(1,1fr);gap:48px}
.cmp-model-grid__content.mod__loading{opacity:0}
@media(min-width:764px){.cmp-model-grid__title .cmp-title__text{font-size:40px;line-height:48px;margin:0}
.cmp-model-grid__content{grid-template-columns:repeat(2,1fr);gap:64px 24px}
}
@media(min-width:1016px){.cmp-model-grid__top{gap:56px}
.cmp-model-grid__content{margin-top:56px;gap:80px 32px}
}
@media(min-width:1436px){.cmp-model-grid__title .cmp-title__text{font-size:48px;line-height:56px;margin:0}
.cmp-model-grid__content{gap:80px 24px}
}
.cmp-model-grid-filters{display:flex;width:calc(100% + 32px);margin-left:-16px;padding:0 16px;scroll-behavior:smooth;scrollbar-width:none;overflow-x:scroll;white-space:nowrap}
.cmp-model-grid-filters__list{display:flex;justify-content:center;gap:32px;margin:0 auto}
.cmp-model-grid-filters__item{font-size:14px;line-height:16px;font-family:var(--font-base);color:var(--font-color-secondary);cursor:pointer;padding-bottom:8px;border:1px solid var(--border-color-danger);pointer-events:none;transition:color .3s ease}
.cmp-model-grid-filters__item:hover{color:var(--font-color-primary)}
.cmp-model-grid-filters__item.mod__enabled{pointer-events:auto;border-color:transparent}
.cmp-model-grid-filters__item--active,.cmp-model-grid-filters__item--active.mod__enabled{color:var(--font-color-primary);font-family:var(--font-bold);cursor:initial;border:0;border-bottom:1px solid var(--font-color-primary)}
.cmp-model-grid-filters__item:first-child{pointer-events:auto;border:0}
.cmp-model-grid-filters__item:first-child.cmp-model-grid-filters__item--active{cursor:initial;border-bottom:1px solid var(--font-color-primary)}
@media(min-width:1436px){.cmp-model-grid-filters__item{font-size:16px;line-height:20px}
}
.cmp-model-grid-card{position:relative;padding:16px 0 0;display:flex;flex-direction:column}
.cmp-model-grid-card__image{position:relative;aspect-ratio:var(--image-aspect-ratio)}
.cmp-model-grid-card__image img{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto}
.cmp-model-grid-card__title,.cmp-model-grid-card__text{margin:0 0 24px;word-break:break-word}
.cmp-model-grid-card__title{font-size:24px;line-height:32px;color:var(--font-color-primary);font-family:var(--font-title);text-transform:var(--title-text-transform);text-align:center;padding:0}
.cmp-model-grid-card__text .cmp-text,.cmp-model-grid-card__text .cmp-text p{color:var(--font-color-text);font-family:var(--font-base);font-size:16px;line-height:24px}
.cmp-model-grid-card__text .cmp-text a{color:var(--font-color-text);text-decoration:underline}
.cmp-model-grid-card__text .cmp-text ul{list-style-type:initial;padding-left:20px}
.cmp-model-grid-card__text .cmp-text ul li + li{margin-top:8px}
.cmp-model-grid-card__text .cmp-text ol{padding-left:20px;list-style-type:decimal}
.cmp-model-grid-card__text .cmp-text ol li + li{margin-top:8px}
.cmp-model-grid-card__cta{margin:auto 0 0}
.cmp-model-grid-card__tag-list{padding-left:0;list-style:none;position:absolute;top:0;right:0;display:flex;gap:8px}
.cmp-model-grid-card__tag{border-radius:2px;font-size:14px;line-height:16px;font-family:var(--font-base);text-transform:capitalize;padding:4px 6px;background-color:var(--color-bg-default);color:var(--color-text-tag)}
.cmp-model-grid-card__tag--hybrid{background-color:var(--color-bg-hybrid);color:var(--color-text-tag-alt)}
.cmp-model-grid-card__tag--electric{background-color:var(--color-bg-electric)}
.cmp-model-grid-card__tag--petrol{background-color:var(--color-bg-petrol)}
.cmp-model-grid-card__tag--diesel{background-color:#f8d391;color:var(--color-text-tag-alt)}
@media(min-width:764px){.cmp-model-grid-card{padding:0 16px}
.cmp-model-grid-card__title{text-align:left;font-size:30px;line-height:40px}
.cmp-model-grid-card__cta .cmp-button{width:fit-content;min-width:120px}
}
@media(min-width:1016px){.cmp-model-grid-card__title,.cmp-model-grid-card__text{margin:0 0 32px}
.cmp-model-grid-card__cta .cmp-button{min-width:160px}
}
@media(min-width:1436px){.cmp-model-grid-card__title,.cmp-model-grid-card__text{margin:0 0 48px}
.cmp-model-grid-card__title{font-size:40px;line-height:48px}
.cmp-model-grid-card__text .cmp-text a{text-decoration:underline}
}