.active-effect {

  display: flex;
  flex-direction: column;

  .header {
    flex: 0;
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    grid-template-rows: 48px;
    gap: 8px;

    input {
      height: 48px;
      line-height: 48px;
    }

    button {
      height: 48px;
      width: 48px;
    }
  }

  .meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 8px;

    label {
      flex: 0;
    }

    div.editor {
      flex: 1;
      border: 1px inset #ccc;
      background-color: rgba(0, 0, 0, 0.2)
    }


  }

}
