/* Effect picker tiles (make selected effect very obvious) */
.smr-effect-tile {
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease, background 120ms ease;
}
.smr-effect-tile:hover {
  transform: translateY(-1px);
}
.smr-effect-tile--selected {
  border-color: rgba(124, 58, 237, 0.95) !important;
  background: rgba(124, 58, 237, 0.22) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.60),
    0 0 0 2px rgba(124, 58, 237, 0.55),
    0 0 30px rgba(124, 58, 237, 0.30) !important;
  transform: translateY(-1px);
}
