.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{position:relative;overflow:hidden;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);user-select:none}.pixel-card:not(.pixel-card--hero){height:400px;width:300px;display:grid;place-items:center;aspect-ratio:4/5;border:1px solid #27272a;border-radius:25px}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,#09090b,transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1)}.pixel-card:focus-within:before,.pixel-card:hover:before{opacity:1}.pixel-card.pixel-card--hero{width:100%;max-width:100%;height:auto;display:block;border:none;background:transparent;box-shadow:none;overflow:hidden}.pixel-canvas--on-top{position:absolute;inset:0;z-index:15;pointer-events:none}.pixel-card.pixel-card--hero:before{display:none}