.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);display:block;image-rendering:pixelated;position:relative;transition:--fold-size .22s cubic-bezier(.22,.61,.36,1);--fold-size:14px;-webkit-mask:linear-gradient(225deg,transparent calc(var(--fold-size)*.7071 - .25px),#000 calc(var(--fold-size)*.7071 + .25px));mask:linear-gradient(225deg,transparent calc(var(--fold-size)*.7071 - .25px),#000 calc(var(--fold-size)*.7071 + .25px))}@media(hover:hover)and (pointer:fine){.card:hover{--fold-size:28px}}.card .square{border-radius:calc(var(--radius-sm) - 1px);overflow:hidden}.card:after{background:linear-gradient(225deg,var(--border) calc(50% + 1.25px),var(--surface) calc(50% + 1.75px));border-bottom:1px solid var(--border);border-bottom-left-radius:var(--radius-sm);border-left:1px solid var(--border);content:"";height:var(--fold-size);pointer-events:none;position:absolute;right:-1px;top:-1px;width:var(--fold-size);z-index:1}.card .size-full{transition:transform .32s cubic-bezier(.22,.61,.36,1)}.card.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent),var(--shadow)}.card-empty,.card-pad{align-items:center;display:flex;justify-content:center}.card-empty{color:color-mix(in oklab,var(--muted) 45%,transparent);height:100%;width:100%}.card-empty .icon{height:32px;width:32px}.card .size-full{-o-object-fit:contain;object-fit:contain}.card-anim-badge{align-items:center;background:#0000009e;border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:9px;font-weight:800;gap:3px;left:5px;letter-spacing:.06em;padding:2px 6px;pointer-events:none;position:absolute;top:5px}