.card{padding:16px 16px 30px}.card__inner{display:flex;flex-direction:column;gap:20px}@media (width > 1600px){.card__inner{gap:30px}}.card__link{color:var(--color-black);text-decoration:none}.card__image{display:flex;height:200px;max-width:100%}.card__image--filter{filter:grayscale(100%)}@media (width > 1024px){.card__image{height:300px}}.card__image img{border-radius:16px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__content{color:var(--text-color);display:flex;flex-direction:column;gap:15px}.card__content-footer,.card__content-header{align-items:center;display:flex;justify-content:space-between}.card__content-footer{gap:10px}.card__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__content-title{font-size:1.25rem;font-weight:700;line-height:1.75rem}@media (width > 1024px){.card__content-title{font-size:1.125rem;line-height:1.5rem}}@media (width > 1600px){.card__content-title{font-size:1.5rem;line-height:2rem}}.card__content-items{align-items:center;display:flex;flex-wrap:wrap;gap:10px;list-style:none}@media (width > 1200px){.card__content-items{gap:8px}}@media (width > 1600px){.card__content-items{gap:15px}}.card__content-item{background:var(--color-neutral-200);border-radius:8px;font-size:.75rem;padding:8px 16px}.card__button{align-items:center;background:var(--color-black);border-radius:50%;display:flex;height:40px;justify-content:center;margin-top:auto;min-width:40px}.card__button-icon{color:var(--color-white);font-size:2.1rem}.card-collection{display:flex;flex-direction:column;gap:16px}@media (width < 1024px){.card-collection--background{background:var(--bento-background);border:1px solid var(--border);border-radius:12px;padding:var(--padding) 0 var(--padding) var(--padding)}}.card-collection__cards{display:flex;flex-direction:column;gap:var(--spacing)}@media (width > 768px){.card-collection__cards{flex-direction:row}}.card-collection__cards>*{flex:1}.card-collection__cards--swipe{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media (width < 1024px){.card-collection__cards--swipe{padding-right:var(--padding)}}.card-collection__cards--swipe>*{min-width:280px}@media (width < 1024px){.card-collection__cards--swipe .card{background:var(--surface)}}@media (width >= 1024px){.card-collection__button,.card-collection__title{display:none}}@media (width < 1024px){.card-collection__button{margin-right:var(--padding)}}.card-collection .card__button{margin:0 0 0 10px}
