/* [project]/components/ui/PixelCard.css [app-client] (css) */
.pixel-card {
  isolation: isolate;
  -webkit-backdrop-filter: blur(16px);
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(160deg, #ffffff08 0%, #ffffff03 100%), #33415573;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  transition: border-color .2s cubic-bezier(.5, 1, .89, 1), transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  overflow: hidden;
}

.pixel-card:hover, .pixel-card:focus-within {
  border-color: #64748b;
  transform: translateY(-1px);
  box-shadow: 0 0 16px #64748b26;
}

.pixel-canvas {
  z-index: 0;
  pointer-events: none;
  opacity: .7;
  display: block;
  position: absolute;
  inset: 0;
}

.pixel-card__content {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

/*# sourceMappingURL=components_ui_PixelCard_0zd6-wn.css.map*/