/** {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}*/

body {
    /*background-color: rgb(230, 230, 230);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
    /*height: 90vh;*/
}

/*h1 {
    font-size: 40px;
    margin: 10px;
}*/

.main {
    /*display: flex;*/
    /*width: 1000px;
    height: 440px;*/
    border-radius: 10px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.video-container {
    /*width: 650px;*/
	background-color:white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(55, 55, 55, 0.2) 0px 7px 29px 0px;
    text-align: right;
    
}

.video-playlist {
    padding: 10px;
}

/*.video-playlist h2 {
    margin-left: 10px;
}*/

.video-container iframe {
    /*تنظیمات خودم*/
    /*width: 100%;
    height: 560px;
    border-radius: 10px;*/
    /*تنظیمات خودم*/
    /*تنظیمات آپارات*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*تنظیمات آپارات*/
}

/*تنظیمات آپارات*/
.h_iframe-aparat_embed_frame{
    position:relative;
}
.h_iframe-aparat_embed_frame .ratio{
    display:block;width:100%;height:auto;
}
.h_iframe-aparat_embed_frame iframe{
    position:absolute;top:0;left:0;width:100%;height:100%;
}
/*تنظیمات آپارات*/

.playlist-selector {
    /*width: 300px;*/
    padding: 10px;
    overflow-y: scroll;
    border-radius: 10px;
    box-shadow: rgba(55, 55, 55, 0.2) 0px 7px 29px 0px;
}

    .playlist-selector button {
        display: flex;
        align-items: center;
        /*width: 280px;
    height: 60px;*/
        border-radius: 5px;
        border: none;
        margin: 3px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        cursor: pointer;
    }

        .playlist-selector button:hover {
            background-color: rgb(200, 200, 200);
        }

.active {
    background-color: rgb(200, 200, 200);
}

h4 {
    margin: 5px;
}

.playlist-selector button img {
    /*width: 100px;
    height: 60px;*/
    border-radius: 5px 0px 0px 5px;
    margin-right: 10px;
    border-radius: 5px;
}

.img {
    border-radius: 5px;
    padding-left:10px;
}

.button-46 {
    align-items: center;
    background-color: rgba(240, 240, 240, 0.26);
    border: 1px solid #DFDFDF;
    border-radius: 16px;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 18px;
    /*justify-content: center;*/
    line-height: 28px;
    max-width: 100%;
    padding: 7px 11px;
    text-decoration: none;
    transition: all .2s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
}

.likeButton{
    /*float: left;
    bottom: 10%;*/
    /*transition: transform .2s;*/ /* Animation */
    /*position: absolute;
    right: 90%;*/
    cursor:pointer;
    /*float:left;*/
    padding-left:15px;
}
.likeButton:hover {
  /*transform: scale(1.5);*/ /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  /*animation: zoom-in-zoom-out 1s ease infinite;*/
  animation: zoom-in-zoom-out 1s;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%
  }
  /*50% {
    scale: 150%;
    color:red;
  }*/
  100% {
    scale: 110%;
  }
}
.tooltip2 {
  /*position: relative;*/
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip2:after {
  content: "پسند کردن";
  position: absolute;
  top: -30px;
  right: -30px;
  left: 0;
  display: none;
  text-align: center;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  padding: 2px;
  width:100px;
}
.tooltip2:hover:after {
  display: block;
}