/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.ica-spinner{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-els-blue,oklch(56.48% .1303 241.79));box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;animation:1s linear infinite ica-spinner-rotation;display:inline-block}@keyframes ica-spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/assets/ElsevierGulliver-Regular-C_7VlezX.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ElsevierGulliver";
  font-weight: 300;
  src: url("/assets/ElsevierGulliver-Bold-BVjXJewH.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ElsevierGulliver";
  font-weight: 700;
  src: url("/assets/ElsevierGulliver-BoldItalic-BRaOkhDl.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ElsevierGulliver";
  font-style: italic;
  src: url("/assets/ElsevierGulliver-Italic-CzJyrUFd.woff2") format("woff2");
  font-display: swap;
}

.article-content {
  * {
    all: revert;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-family: "ElsevierGulliver", serif;
    font-weight: 400;
    line-height: 32px;
    color: #2e2e2e;
  }
 
  #title_group h1 {
    font-size: 32px;
    color: #1f1f1f;
    line-height: 48px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
 
  #keywords h2,
  #abstract_head,
  #heading_references {
    font-size: 24px;
    line-height: 34px;
    padding-top: 32px;
    padding-bottom: 8px;
  }
 
  #keyword_list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    li {
      font-style: normal;
      margin-right: 5px;
      /* content: ";"; */
    }
    li::after{
      content: ",";
    }
 
    dt:not(:last-child) > dfn::after {
      content: ";";
    }
  }
 
  figure {
    img {
      width: 100%;
      padding-top: 8px;
      padding-bottom: 16px;
      vertical-align: middle;
    }
 
    figcaption {
      color: #1f1f1f;
      font-size: 16px;
      line-height: 28px;
      padding-bottom: 16px;
    }
  }
 
  table {
    border-collapse: collapse;
    margin-left: 4px;
    margin-bottom: 16px;
    width: 100%;
 
    thead {
      border-top: 1px solid #969696;
      border-bottom: 1px solid #969696;
 
      th {
        font-weight: 300;
        text-align: left;
        vertical-align: top;
        padding: 4px;
 
        border: 1px solid black;
      }
    }
 
    tbody {
      border-bottom: 1px solid #969696;
 
      td {
        text-align: left;
        vertical-align: top;
        padding: 4px;
 
        border: 1px solid black;
      }
    }
 
    p {
      font-weight: inherit;
      min-height: 32px;
      padding: 0;
    }
  }
 
  #authors_affiliations {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    padding: 0 32px;
 
    ol {
      flex-wrap: wrap;
    gap: 4px 8px;
    display: flex;
    }
 
    li {
        display: flex;
        align-items: center;
 
        span {
          font-family: ElsevierSans, serif;
          color: #2e2e2e;
          line-height: 22px;
        }
 
        a {
          padding-left: 4px;
          text-decoration: none;
 
          sup {
            font-family: ElsevierSans, serif;
            font-variant-numeric: oldstyle-nums;
            line-height: 22px;
          }
        }
 
        &[data-corresponding="true"] {
          & > span[role="img"] {
            margin-left: 2px;
            width: 20px;
            height: 20px;
            mask-repeat: no-repeat;
            mask-size: 20px 20px;
            background-color: #242424;
            -webkit-mask-image: url("./../icons/person.svg");
            mask-image: url("./../icons/person.svg");
            mask-position: center;
 
            &[data-valid="false"] {
              background-color: #c83727;
            }
 
            &:last-of-type {
              -webkit-mask-image: url("./../icons/email.svg");
              mask-image: url("./../icons/email.svg");
            }
          }
        }
      }
 
    #authors {
      display: flex;
      column-gap: 8px;
      row-gap: 4px;
      flex-wrap: wrap;
 
      li {
        height: 22px;
        display: flex;
        align-items: center;
 
        span {
          font-family: ElsevierSans, serif;
          color: #2e2e2e;
          line-height: 22px;
        }
 
        a {
          padding-left: 4px;
          text-decoration: none;
 
          sup {
            font-family: ElsevierSans, serif;
            font-variant-numeric: oldstyle-nums;
            line-height: 22px;
          }
        }
 
        &[data-corresponding="true"] {
          & > span[role="img"] {
            margin-left: 2px;
            width: 20px;
            height: 20px;
            mask-repeat: no-repeat;
            mask-size: 20px 20px;
            background-color: #242424;
            -webkit-mask-image: url("./../icons/person.svg");
            mask-image: url("./../icons/person.svg");
            mask-position: center;
 
            &[data-valid="false"] {
              background-color: #c83727;
            }
 
            &:last-of-type {
              -webkit-mask-image: url("./../icons/email.svg");
              mask-image: url("./../icons/email.svg");
            }
          }
        }
 
        &:not(:last-child)::after {
          content: ",";
        }
      }
    }
 
    #affiliations {
      padding: 0 16px;
      counter-reset: item;
      display: flex;
      column-gap: 4px;
      flex-direction: column;
 
      li {
        padding-bottom: 4px;
        line-height: 22px !important;
        display: flex;
        align-items: center;
        column-gap: 12px;
 
        span {
          color: #737373;
          font-family: ElsevierSans, serif;
          line-height: 22px !important;
        }
 
        &::before {
          content: counter(item) " ";
          color: #737373;
          counter-increment: item;
          margin-top: -15px;
          font-family: ElsevierSans, serif;
          font-variant-numeric: oldstyle-nums;
        }
      }
    }
 
    #notes {
      #cor {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
 
        & > div {
          display: flex;
          column-gap: 8px;
          align-items: center;
          font-family: ElsevierSans, serif;
          line-height: 22px;
 
          & > span[role="img"] {
            width: 20px;
            height: 20px;
            mask-repeat: no-repeat;
            mask-size: 20px 20px;
            background-color: #242424;
            -webkit-mask-image: url("./../icons/person.svg");
            mask-image: url("./../icons/person.svg");
          }
 
          &:last-of-type {
            & > span[role="img"] {
              -webkit-mask-image: url("./../icons/email.svg");
              mask-image: url("./../icons/email.svg");
            }
          }
 
          &[data-valid="false"] {
            color: #c83727;
 
            & > span[role="img"] {
              background-color: #c83727;
            }
          }
        }
      }
    }
 
    #abstract {
      padding-bottom: 16px;
    }
  }
 
  #references_list {
    > li {
      list-style: none;
      margin: 0;
      padding-top: 8px;
      padding-bottom: 16px;
      gap: 8px;
    }
 
    li span {
      font-family: "ElsevierSans", sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
 
    li[id^="num_ref"] {
      display: flex;
    }
 
    li[id^="num_ref"] > div {
      padding-left: 0;
      display: flex;
      flex-direction: column;
    }
 
    li[id^="ref"] > div {
      padding-left: 24px;
      gap: 4px;
    }
 
    li > div > div > p,
    li > div > div > ol > li,
    li > div > div > ol > li > cite {
      color: #2e2e2e;
    }
 
    li > div > p {
      font-size: 16px;
      line-height: 26px;
    }
 
    li > div cite {
      font-family: "ElsevierSans", sans-serif;
      font-style: italic;
      font-size: 14px;
      line-height: 22px;
    }
 
    li > div > ol {
      display: inline-block;
      font-family: "ElsevierSans", sans-serif;
      font-size: 14px;
      line-height: 22px;
    }
 
    li > div > ol > li,
    li > div > div > ol > li {
      display: inline-block;
      font-family: "ElsevierSans", sans-serif;
      font-size: 14px;
      line-height: 22px;
    }
 
    li > div > ol:first-of-type > li:first-child::before,
    li > div > div > ol:first-of-type > li:first-child::before {
      content: none;
    }
 
    li > div > ol:first-of-type > li::before,
    li > div > div > ol:first-of-type > li::before {
      content: "\0020\2022\0020";
    }
 
    li > div a {
      color: #0272b1;
      text-decoration: none;
      font-family: "ElsevierSans", sans-serif;
      font-size: 16px;
      line-height: 24px;
    }
 
    li > div a:hover {
      color: #0272b1;
      text-decoration: underline;
      text-decoration-color: #eb6500;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
    }
 
    li > div > ol:last-of-type,
    li > div > div > ol:last-of-type {
      display: flex;
      flex-direction: row;
    }
 
    li > div > ol:last-of-type > li,
    li > div > div > ol:last-of-type > li {
      display: flex;
      flex-direction: row;
      gap: 6px;
      margin-right: 24px;
    }
 
    li > div > ol:last-of-type > li::after,
    li > div > div > ol:last-of-type > li::after {
      text-indent: -9999px;
      width: 7px;
      height: 20px;
      content: "test";
      background-color: #0272b1;
      -webkit-mask-image: url("./../icons/up-right.svg");
      mask-image: url("./../icons/up-right.svg");
      mask-size: 7px 20px;
      align-self: flex-end;
    }
  }
 
  div > section:not(#section_references) {
    h2 {
      color: #1f1f1f;
      font-size: 24px;
      line-height: 34px;
      padding-top: 32px;
      padding-bottom: 8px;
    }
 
    h3,
    h4,
    h5,
    h6 {
      color: #1f1f1f;
      font-size: 20px;
      line-height: 30px;
      padding-top: 8px;
      padding-bottom: 8px;
    }
 
    p {
      font-size: 16px;
      line-height: 32px;
      padding-bottom: 16px;
 
      sup,
      sub {
        font-variant-numeric: oldstyle-nums;
        line-height: 22px;
      }
    }
 
    a {
      color: #0272b1;
      text-decoration: none;
      margin-left: 4px;
    }
 
    a:hover {
      color: #0272b1;
      text-decoration: underline;
      text-decoration-color: #eb6500;
      text-decoration-thickness: 2px;
      text-underline-offset: 4px;
    }
 
    table {
      p {
        font-weight: inherit;
        min-height: 32px;
        padding: 0;
      }
    }
  }
 
  section > h2{
    color: #1f1f1f;
    padding-top: 32px;
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 34px;
  }
  section > h3{
    color: #1f1f1f;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 34px;
  }
 
  > div > div * {
    color: #6b6b6b;
  }
 
  > div > div:first-of-type:has(*)::before {
    content: "Unable to process";
    border-top: 1px solid #d1d1d1;
    font-family: "ElsevierSans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #6b6b6b;
    display: block;
  }
}.preview-feature-list {
  list-style: disc;
  padding: 0 25px;
  > li {
    font-size: 16px;
    color: #242424;
    line-height: 24px;
  }
}
