@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1645668686063') format('truetype');
}

.playicon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.playicon-play-filling:before {
  content: "\e87e";
}

.playicon-playcircle:before {
  content: "\e80f";
}

.playicon-play:before {
  content: "\e75d";
}


.parent-pos {
  position: relative;
  display: inline-block;
}
.parent-pos .playicon{
  position: absolute;
  top: 50%;
  left: 50%;
  color: hsl(0deg 0% 100% / 80%);
  z-index: 9 ;
}

.playicon-size-1{
  font-size: 70px;
  margin-top: -52.5px;
  margin-left: -35px;
}
.playicon-size-2{
  font-size: 50px;
  margin-top: -37.5px;
  margin-left: -25px;
}
.playicon-size-3{
  font-size: 40px;
  margin-top: -30px;
  margin-left: -20px;
}
.playicon-size-4{
  font-size: 60px;
  margin-top: -45px;
  margin-left: -30px;
}