.nft-frame{--border-width:2px;--border-radius:8px;--gradient-start:rgba(255,255,255,0.1);--gradient-end:rgba(255,255,255,0.05);position:relative;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));padding:var(--border-width);aspect-ratio:1/1;display:flex}.nft-frame:before{inset:0;padding:var(--border-width);background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05),rgba(103,232,249,.1),rgba(37,99,235,.2))}.nft-frame:after,.nft-frame:before{content:"";position:absolute;border-radius:var(--border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.nft-frame:after{inset:-1px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(103,232,249,.05),rgba(37,99,235,.1))}.nft-image-wrapper{position:relative;border-radius:calc(var(--border-radius) - var(--border-width));overflow:hidden;width:100%;height:100%}.nft-image-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(37,99,235,.1),rgba(103,232,249,.1));mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease}.nft-frame:hover .nft-image-wrapper:before{opacity:1}.nft-image{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .3s ease}.nft-frame:hover .nft-image{transform:scale(1.02)}.nft-shine{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,transparent);transform:translateX(-100%);animation:shine 3s infinite}@keyframes shine{0%{transform:translateX(-100%)}20%,to{transform:translateX(100%)}}