.dsa41.sheet.actor.group {


  .window-content {
    display: unset;
    position: relative;
  }

  .sheet-header {
    .sheet-name {
      font-size: 24pt;
      height: 48px;
    }

  }

  .sheet-tabs {
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    height: 32px;
    padding: 0 16px;
  }

  .sheet-body {
    position: absolute;
    top: 98px;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 8px;
    margin: 8px;

    div.tab {
      height: 100%;
      position: relative;
    }
  }

  .characters-overview {

    display: inline-flex;
    overflow-x: auto;
    height: 100%;
    width: 100%;
    gap: 8px;

    &.minimal {
      display: unset!important;

      .character {
        display: inline-block;
        margin: 4px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      }
    }

    .character {

      width: 192px;
      position: relative;

      .header {

        position: relative;
        height: 80px;
        overflow: hidden;
        left: 0;
        right: 0;

        img {
          position: absolute;
          top: 0;
          height: 80px;
          width: 100%;
          left: 0;
          right: 0;

          &::before {

          }
        }

        span.name {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          text-align: center;
          background-color: rgba(0, 0, 0, 0.5);
          color: white;
        }

      }

      .mini-attributes {

        display: grid;
        height: 24px;
        grid-template-columns: repeat(8, 1fr);

        .mini-attribute {

          border-left: 1px solid black;
          position: relative;
          width: 24px;

          &:first-of-type {
            border-left: 0;
          }

          .value {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            line-height: 100%;
            vertical-align: middle;
            text-align: center;
            display: block;
          }

          .name {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 14px;
            text-align: center;
            display: block;
          }

        }

      }

      .fixedElements {
        position: absolute;
        overflow: scroll;
        top: 102px;
        bottom: 20px;
        left: 0;
        right: 0;

        .inline-list {
          list-style: none;
          padding: 0;
          display: block;

          .mini-skill, .mini-advantage {
            display: inline-block;
            padding: 0 4px;
            &:hover {
              text-shadow: 0 0 10px rgb(255 0 0);
            }
          }
        }
      }

      .owneroptions {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 36px;
      }

    }

  }

  .equipment:hover {
    .item-name {
      text-shadow: 0 0 10px rgb(255 0 0);
    }
  }

}