.star-border-container{border-radius:20px;display:inline-block;position:relative;overflow:hidden}.star-border-container .border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.star-border-container .border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.star-border-container .star-border-inner-content{z-index:1;position:relative}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{aspect-ratio:4/5;isolation:isolate;-webkit-user-select:none;user-select:none;border:1px solid #27272a;border-radius:25px;place-items:center;width:300px;height:400px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#09090b,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;top:0;bottom:0;left:0;right:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}