.dark-theme {
  .trainer-content {
    .user-training {
      .user-training-label {
        .user-training-input {
          border-bottom: 1px solid #9e9e9e;
        }
      }

      .user-training-list {
        .user-training-item {
          display: grid;
          grid-template-columns: 20px 42px 1fr 32px;
          align-items: center;
          gap: 12px;
          padding: 10px 4px;
          position: relative;
          border-top: 1px solid #c9c9c9;
        }

        .user-training-drag {
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: grab;
          color: #a7abad;

          svg circle {
            fill: #a7abad;
          }
        }

        .user-training-icon {
          width: 42px;
          height: 42px;
          border-radius: 12px;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
          overflow: hidden;

          img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            padding: 6px;
          }
        }

        .user-training-name {
          font-size: 16px;
          line-height: 1.25;
          color: #4a4d50;
        }

        .user-training-remove {
          border: none;
          background: transparent;
          padding: 0;
          margin: 0;
          width: 32px;
          height: 32px;
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #3bc279;
          cursor: pointer;
          transition: transform .08s ease, background .2s ease;
        }

        .user-training-empty {
          padding: 20px 0;
          color: #9e9e9e;
          text-align: center;
        }
      }
    }
  }

  .sheet {
    background: #323232;

    .sheet__header {
      .sheet__grabber {
        background: #9e9e9e;
      }

      .sheet__title {
        color: #f0f0f0;
      }
    }

    .sheet__body {
      .cards {
        .card {
          background: #3e3e3e;
        }

        .card-link {
          .thumb-wrap {
            position: relative;
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;

            .thumb {
              width: 48px;
              height: 48px;
              object-fit: contain;
            }

            .thumb-outline {
              position: absolute;
              inset: 0;
              border: 1px solid #5CD18D;
              border-radius: 16px;
            }
          }

          .title {
            color: #f0f0f0;
          }
        }
      }
    }
  }
}