/* Shared across the portfolio and editor. Shadows follow PNG alpha, not its rectangle. */
:root {
  --pill-bottom-shadow: drop-shadow(0 2px 2px oklch(24% .015 285 / .17))
                        drop-shadow(0 9px 10px oklch(24% .015 285 / .12));
}
/* Safari can paint opaque rectangles when blur and shadows share one image filter.
   Keep the same blur-then-shadow order on separate elements. */
.pill {
  filter: var(--pill-bottom-shadow);
}
.pill img {
  filter: blur(var(--pill-blur, 0px));
}
.asset-choice img,
.layer-row img {
  filter: drop-shadow(0 1px 1px oklch(24% .015 285 / .17))
          drop-shadow(0 3px 3px oklch(24% .015 285 / .12));
}
@media (max-width: 760px) {
  .pill {
    --pill-bottom-shadow: drop-shadow(0 1.5px 2px oklch(24% .015 285 / .17))
                          drop-shadow(0 6px 7px oklch(24% .015 285 / .12));
  }
}