.card-wrapper{position:relative}.card{background:var(--surface);border:2px solid var(--shadow-px);box-shadow:3px 3px 0 0 var(--shadow-px);display:block;image-rendering:pixelated;overflow:hidden;transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.card-wrapper:hover .card{border-color:var(--primary);box-shadow:6px 6px 0 0 var(--shadow-px);transform:translate(-3px,-3px)}.card.selected{border-color:var(--primary);box-shadow:4px 4px 0 0 var(--secondary)}.card-head{background:var(--surface);border-top:1px solid var(--border);color:var(--foreground);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));overflow:hidden;padding:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1)}.card-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .size-full{-o-object-fit:contain;object-fit:contain}.card-remix{align-items:center;background:var(--primary);border:1px solid var(--shadow-px);bottom:calc(var(--spacing,.25rem)*8);color:var(--primary-foreground,#fff);display:flex;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));opacity:0;padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2);position:absolute;right:calc(var(--spacing,.25rem)*1);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));z-index:10}.card-wrapper:hover .card-remix{opacity:1}