.pn-crop-img{max-width:100%;position:relative}.pn-crop-img:after{content:"";display:block;padding-bottom:100%}.pn-crop-img>img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.pn-crop-img[data-active=true]>img{box-shadow:0 0 0 2px var(--background)}.pn-crop-img[data-clickable=true]>img{cursor:pointer;transition:filter .3s ease-in-out}.pn-crop-img[data-clickable=true]>img:hover{filter:brightness(1.15)}[dir=ltr] .pn-crop-img>img{left:0}[dir=rtl] .pn-crop-img>img{right:0}.pn-crop-img-corner{bottom:8px;color:#fff;pointer-events:none;position:absolute;text-shadow:0 1px 4px rgba(0,0,0,.5)}[dir=ltr] .pn-crop-img-corner{right:8px}[dir=rtl] .pn-crop-img-corner{left:8px}