/**
 * Theme Name:     Styler Child
 * Author:         Ninetheme
 * Template:       styler
 * Text Domain:	   styler-child
 * Description:    We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
 */
element {
}
.action-content.active {
  opacity: 1;
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.action-content {
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
}
.action-content {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  padding: 35px 50px;
  background: var(--styler-light);
  max-height: 100%;
  z-index: 3;
  overflow: auto !important;
  opacity: 0;
  -moz-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  -webkit-transform: translateX(-150%);
  transform: translateX(-150%);
  will-change: transform;
  -webkit-transition: opacity 0.15s ease, transform 0.75s ease;
  transition: opacity 0.15s ease, transform 0.75s ease;
}