.dsa41.item.liturgy {


  .tab.meta.active {

    display: flex;
    flex-direction: column;

    div.head {
      flex: 0;
      height: unset;
      display: flex;
      flex-direction: column;
      padding: unset;
      margin: 8px;

      label {

        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 8px;
        height: 32px;

        span {
          height: 32px;
          line-height: 32px;
          vertical-align: middle;
        }

        input {

        }

      }

    }

    fieldset {
      flex: 1;
      margin: 8px;

      .auswirkungen {
        overflow-x: hidden;
        overflow-y: auto;

        .auswirkung {

          display: flex;
          flex-direction: row;

          .rank {
            padding-right: 8px;
            text-align: center;
            display: block;
            align-self: center;
          }

        }

      }

    }

  }

  .tab.commonality.active > section {

    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;

    .commonalities {
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto;
      height: unset;
      display: unset;
      padding: unset;

      .commonality {
        display: grid;
        grid-template-columns: 1fr 1fr 16px;
        height: 16px;
        margin-bottom: 8px;

        button {
          border: none;
          background: none;
          padding: 0;
          margin: 0;
          height: 16px;
          width: 16px;
          text-align: center;
          min-height: unset;

          &:hover {
            color: red;
          }

        }

        &:hover {
          background-color: rgba(0, 0, 0, 0.2)
        }

      }

    }

    fieldset {
      flex: 0;

      div.content {
        display: grid;
        grid-template-columns: 1fr 0.5fr;
        grid-template-rows: 54px 32px;
        gap: 8px;

        label {

          span {

            display: block;

          }

        }

      }

    }

  }

}
