@layer components{.post-card[data-v-86ac5af9]{gap:calc(var(--spacing)*6);min-height:calc(var(--spacing)*80);padding:calc(var(--spacing)*8);outline:1px solid var(--color-border-raised);outline-offset:-1px;cursor:pointer;transition:outline-color var(--duration-sweep) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card__fill[data-v-86ac5af9]{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-86ac5af9]{color:inherit;text-decoration:none}.post-card__body[data-v-86ac5af9],.post-card__header[data-v-86ac5af9],.post-card__title[data-v-86ac5af9]{z-index:10;position:relative}.post-card__header[data-v-86ac5af9]{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-86ac5af9],.post-card__title[data-v-86ac5af9]{color:var(--color-text-primary);transition:color var(--duration-hover) var(--ease-out)}.post-card__body[data-v-86ac5af9]{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-86ac5af9]{align-items:center;gap:calc(var(--spacing)*1.5);height:calc(var(--spacing)*10);color:var(--color-text-inverse);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);flex-direction:row;display:flex;translate:0 -.25rem}.post-card__arrow[data-v-86ac5af9]{transition:translate var(--duration-hover) var(--ease-out);display:inline-block}@media (hover:hover){.post-card:hover .post-card__fill[data-v-86ac5af9]{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.post-card[data-v-86ac5af9]:hover :is(.post-card__header,.post-card__title,.post-card__body){color:var(--color-text-inverse)}.post-card:hover .post-card__header[data-v-86ac5af9]{color:var(--color-text-secondary-inversed)}.post-card:hover .post-card__action[data-v-86ac5af9]{visibility:visible;opacity:1;translate:0}.post-card[data-v-86ac5af9]:hover{outline-color:var(--color-fill-strong)}.post-card:hover .post-card__arrow[data-v-86ac5af9]{translate:.25rem}}}
