classroom-app/src/views/student-register/digital-tools/index.module.less

.digitalTools {
  overflow: hidden;
  background: #FFF4E2;


  .toolsSection {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFD3A7 30%, #FFE9E2 100%);
    box-shadow: 0px 1px 6px 0px #F0DAC8;
    border-radius: 10px;
    margin: 15px 12px 0;

    h2 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 18px;

      .toolsNumber {
        width: 162px;
        height: 18px;
      }

      .points {
        margin-right: 20px;
        width: 25px;
        height: 6px;
      }
    }

    .videoContainer {
      position: relative;
      padding: 13px 13px 10px;

      .videoBg {
        width: 100%;
        height: 182px;
        object-fit: cover;
      }

      .iconVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 34px;
        height: 34px;
      }
    }

    .toolsDetail {
      display: block;
      padding: 0 13px 10px;
      width: 100%;
    }
  }

  .tool2 {
    padding: 10px 6px 24px;
    width: 100%;
  }


  .videoPopup {
    width: 90%;
    border-radius: 10px;
    overflow: hidden;
    transform: none;
    margin-top: -95px;

    :global {

      .plyr--video {
        height: 190px !important;
      }

      .plyr--video.plyr--fullscreen-fallback {
        height: 100% !important
      }
    }
  }
}