@mixin tab($darkmode: false) {


  > div {
    height: unset;
  }

  table {
    border-top: unset;
    border-bottom: unset;
    position: relative;
    background: unset;

    tr {
      background-color: unset;
    }

  }

  .liturgy-header {
    background: unset;
    border: unset;

    tr {
      height: 90px;

      th {
        vertical-align: middle;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
      }
    }
  }

  td, th {
    padding-left: 8px;
  }
}

.tab-resources {
  display: flex;
  justify-content: center;
  gap: 0 16px;
  padding-bottom: 8px;

  & > div {


    height: 32px;
    position: relative;

    label {
      width: 80px;
      line-height: 32px;
      vertical-align: middle;
    }

    input {
      display: inline-block;
      width: 40px;
      height: 32px;
    }

    span.inline {
      line-height: 32px;
      vertical-align: middle;
      width: 40px;
      text-align: center;
    }


  }

}