* {
    font-family: 'Manrope', sans-serif;
}
h1 {
    font-weight: 900;
}
.disclaimer {
    font-size: 12px;
    margin: 10px auto 20px auto;
    ;
    font-weight: 400;
    color: red
}
label {
    margin-top: 20px;
}
#loading-button {
    display: none;
}
.highlight {
    text-decoration: underline !important;
    color: blue !important;
    cursor: pointer;
    display: inline-block;
}
.highlight {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: pointer;
}
.highlight .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.highlight.active .tooltiptext {
    visibility: visible;
}
a.sentence {
    color: black;
    background: #d0f2d0;
}
a.sentence.collapsed {
    background: transparent;
}
.collapse {
    margin: 10px 0;
}
.input-group {
    margin-top: 30px;
    position: relative;
}
.input-group {
    position: relative;
}
.input-group-addon {
    border: none;
}
.linkname {
    display: none;
}
#copyButton {
    cursor: pointer;
    background: #f1bb3a;
}
#copyTarget {
    border-left: none;
}
.copied {
    opacity: 0;
    position: absolute;
    left: 55px;
}
@media (min-width: 768px) {
    .copied {
        left: 135px;
    }
    .linkname {
        display: block;
        background: #3b3e45;
        color: #fff;
    }
}