@layer components{.post-card[data-v-7af94d0b]{gap:calc(var(--spacing)*6);min-height:calc(var(--spacing)*80);padding:calc(var(--spacing)*8);border-radius:var(--radius-3xl);background-color:var(--color-surface-raised);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card__fill[data-v-7af94d0b]{z-index:0;background-color:var(--color-fill-strong);clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path var(--duration-sweep) var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.post-card__link[data-v-7af94d0b]{color:inherit;text-decoration:none}.post-card__body[data-v-7af94d0b],.post-card__header[data-v-7af94d0b],.post-card__title[data-v-7af94d0b]{z-index:10;position:relative}.post-card__header[data-v-7af94d0b]{width:100%;color:var(--color-text-secondary);transition:color var(--duration-ambient) var(--ease-out);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.post-card__body[data-v-7af94d0b],.post-card__title[data-v-7af94d0b]{color:var(--color-text-primary);transition:color var(--duration-hover) var(--ease-out)}.post-card__body[data-v-7af94d0b]{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*6);flex-direction:column;flex:1;display:flex}.post-card__action[data-v-7af94d0b]{align-items:center;gap:calc(var(--spacing)*1.5);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*3);background-color:var(--color-surface-hover);color:var(--color-text-primary);pointer-events:none;visibility:hidden;opacity:0;transition:opacity var(--duration-hover) var(--ease-out),translate var(--duration-hover) var(--ease-out),visibility var(--duration-hover) var(--ease-out);border-radius:3.40282e38px;flex-direction:row;display:flex;translate:0 -.25rem}@media (hover:hover){.post-card:hover .post-card__fill[data-v-7af94d0b]{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.post-card[data-v-7af94d0b]:hover :is(.post-card__header,.post-card__title,.post-card__body){color:var(--color-text-inverse)}.post-card:hover .post-card__header[data-v-7af94d0b]{color:var(--color-text-secondary-inversed)}.post-card:hover .post-card__action[data-v-7af94d0b]{visibility:visible;opacity:1;translate:0}}}