/* Start:/local/components/pimunn/publication.activity/templates/publication-activity/style.css?17879983956991*/
.chart_wrapper {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  border-top: 1px solid var(--color-gray-line);
  padding-top: 2.5rem;
}
@media screen and (max-width: 1200px) {
  .chart_wrapper {
    flex-direction: column;
  }
}
.chart_wrapper .chart_info {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  min-width: 300px;
  flex-basis: 300px;
  gap: 2rem;
}
@media screen and (max-width: 1200px) {
  .chart_wrapper .chart_info {
    flex-direction: row;
    max-width: 100%;
    min-width: 100%;
    flex-basis: auto;
  }
}
@media screen and (max-width: 576px) {
  .chart_wrapper .chart_info {
    flex-direction: column;
  }
}
.chart_wrapper .chart_info .chart_info_item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chart_wrapper .chart_graph {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.chart_wrapper .chart_graph .legend {
  margin-bottom: 2.5rem;
}
.chart_wrapper .chart_graph .legend ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.chart_wrapper .chart_graph .legend ul li {
  display: flex;
  pointer-events: none;
}
.chart_wrapper .chart_graph .legend ul li span {
  border-radius: 50%;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: block;
}

.university_ranking {
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 1200px) {
  .university_ranking {
    flex-direction: column;
  }
}
.university_ranking_item {
  display: flex;
  flex-wrap: wrap;
  flex-basis: calc(50% - 1.5rem);
  gap: 1rem;
}
@media screen and (max-width: 576px) {
  .university_ranking_item {
    flex-direction: column;
  }
}
.university_ranking_item .top {
  flex-basis: 100%;
  margin-bottom: 20px;
  max-width: 500px;
  min-height: 60px;
}
@media screen and (max-width: 1200px) {
  .university_ranking_item .top {
    min-height: auto;
  }
}
.university_ranking_item .col {
  flex-basis: calc(50% - 0.5rem);
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.university_ranking_item .up,
.university_ranking_item .down {
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: right 6px;
  background-size: 24px;
  width: fit-content;
}
@media screen and (max-width: 1400px) {
  .university_ranking_item .up,
  .university_ranking_item .down {
    padding-right: 25px;
    background-size: 18px;
    background-position: right 3px;
  }
}
.university_ranking_item .up {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_180_408)'%3E%3Cmask id='mask0_180_408' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath d='M24 0H0V24H24V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_180_408)'%3E%3Cpath d='M13.2233 5.95225L13.2233 23.7027L10.3072 23.7027L10.3061 5.9533L2.48477 13.7746L0.422442 11.7123L11.7652 0.369583L23.108 11.7124L21.0457 13.7747L13.2233 5.95225Z' fill='%2363D2A1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_180_408'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.university_ranking_item .down {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_179_401)'%3E%3Cmask id='mask0_179_401' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='-2' y='-3' width='28' height='27'%3E%3Cpath d='M25.5 10.5L12 -3L-1.5 10.5L12 24L25.5 10.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_179_401)'%3E%3Cpath d='M13.4396 17.3176L13.4396 -0.434393L10.5233 -0.434387L10.5222 17.3165L2.70019 9.49449L0.637671 11.557L11.9814 22.9007L23.3252 11.557L21.2627 9.49449L13.4396 17.3176Z' fill='%23FF3F75'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_179_401'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.chart_doughnut {
  display: flex;
  border-top: 1px solid var(--color-gray-line);
  gap: 50px;
}
@media screen and (max-width: 1200px) {
  .chart_doughnut {
    flex-direction: column;
  }
}
.chart_doughnut .chart_graph {
  flex-basis: calc(50% - 25px);
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
}
@media screen and (max-width: 1200px) {
  .chart_doughnut .chart_graph {
    flex-basis: auto;
  }
}
@media screen and (max-width: 576px) {
  .chart_doughnut .chart_graph {
    grid-template-columns: 100%;
  }
}
.chart_doughnut .chart_graph .legend {
  margin-bottom: 2.5rem;
}
.chart_doughnut .chart_graph .legend ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.chart_doughnut .chart_graph .legend ul li {
  display: flex;
  cursor: pointer;
  width: fit-content;
  align-items: flex-start;
}
.chart_doughnut .chart_graph .legend ul li span {
  border-radius: 50%;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: block;
}
.chart_doughnut .chart_graph canvas {
  max-width: 100%;
  aspect-ratio: 1;
  height: auto !important;
}
.chart_doughnut .chart_graph .chart_doughnut_title {
  grid-column: 1/-1;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .chart_doughnut .chart_graph .chart_doughnut_title {
    margin-top: 20px;
  }
}

.cards_citation {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
}
.cards_citation li {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 1500px) {
  .cards_citation li {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 768px) {
  .cards_citation li {
    width: 100%;
  }
}
.cards_citation li a {
  padding: 3rem;
  border: 1px solid var(--color-gray-line);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1593_920)'%3E%3Cpath d='M19.3406 7.259L3.56108 23.0385L0.96875 20.4462L16.7464 4.66667H2.84058V1H23.0072V21.1667H19.3406V7.259Z' fill='%23CACDD7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1593_920'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 47px) 47px;
  background-size: 24px;
  transition: background 0.2s;
}
@media screen and (max-width: 1600px) {
  .cards_citation li a {
    padding: 2rem;
    background-position: calc(100% - 31px) 31px;
    background-size: 20px;
  }
}
.cards_citation li a:hover {
  background-color: var(--color-blue-light);
}
.cards_citation li a h4 {
  padding-right: 27px;
}
.cards_citation li a .source {
  display: flex;
  gap: 10px;
}
.cards_citation li a .source img {
  border-radius: 50%;
  width: 42px;
  height: 42px;
}
.cards_citation li a .source .info h5 {
  font-weight: 500;
}
.cards_citation li a .source .info p {
  font-size: 0.75rem;
}
/* End */
/* /local/components/pimunn/publication.activity/templates/publication-activity/style.css?17879983956991 */