.dsa41.sheet.actor.character {

  .head-data {

    .sidebar-element {

      height: 24px;
      width: 100%;
      margin-top: 4px;

      &.rollable {

        label {
          display: inline-block;
          line-height: 24px;
          vertical-align: middle;
        }

        .formula {
          display: inline-block;
          line-height: 24px;
          vertical-align: middle;
        }

        .die {

        }


        &:hover {
          .formula {
            text-shadow: 0 0 10px rgb(255 0 0);
          }
        }
      }

      &.resource-bar {

        position: relative;
        border: 1px inset #ccc;
        background-color: rgba(0, 0, 0, 0.2);

        label {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 48px;
          background-color: rgba(0, 0, 0, 0.1);
          z-index: 3;
          line-height: 24px;
          vertical-align: middle;
          text-indent: 8px;
        }

        span.resource-fill {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          background: linear-gradient(to bottom, #0bad29 0%, #11f128 50%, #0cde24 51%, #6ff77b 100%);
        }

      }

    }

  }

}