.ws-image-shadow--none {
  filter: none;
}

.ws-image-shadow--custom {
  filter: drop-shadow(
    var(--ws-image-shadow-x)
    var(--ws-image-shadow-y)
    var(--ws-image-shadow-blur)
    var(--ws-image-shadow-color)
  );
}

.ws-image-shadow--soft {
  filter: drop-shadow(0 18px 40px color-mix(in srgb, CanvasText 14%, transparent));
}

.ws-image-shadow--glow {
  filter:
    drop-shadow(0 0 24px color-mix(in srgb, currentColor 24%, transparent))
    drop-shadow(0 18px 50px color-mix(in srgb, CanvasText 12%, transparent));
}

.ws-image-shadow--cinematic {
  filter:
    drop-shadow(0 40px 80px color-mix(in srgb, CanvasText 22%, transparent))
    drop-shadow(0 12px 30px color-mix(in srgb, CanvasText 18%, transparent));
}

.ws-image-shadow--floating {
  filter:
    drop-shadow(0 28px 50px color-mix(in srgb, CanvasText 16%, transparent))
    drop-shadow(0 6px 16px color-mix(in srgb, CanvasText 12%, transparent));
}

.ws-image-shadow--brutal {
  filter: drop-shadow(12px 12px 0 currentColor);
}

.ws-image-shadow--layered {
  filter:
    drop-shadow(0 18px 0 color-mix(in srgb, currentColor 10%, transparent))
    drop-shadow(0 36px 0 color-mix(in srgb, currentColor 6%, transparent))
    drop-shadow(0 54px 40px color-mix(in srgb, CanvasText 18%, transparent));
}