.theme-dark {
  .paperdoll {
    .paperdoll-image {
      fill: rgba(255, 255, 255, 0.05);
      stroke: rgba(255, 255, 255, 0.2);
    }
    .equipped {

      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 4px;
      border-color: rgba(255, 255, 255, 0.2);

      &::before {
        background-color: rgba(255, 255, 255, 0.2);
      }

      &.munition::after {
        border: 5px solid rgba(255, 255, 255, 0.4);
        border-left: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid transparent;
      }
    }
  }
}

.paperdoll {

    grid-area: equipment;
    position: relative;

    .paperdoll-image {
      fill: rgba(0, 0, 0, 0.5);
    }

    .equipped {

      background-color: rgba(0, 0, 0, 0.2);

      border: 1px inset #ccc;
      width: 34px;
      height: 34px;

      position: absolute !important;

      &.links {
        top: 320px;
        left: 250px;
      }

      &.links::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/offweapon.svg');
        mask-image: url('/systems/DSA_4-1/assets/offweapon.svg');
      }

      &.rechts {
        top: 320px;
        left: 20px;
      }

      &.rechts::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/mainweapon.svg');
        mask-image: url('/systems/DSA_4-1/assets/mainweapon.svg');
      }

      &.brust {
        top: 120px;
        left: 110px;
      }

      &.brust::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/chest.svg');
        mask-image: url('/systems/DSA_4-1/assets/chest.svg');
      }

      &.armlinks {
        top: 180px;
        left: 220px;
      }

      &.armlinks::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/left_bracers.svg');
        mask-image: url('/systems/DSA_4-1/assets/left_bracers.svg');
      }

      &.armrechts {
        top: 180px;
        left: 40px;
      }

      &.armrechts::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/right_bracers.svg');
        mask-image: url('/systems/DSA_4-1/assets/right_bracers.svg');
      }

      &.beinlinks {
        top: 400px;
        left: 200px;
      }

      &.beinlinks::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/left_boots.svg');
        mask-image: url('/systems/DSA_4-1/assets/left_boots.svg');
      }

      &.beinrechts {
        top: 400px;
        left: 70px;
      }

      &.beinrechts::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/right_boots.svg');
        mask-image: url('/systems/DSA_4-1/assets/right_boots.svg');
      }

      &.bauch {
        top: 200px;
        left: 136px;
      }

      &.bauch::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/shirt.svg');
        mask-image: url('/systems/DSA_4-1/assets/shirt.svg');
      }

      &.kopf {
        top: 40px;
        left: 136px
      }

      &.kopf::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/head.svg');
        mask-image: url('/systems/DSA_4-1/assets/head.svg');
      }

      &.fernkampf {
        top: 90px;
        left: 240px;
      }

      &.fernkampf::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/range.svg');
        mask-image: url('/systems/DSA_4-1/assets/range.svg');
      }

      &.ruecken {
        top: 120px;
        left: 160px;
      }

      &.ruecken::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/cape.svg');
        mask-image: url('/systems/DSA_4-1/assets/cape.svg');
      }

      &.munition {
        top: 40px;
        left: 240px;
      }

      &.munition::before {
        -webkit-mask-image: url('/systems/DSA_4-1/assets/quiver.svg');
        mask-image: url('/systems/DSA_4-1/assets/quiver.svg');
      }

      &::before {
        position: absolute;
        display: block;
        width: 34px;
        height: 34px;
        left: 0;
        bottom: 0;
        content: '';
        background-color: rgba(0, 0, 0, 0.8);
      }

      &.worn::before {
        display: none;
      }

      &.munition::after {
        content: "";
        position: absolute;
        display: block;
        border: 5px solid rgba(0, 0, 0, 0.4);
        border-left: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid transparent;
        height: 4px;
        background-color: transparent;
        bottom: -20px;
        width: 16px;
        left: 8px;
      }
    }

  }
