.post-card{border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:100%;overflow:hidden;width:100%}@media (hover:hover) and (pointer:fine){.post-card:hover{cursor:pointer}}.post-card{transition:box-shadow .3s ease}.post-card-media{overflow:hidden;position:relative}.post-card-image,.post-card-image__placeholder{aspect-ratio:16/9;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.post-card-badge{font-size:.75rem;font-weight:400;line-height:1rem;text-transform:none;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));left:.75rem;position:absolute;top:.75rem;--tw-bg-opacity:1;background-color:rgb(31 58 120/var(--tw-bg-opacity,1));padding:.25rem .5rem}.post-card-content{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;position:relative;z-index:2;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem}.post-card-title{font-size:1.25rem;font-weight:600;line-height:1.75rem;overflow-wrap:break-word;--tw-text-opacity:1;color:rgb(60 67 80/var(--tw-text-opacity,1))}.post-card-date{font-size:.75rem;font-weight:600;line-height:1rem;--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity,1))}.post-card-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.875rem;line-height:1.25rem;max-height:60px;text-overflow:ellipsis;--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}.post-card-action{position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:1}@media (min-width:768px){.post-card-action{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:hidden}}.post-card-action .zr-button{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:0;border-top-right-radius:0;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.post-card:hover .post-card-content{border-bottom-left-radius:0;border-bottom-right-radius:0}.post-card:hover .post-card-action{visibility:visible;--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}