.cases-grid-item{margin-bottom:var(--space-sm-5);width:100%}.cases-grid-item.masonry-item{opacity:0;position:relative;transition:opacity .1s ease-out}.cases-grid-item__link{text-decoration:none}.cases-grid-item__image-container{background-color:var(--surface-2);border-radius:4px;overflow:hidden;position:relative;width:100%}.cases-grid-item__tags{bottom:var(--space-sm-3);display:flex;flex-direction:row;gap:var(--space-sm-3);left:var(--space-sm-3);position:absolute;z-index:10}.cases-grid-item__tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f80;border-radius:4px;color:var(--text-2);padding:var(--space-sm-2) var(--space-sm-3)}.cases-grid-item__tag-dot{border-radius:50%;display:inline-block;height:4px;margin-right:var(--space-sm-1);transform:translateY(-2px);width:4px}.cases-grid-item__tag-dot.live-tool{background:var(--color-theme-green)}.cases-grid-item__tag-dot.code-example{background:var(--color-theme-blue)}.cases-grid-item__image-inner{height:100%;opacity:0;width:100%}.cases-grid-item__image-inner img{height:100%;-o-object-fit:cover;object-fit:cover}.cases-grid-item__image-container video,.cases-grid-item__image-inner img{transition:transform .6s var(--animation-secondary);width:100%}.cases-grid-item__info-container{padding-left:12px;padding-top:var(--space-sm-3)}.cases-grid-item:hover .cases-grid-item__info-container{color:var(--text-1)}.cases-grid-item:hover .cases-grid-item__image-inner img,.cases-grid-item:hover .cases-grid-item__image-inner video{transform:scale(1.04)}@media (min-width:678px){.cases-grid-item{margin-bottom:var(--space-lg-1)}}