.featured_articles {
  box-sizing: border-box;
  margin: var(--featured-articles-block-margin-top, 1.5rem) var(--featured-articles-active-block-margin-right, auto) var(--featured-articles-block-margin-bottom, 1.5rem) var(--featured-articles-active-block-margin-left, auto);
  max-width: var(--featured-articles-block-max-width, 1160px);
  padding-left: 1rem;
  padding-right: 1rem;
  width: auto;
}

.featured_articles * {
  box-sizing: border-box;
}

body .pkp_structure_main .featured_articles .featured_articles_heading {
  color: var(--featured-articles-block-title-color, inherit) !important;
  font-family: var(--featured-articles-block-title-font-family, inherit) !important;
  font-size: var(--featured-articles-block-title-font-size, 1.25rem) !important;
  font-style: var(--featured-articles-block-title-font-style, normal) !important;
  font-weight: var(--featured-articles-block-title-font-weight, 700) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.featured_articles_heading + .featured_articles_list,
.featured_articles_heading + .featured_articles_viewport {
  margin-top: var(--featured-articles-heading-article-gap, 0.75rem);
}

.featured_articles_list {
  display: flex;
  flex-direction: column;
  gap: var(--featured-articles-article-gap, 1rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.featured_articles_list_item,
.featured_articles_slide {
  background: #fff;
  border: var(--featured-articles-card-border-width, 1px) solid var(--featured-articles-card-border-color, #d9dde3);
  border-radius: var(--featured-articles-card-radius, 3px) var(--featured-articles-card-radius, 3px) 0 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.featured_articles_radius_all .featured_articles_list_item,
.featured_articles_radius_all .featured_articles_slide {
  border-radius: var(--featured-articles-card-radius, 3px);
}

.featured_articles_card_header {
  background: var(--featured-articles-card-header-background-color, transparent) !important;
  padding: 0.8rem 0.95rem 0.7rem;
}

.featured_articles_banner {
  position: relative;
}

.featured_articles_viewport {
  height: var(--featured-articles-min-height, 13rem);
  overflow: hidden;
  position: relative;
}

.featured_articles_viewport.has_expanded_abstract {
  overflow: hidden;
}

.featured_articles_slide {
  display: none;
  flex-direction: column;
  height: 100%;
  inset: 0;
  opacity: 0;
  transition: opacity 180ms ease;
}

.featured_articles_slide.is_active {
  display: flex;
  opacity: 1;
}

.featured_articles_slide.is_clickable {
  cursor: pointer;
}

.featured_articles_slide:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

body .pkp_structure_main .featured_articles .featured_articles_title,
body .pkp_structure_main .featured_articles .featured_articles_title_link {
  color: var(--featured-articles-title-color, inherit) !important;
  font-family: var(--featured-articles-title-font-family, inherit) !important;
  font-size: var(--featured-articles-title-font-size, 1.15rem) !important;
  font-style: var(--featured-articles-title-font-style, normal) !important;
  font-weight: var(--featured-articles-title-font-weight, 700) !important;
  line-height: 1.28 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

body .pkp_structure_main .featured_articles .featured_articles_inline_heading {
  color: var(--featured-articles-block-title-color, inherit) !important;
  font-family: var(--featured-articles-block-title-font-family, inherit) !important;
  font-size: var(--featured-articles-block-title-font-size, 1.25rem) !important;
  font-style: var(--featured-articles-block-title-font-style, normal) !important;
  font-weight: var(--featured-articles-block-title-font-weight, 700) !important;
  line-height: inherit !important;
  white-space: pre-wrap !important;
}

body .pkp_structure_main .featured_articles .featured_articles_title_link:hover,
body .pkp_structure_main .featured_articles .featured_articles_title_link:focus,
body .pkp_structure_main .featured_articles .featured_articles_slide.is_clickable:hover .featured_articles_title,
body .pkp_structure_main .featured_articles .featured_articles_slide.is_clickable:focus .featured_articles_title,
body .pkp_structure_main .featured_articles .featured_articles_slide.is_clickable:hover .featured_articles_title_text,
body .pkp_structure_main .featured_articles .featured_articles_slide.is_clickable:focus .featured_articles_title_text {
  color: var(--featured-articles-title-hover-color, var(--featured-articles-title-color, inherit)) !important;
  font-style: var(--featured-articles-title-hover-font-style, var(--featured-articles-title-font-style, normal)) !important;
  font-weight: 700;
  text-decoration: none;
}

.featured_articles_abstract_link:hover,
.featured_articles_abstract_link:focus,
.featured_articles_journal_link:hover,
.featured_articles_journal_link:focus {
  font-weight: 700;
  text-decoration: none;
}

body .pkp_structure_main .featured_articles .featured_articles_authors {
  background: var(--featured-articles-authors-background-color, transparent) !important;
  color: var(--featured-articles-authors-color, inherit) !important;
  font-family: var(--featured-articles-authors-font-family, inherit) !important;
  font-size: var(--featured-articles-authors-font-size, 0.96rem) !important;
  font-style: var(--featured-articles-authors-font-style, normal) !important;
  font-weight: var(--featured-articles-authors-font-weight, 400) !important;
  line-height: 1.45 !important;
  margin-top: 0 !important;
  padding: calc(0.35rem + var(--featured-articles-title-author-gap, 0.35rem)) 0.95rem 0.35rem !important;
}

.featured_articles_article.journal_below .featured_articles_authors {
  margin-top: 0 !important;
  padding-top: calc(0.35rem + var(--featured-articles-journal-author-gap, 0.35rem)) !important;
}

.featured_articles_author {
  display: inline;
  white-space: nowrap;
}

.featured_articles_author_icon {
  align-items: center;
  display: inline-flex;
  height: 0.8em;
  justify-content: center;
  margin-left: 0;
  text-decoration: none !important;
  vertical-align: super;
  width: 0.8em;
}

.featured_articles_author_icon + .featured_articles_author_icon {
  margin-left: 0.08rem;
}

.featured_articles_orcid_link {
  margin-left: 0.2rem;
}

.featured_articles_email_link + .featured_articles_orcid_link {
  margin-left: 0.2rem;
}

.featured_articles_author_icon svg {
  display: block;
  height: 0.75em;
  width: 0.75em;
}

.featured_articles_email_icon {
  color: #006798;
  font-size: 0.7em;
  line-height: 1;
  position: relative;
  top: -0.22em;
}

body .pkp_structure_main .featured_articles .featured_articles_journal {
  color: var(--featured-articles-journal-color, inherit) !important;
  font-family: var(--featured-articles-journal-font-family, inherit) !important;
  font-size: var(--featured-articles-journal-font-size, 0.92rem) !important;
  font-style: var(--featured-articles-journal-font-style, italic) !important;
  font-weight: var(--featured-articles-journal-font-weight, 400) !important;
  line-height: 1.35 !important;
  margin-bottom: var(--featured-articles-journal-title-gap, 0.25rem) !important;
}

.featured_articles_journal.below_title {
  margin-bottom: 0 !important;
  margin-top: var(--featured-articles-title-journal-gap, 0.25rem) !important;
}

.featured_articles_journal_link {
  color: inherit;
  text-decoration: none;
}

body .pkp_structure_main .featured_articles .featured_articles_abstract,
body .pkp_structure_main .featured_articles .featured_articles_abstract_link {
  color: var(--featured-articles-abstract-color, inherit) !important;
  font-family: var(--featured-articles-abstract-font-family, inherit) !important;
  font-size: var(--featured-articles-abstract-font-size, 0.98rem) !important;
  font-style: var(--featured-articles-abstract-font-style, normal) !important;
  font-weight: var(--featured-articles-abstract-font-weight, 400) !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

.featured_articles_abstract {
  background: var(--featured-articles-abstract-background-color, transparent) !important;
  margin: 0 !important;
  padding: calc(0.55rem + var(--featured-articles-author-abstract-gap, 0.55rem)) 0.95rem 0.8rem !important;
}

.featured_articles_banner .featured_articles_abstract {
  flex: 1 1 auto;
  min-height: 0;
}

.featured_articles_abstract_link {
  display: inline;
}

.featured_articles_clamp {
  display: block;
  overflow: hidden;
}

.featured_articles_abstract.is_expanded,
.featured_articles_abstract_link.is_expanded {
  max-height: none !important;
  overflow: visible !important;
}

.featured_articles_banner .featured_articles_abstract.is_expanded {
  flex: 1 1 auto;
  overflow: auto !important;
}

.featured_articles_abstract_expand {
  background: transparent;
  border: 0;
  color: var(--featured-articles-abstract-color, currentColor);
  cursor: pointer;
  display: inline;
  font-family: inherit;
  font-size: 0.95em;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-left: 0.25rem;
  padding: 0;
  position: static;
  text-decoration: none;
  vertical-align: baseline;
}

.featured_articles_abstract_expand:hover,
.featured_articles_abstract_expand:focus {
  text-decoration: none;
}

.featured_articles_abstract_expand:focus {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.featured_articles_controls {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.featured_articles_arrow {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 3px;
  box-shadow: 0 0.18rem 0.7rem rgba(0, 0, 0, 0.18);
  color: var(--featured-articles-arrow-color, rgba(0, 0, 0, 0.72));
  cursor: pointer;
  display: flex;
  font-size: 1.15rem;
  font-weight: 700;
  height: 3.35rem;
  justify-content: center;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease;
  width: 1.65rem;
  z-index: 2;
}

.featured_articles_arrow::before {
  background: var(--featured-articles-arrow-background-color, #fff);
  content: "";
  inset: 0;
  opacity: var(--featured-articles-arrow-background-opacity, 0.92);
  position: absolute;
  z-index: 0;
}

.featured_articles_arrow_icon {
  display: block;
  height: 1.25rem;
  pointer-events: none;
  position: relative;
  width: 1.25rem;
  z-index: 1;
}

.featured_articles_banner:hover .featured_articles_arrow,
.featured_articles_banner:focus-within .featured_articles_arrow {
  opacity: 1;
}

.featured_articles_arrow:hover,
.featured_articles_arrow:focus {
  box-shadow: 0 0.22rem 0.85rem rgba(0, 0, 0, 0.26);
}

.featured_articles_arrow_prev {
  left: 1rem;
}

.featured_articles_arrow_next {
  right: 1rem;
}

@media (max-width: 640px) {
  .featured_articles {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .featured_articles_title.mobile_clamp,
  .featured_articles_title_link.mobile_clamp,
  .featured_articles_authors.mobile_clamp,
  .featured_articles_journal.mobile_clamp,
  .featured_articles_abstract_link.mobile_clamp {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }

  .featured_articles_arrow {
    font-size: 1rem;
    height: 2.65rem;
    opacity: 1;
    width: 1.4rem;
  }

  .featured_articles_arrow_prev {
    left: 0;
  }

  .featured_articles_arrow_next {
    right: 0;
  }
}
