/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./resources/assets/styles/components/author.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.author__avatar {
  width: 35px;
  height: 35px;
}
.author__info {
  z-index: 4;
}
.author__info svg {
  opacity: 0.5;
}
.author__info:hover svg {
  opacity: 1;
}
.author__info__dd {
  position: absolute;
  top: 100%;
  margin-top: 20px;
  width: 220px;
}
.author__info__dd::before {
  content: "";
  position: absolute;
  top: -5px;
  width: 10px;
  height: 10px;
  background-color: var(--primary-variant);
  transform: rotate(45deg);
}
.author__info.active .author__info__dd {
  display: block;
}
.author__info__avatar {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
}
@media (min-width: 768px) {
  .author__info__dd {
    left: -20px;
  }
  .author__info__dd::before {
    left: 27px;
  }
  .checker {
    border-left: 1px solid currentColor;
  }
}
@media (max-width: 767.98px) {
  .author__info__dd {
    right: -20px;
  }
  .author__info__dd::before {
    right: 27px;
  }
}