.maf-widget-class-action {
  transition-property: opacity, transform;
  transition-duration: var(--maf-widget-duration-in, var(--maf-widget-duration, 500ms));
  transition-timing-function: var(--maf-widget-easing, ease);
  transition-delay: 0ms;
  will-change: opacity, transform;
}

.maf-widget-class-action[data-maf-background-action="yes"] {
  transition-property: opacity, transform, background-color;
  will-change: opacity, transform, background-color;
}

.maf-widget-class-action[data-maf-content-color-action="yes"] {
  transition-property: opacity, transform, color;
  will-change: opacity, transform, color;
}

.maf-widget-class-action[data-maf-content-color-action="yes"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  span,
  li,
  small,
  strong,
  em,
  b,
  label,
  button,
  .elementor-heading-title,
  .elementor-button-text,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor *
) {
  transition-property: color;
  transition-duration: var(--maf-widget-content-color-current-duration, var(--maf-widget-content-color-duration-in, 300ms));
  transition-timing-function: var(--maf-widget-easing, ease);
}

.maf-widget-class-action[data-maf-icon-color-action="yes"] :where(
  .elementor-icon,
  .elementor-icon *,
  .elementor-button-icon,
  .elementor-button-icon *,
  .elementor-social-icon,
  .elementor-social-icon *,
  .e-font-icon-svg,
  .e-font-icon-svg *,
  [class^="eicon"],
  [class*=" eicon"],
  [class^="fa"],
  [class*=" fa"]
) {
  transition-property: color, fill, stroke;
  transition-duration: var(--maf-widget-icon-color-current-duration, var(--maf-widget-icon-color-duration-in, 300ms));
  transition-timing-function: var(--maf-widget-easing, ease);
}

.maf-widget-class-action--collapsed {
  display: none !important;
}

.maf-widget-class-action[data-maf-widget-action="none"] {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.maf-widget-class-action[data-maf-background-before="yes"] {
  background-color: var(--maf-widget-background-before);
}

.maf-widget-class-action.maf-widget-class-action--active[data-maf-background-action="yes"] {
  background-color: var(--maf-widget-background-after);
}

.maf-widget-class-action[data-maf-content-color-before="yes"],
.maf-widget-class-action[data-maf-content-color-before="yes"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  span,
  li,
  small,
  strong,
  em,
  b,
  label,
  button,
  .elementor-heading-title,
  .elementor-button-text,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor *
) {
  color: var(--maf-widget-content-color-before) !important;
}

.maf-widget-class-action.maf-widget-class-action--active[data-maf-content-color-action="yes"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-content-color-action="yes"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  span,
  li,
  small,
  strong,
  em,
  b,
  label,
  button,
  .elementor-heading-title,
  .elementor-button-text,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor *
) {
  color: var(--maf-widget-content-color-after) !important;
}

.maf-widget-class-action[data-maf-icon-color-before="yes"] :where(
  .elementor-icon,
  .elementor-icon *,
  .elementor-button-icon,
  .elementor-button-icon *,
  .elementor-social-icon,
  .elementor-social-icon *,
  .e-font-icon-svg,
  .e-font-icon-svg *,
  [class^="eicon"],
  [class*=" eicon"],
  [class^="fa"],
  [class*=" fa"]
) {
  color: var(--maf-widget-icon-color-before) !important;
  fill: var(--maf-widget-icon-color-before) !important;
  stroke: var(--maf-widget-icon-color-before) !important;
}

.maf-widget-class-action.maf-widget-class-action--active[data-maf-icon-color-action="yes"] :where(
  .elementor-icon,
  .elementor-icon *,
  .elementor-button-icon,
  .elementor-button-icon *,
  .elementor-social-icon,
  .elementor-social-icon *,
  .e-font-icon-svg,
  .e-font-icon-svg *,
  [class^="eicon"],
  [class*=" eicon"],
  [class^="fa"],
  [class*=" fa"]
) {
  color: var(--maf-widget-icon-color-after) !important;
  fill: var(--maf-widget-icon-color-after) !important;
  stroke: var(--maf-widget-icon-color-after) !important;
}

.maf-widget-class-action[data-maf-widget-action="show"],
.maf-widget-class-action[data-maf-widget-action="fade_in"],
.maf-widget-class-action[data-maf-widget-action="move_up"],
.maf-widget-class-action[data-maf-widget-action="move_down"],
.maf-widget-class-action[data-maf-widget-action="move_left"],
.maf-widget-class-action[data-maf-widget-action="move_right"],
.maf-widget-class-action[data-maf-widget-action="zoom_in"],
.maf-widget-class-action[data-maf-widget-action="zoom_out"] {
  opacity: 0;
  pointer-events: none;
}

.maf-widget-class-action[data-maf-widget-action="move_up"] {
  transform: translate3d(0, var(--maf-widget-distance, 40px), 0);
}

.maf-widget-class-action[data-maf-widget-action="move_down"] {
  transform: translate3d(0, calc(var(--maf-widget-distance, 40px) * -1), 0);
}

.maf-widget-class-action[data-maf-widget-action="move_left"] {
  transform: translate3d(var(--maf-widget-distance, 40px), 0, 0);
}

.maf-widget-class-action[data-maf-widget-action="move_right"] {
  transform: translate3d(calc(var(--maf-widget-distance, 40px) * -1), 0, 0);
}

.maf-widget-class-action[data-maf-widget-action="zoom_in"] {
  transform: scale(0.92);
}

.maf-widget-class-action[data-maf-widget-action="zoom_out"] {
  transform: scale(1.08);
}

.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="show"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="fade_in"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="move_up"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="move_down"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="move_left"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="move_right"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="zoom_in"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="zoom_out"] {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.maf-widget-class-action[data-maf-widget-action="hide"],
.maf-widget-class-action[data-maf-widget-action="fade_out"] {
  opacity: 1;
  pointer-events: auto;
}

.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="hide"],
.maf-widget-class-action.maf-widget-class-action--active[data-maf-widget-action="fade_out"] {
  opacity: 0;
  pointer-events: none;
}

.elementor-sticky__spacer .maf-widget-class-action,
.elementor-sticky__spacer .maf-widget-class-action.maf-widget-class-action--active {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}