
:root{
  --referto-text-color: #e9a218;
  --referto-text-hover-color: #2c7fe7;
  --referto-literature-background-color: #318efd;
  --referto-title-background-color: #183153;
  --referto-content-text-color: #f1f1ef;
  --referfrom-text-shadow: rgba(35, 35, 35, 0.5);
  --referfrom-text-color: #f1f1ef;
  --referfrom-text-hover-color: #f2b94b;
  --referfrom-link-color: #403e3b;
  --referfrom-link-hover-color: #235dac;
  --referfrom-background-color: #f1f1ef;
  --reference-anchor-color: #183153;
  --reference-anchor-up-color: #318efd;
}
.reference-source {
    font-size: 16px;
    height: auto;
    line-height: 26px;
    width: fit-content;
    margin: 5px 0;
    max-width: 90%;
    background: var(--referfrom-background-color);
    -webkit-box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
    box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
    border-radius: 8px;
    padding-right: 10px;
}

.hidden-anchor {
    position: relative;
    top: -150px;
    display: inline-block;
    height: 0;
    overflow: hidden;
}
a.reference-anchor {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: var(--referfrom-text-color) !important;
    background: var(--reference-anchor-color);
    height: 30px;
    display: inline-block;
    width: fit-content;
    padding: 0 0 0 10px;
}
a.reference-link {
    color: var(--referfrom-link-color) !important;
    padding: 0 10px;
}
.reference-anchor-up {
    color: var(--referfrom-text-color) !important;
    height: 30px;
    width: 40px;
    padding: 0 0 0 10px;
    background: var(--reference-anchor-up-color);
    display: -webkit-inline-box !important;
    display: -moz-inline-box!important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox!important;
    display: inline-box!important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    clip-path: polygon(0 0, 10px 50%, 0 100%, 100% 100%, 100% 0);
}