@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-click-modal-grid-cards-card{width:262px;height:262px;position:relative;box-shadow:0 8px 32px 0 var(--ds-opacity-black-60,rgba(9,9,11,0.6));border-radius:var(--dg-border-radius-m,12px)}
.cmp-click-modal-grid-cards-card__body{position:absolute;bottom:-1px;border-radius:var(--dg-border-radius-m,12px);border:1px solid var(--ds-color-border-default,rgba(250,250,250,0.1));background:var(--ds-color-surface-contrast,rgba(9,9,11,0.3));backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:var(--dg-spacing-m-2)}
.cmp-click-modal-grid-cards-card__image,.cmp-click-modal-grid-cards-card .cmp-image,.cmp-click-modal-grid-cards-card .cmp-image__image{width:100%;height:100%}
.cmp-click-modal-grid-cards-card__image .cmp-image__image{border-radius:var(--dg-border-radius-m,12px);object-fit:cover}
@media(min-width:480px){.cmp-click-modal-grid-cards-card{width:340px;height:340px}
.cmp-click-modal-grid-cards-card__body{padding:var(--dg-spacing-m-4)}
}
@media(min-width:768px){.cmp-click-modal-grid-cards-card{width:auto;height:auto}
.cmp-click-modal-grid-cards-card__image .cmp-image{aspect-ratio:1}
}
@media(min-width:1024px){.cmp-click-modal-grid-cards-card__image .cmp-image{aspect-ratio:1.25}
}
.cmp-click-modal-grid-cards-card__content{height:100%}
.cmp-click-modal-grid-cards-card__body{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.cmp-click-modal-grid-cards-card__title{display:flex;align-items:center}
.cmp-click-modal-grid-cards-card__title .cmp-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-click-modal-grid-cards-card__modal .title{margin-bottom:calc(-1 * var(--dg-spacing-layout-m))}
.cmp-click-modal-grid-cards-card__title-modal{font-size:var(--ds-typography-size-headline-s,24px);line-height:var(--ds-typography-height-headline-s,40px);letter-spacing:var(--dg-typography-letter-spacing-m,0.5px);text-transform:uppercase}
@media(min-width:480px){.cmp-click-modal-grid-cards-card__body{height:100px}
}
@media(min-width:768px){.cmp-click-modal-grid-cards-card__body{height:96px}
}
@media(min-width:1024px){.cmp-click-modal-grid-cards-card__body{height:88px}
}
@media(min-width:1440px){.cmp-click-modal-grid-cards-card__body{height:96px}
}
@media(min-width:1920px){.cmp-click-modal-grid-cards-card__body{height:88px}
}