:root{
    --font--dash--border:#59c1bd;
    --font--underLine-border:#72ece9;
    --font-marker--bg:0,0,0;
    --font--blockquote--left--bg:#FF0000;
    --font--spit--line--border: #000000;
}

.translatedTextContainer{
    margin: 8px 0 !important;
    display: inline-block;
}

.fontFamilyDashRest{
    background: linear-gradient(to right, var(--font--dash--border) 0%, var(--font--dash--border) 50%, transparent 50%, transparent 100%) repeat-x left bottom;
    background-size: 8px 2px;
    padding-bottom: 2px;
}

.fontFamilyUnderlineRest{
    border-bottom: 1px solid var(--font--underLine-border) !important;
}

.fontFamilyMaskRest{
    filter: blur(5px) !important;
    transition: filter 0.3s ease !important;
    border-radius: 10px;
    display: inline-block;
}

.fontFamilyMaskRest:hover{
    filter: none !important;
}

.fontFamilySpitLineRest{
    color: #f50a0a;
}

.fontFamilySpitLineRest::before{
    content: "";
    display: block;
    max-width: 80px;
    width: 10%;
    border-top: 1px dashed var(--font--spit--line--border);
    padding-top: 8px;
}


.fontFamilyMarkerReset{
    background:
            linear-gradient(to right, rgba(var(--font-marker--bg), 0.1), rgba(var(--font-marker--bg), 0.9) 3%, rgba(var(--font-marker--bg), 0.9) 35%, rgba(var(--font-marker--bg), 0.9) 70%, rgba(var(--font-marker--bg), 0.8) 95%, rgba(var(--font-marker--bg), 0.3));
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.fontFamilyBlockQuoteReset{
    border-left: 4px solid var(--font--blockquote--left--bg) !important;
    padding-left: 12px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}