.p-item{img{position:relative;aspect-ratio:1/1;border-radius:9999px;object-fit:cover}h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));overflow:hidden;text-overflow:ellipsis;white-space:normal;padding-top:.75rem;text-align:center;font-size:var(--heroui-font-size-small);line-height:var(--heroui-line-height-small)}}.p-item .image{position:relative;aspect-ratio:1/1;border-radius:9999px;box-shadow:1px 2px 4px #0003,4px 8px 8px #0000001a;&:before{box-shadow:inset 1px 1px 0 0 #ffffff14;inset:0;content:"";position:absolute;aspect-ratio:1/1;border-radius:9999px}}.p-item .over{padding-bottom:2rem;content:"";aspect-ratio:1/1;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:9999px;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#00000080 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000000e6 var(--tw-gradient-to-position);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.p-item .over:hover{opacity:1}.p-item .over{z-index:20;border-width:3px;--tw-border-opacity:1;border-color:hsl(var(--bb-primary)/var(--tw-border-opacity,1))}