.pixel-canvas{opacity:.22;pointer-events:none;width:100%;height:100%;display:block}.pixel-card{border:1px solid var(--pixel-card-border,#27272a);background:var(--pixel-card-background,#0a0a0a);isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:24px;place-items:center;width:100%;height:100%;min-height:220px;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";background:var(--pixel-card-active-color,#f8fafc24);opacity:0;pointer-events:none;z-index:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:.5}.pixel-card>.pixel-canvas{z-index:1;position:absolute;inset:0}.pixel-card[data-variant=default]>.pixel-canvas{opacity:.34}.pixel-card[data-variant=default]:hover:before,.pixel-card[data-variant=default]:focus-within:before{opacity:.62}