@charset "UTF-8";

.insta-item {display: flex; align-items: center;}
.insta-item>div {margin-right: 3px;}

.insta-item img {max-width: 14px;}

.insta_blind {display: none;}
.insta_blind span {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50rem;
  border: 1px solid #eee;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 25px;
  font-size: 20px;
  text-align: center;
  color: #fff;
}

.insta_list_box {border: 1px solid #eee; border-radius: 10px; position: relative; overflow: hidden;}
.insta_list_box:hover .insta_blind {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #00000052;
  color: #fff;
  width: 100%;
  height: 100%;
}
.insta_list_box a:hover {color: rgb(73, 80, 86);}

.insta_list_head {display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.5rem;}
.insta_list_head>div:first-child {font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.insta_list_head img {border: 1px solid #eee; border-radius: 50rem; width: 20px; height: 20px; box-shadow: 0 0 5px #00000026;}

.insta_subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
}