.silhouette {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  filter: blur(var(--sp-050));
  opacity: .7;
  pointer-events: none;
  user-select: none;
}
.silhouette-row {
  display: grid;
  grid-template-columns: repeat(var(--silhouette-cols, 3), minmax(0, 1fr));
  gap: var(--gap);
}
.silhouette-card {
  display: flex;
  flex-direction: column;
  gap: var(--sp-200);
  min-height: calc(var(--sp-600) * 7);
  padding: var(--sp-300);
  background: var(--card);
  border: var(--bw) solid var(--line);
  border-radius: var(--r-l);
}
.silhouette-title,
.silhouette-field,
.silhouette-btn { display: block; background: var(--a-200); }
.silhouette-title { width: 40%; height: var(--sp-200); border-radius: var(--r-xs); }
.silhouette-field { height: var(--h-field); border-radius: var(--r); }
.silhouette-field:nth-child(3n) { width: 70%; }
.silhouette-bar { display: flex; justify-content: flex-end; gap: var(--sp-100); }
.silhouette-btn {
  width: calc(var(--sp-600) * 3);
  height: var(--h-btn);
  border-radius: var(--r-s);
}
.silhouette-btn:last-child { background: var(--a-300); }