/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

animateditor {
  display: block;
  position: relative;
  overflow: hidden;
}

.gb-animation-panel {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  > h2 {
    flex-basis: 100%;
  }
  > div {
    flex-basis: 48%;
    flex-grow: 1;
    &.repeat {
      opacity: 0.5;
      transition: opacity 0.4s;
      &:hover,
      &:active,
      &:focus {
        opacity: 1;
      }
    }
    &:nth-of-type(odd) {
      margin-right: 4%;
    }
    &:last-child {
      margin-right: 0;
    }
  }
}