.icon[data-v-098666af] {
    background-color: currentColor;
    content: "";
    display: inline-block;
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%
}

.container-wrapper[data-v-098666af] {
    margin: 2rem auto 6rem;
    max-width: 60rem
}

.container-wrapper .container-content[data-v-098666af] {
    display: flex;
    flex-direction: column;
    margin: 0 1.6rem;
    position: relative
}

.container-wrapper .content[data-v-098666af] {
    margin-left: 16.8rem
}

.content .title{
    align-items: left;
    justify-content: left;
}

.container-wrapper .title[data-v-098666af] {
    color: var(--text-o-85,rgba(0,0,0,.85));
    font-family: var(--sans-font);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
}

.container-wrapper .line[data-v-098666af] {
    background: var(--divider-o-15,rgba(0,0,0,.15));
    height: .05rem;
    margin: 2.2rem 0;
    width: 100%
}

.container-wrapper .content-html[data-v-098666af] {
    color: var(--text-o-85,rgba(0,0,0,.85));
    font-family: var(--sans-font);
    font-size: .9rem;
    font-weight: 400;
    line-height: 180%
}

.container-wrapper .nav-tabs-wrapper[data-v-098666af] {
    bottom: 0;
    flex-shrink: 0;
    left: 0;
    margin-right: 2rem;
    position: absolute;
    top: 0;
    width: 14.8rem
}

.container-wrapper .nav-tabs[data-v-098666af] {
    position: sticky;
    top: 6.4rem;
    border: unset;
}

.container-wrapper .nav-tabs-item[data-v-098666af] {
    color: var(--text-o-50,rgba(0,0,0,.5));
    display: inline-block;
    font-family: var(--sans-font);
    font-size: .9rem;
    font-weight: 400;
    line-height: normal;
    padding: .8rem;
    width: 100%
}

.container-wrapper .nav-tabs-item[data-v-098666af]:hover {
    background: var(--background-b-2,#f7f8f9);
    border-radius: .4rem;
    color: var(--text-o-85,rgba(0,0,0,.85));
    font-family: var(--sans-font);
    font-weight: 600
}

.container-wrapper .nav-tabs-item.active[data-v-098666af] {
    color: #00c3b3;
    font-family: var(--sans-font);
    font-weight: 600
}

:root[lang|=ar] .container-wrapper .content[data-v-098666af] {
    margin-left: 0;
    margin-right: 16.8rem
}

:root[lang|=ar] .container-wrapper .nav-tabs-wrapper[data-v-098666af] {
    margin-left: 2rem;
    margin-right: 0;
    right: 0
}

@media only screen and (max-width: 768px) {
    .container-wrapper[data-v-098666af] {
        margin:2.4rem auto 4rem;
        max-width: 100%
    }

    .container-wrapper .container-content[data-v-098666af] {
        display: flex;
        flex-direction: column;
        margin: 0 2rem;
        position: relative
    }

    .container-wrapper .content[data-v-098666af] {
        margin-left: 0;
        margin-right: 0
    }

    .container-wrapper .title[data-v-098666af] {
        font-size: 2.8rem;
        letter-spacing: -.08rem;
        line-height: normal
    }

    .container-wrapper .line[data-v-098666af] {
        height: .1rem;
        margin: 3.2rem 0
    }

    .container-wrapper .content-html[data-v-098666af] {
        font-size: 1.6rem;
        line-height: 150%
    }

    .container-wrapper .nav-tabs-wrapper[data-v-098666af] {
        display: none
    }

    :root[lang|=ar] .container-wrapper .content[data-v-098666af] {
        margin-left: 0;
        margin-right: 0
    }
}

:root {
    --editor-text-color: var(--text-color-h1, rgba(0, 0, 0, 0.85));
    --editor-table-border-color: var(--primary-color-disable, rgba(27, 196, 125, 0.3));
    --editor-table-header-bg-color: var(--green-opacity-2, rgba(27, 196, 125, 0.1));
    --editor-link-color: var(--text-color-link, #5998e9);
    --editor-text-sub-color: var(--text-color-h2, rgba(0, 0, 0, 0.5));
    --editor-divider-line-color: var(--divider-color-default-1, rgba(0, 0, 0, 0.05));
    --editor-blockquote-bg-color: var(--bg-color-3, #f7f8f9)
}

.finantickdemo-editor.finantickdemo-editor-public--root {
    overflow: auto
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote,.finantickdemo-editor.finantickdemo-editor-public--root div,.finantickdemo-editor.finantickdemo-editor-public--root h1,.finantickdemo-editor.finantickdemo-editor-public--root h2,.finantickdemo-editor.finantickdemo-editor-public--root h3,.finantickdemo-editor.finantickdemo-editor-public--root h4,.finantickdemo-editor.finantickdemo-editor-public--root h5,.finantickdemo-editor.finantickdemo-editor-public--root h6,.finantickdemo-editor.finantickdemo-editor-public--root li,.finantickdemo-editor.finantickdemo-editor-public--root p,.finantickdemo-editor.finantickdemo-editor-public--root span {
    color: var(--editor-text-color);
    word-wrap: break-word;
    text-align: left;
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote,.finantickdemo-editor.finantickdemo-editor-public--root div,.finantickdemo-editor.finantickdemo-editor-public--root li,.finantickdemo-editor.finantickdemo-editor-public--root p,.finantickdemo-editor.finantickdemo-editor-public--root span {
    font-size: 18px;
    line-height: 1.8
}

.finantickdemo-editor.finantickdemo-editor-public--root h1,.finantickdemo-editor.finantickdemo-editor-public--root h2 {
    font-size: 28px;
    line-height: 1.3
}

.finantickdemo-editor.finantickdemo-editor-public--root h3 {
    font-size: 24px;
    line-height: 1.3
}

.finantickdemo-editor.finantickdemo-editor-public--root h4,.finantickdemo-editor.finantickdemo-editor-public--root h5,.finantickdemo-editor.finantickdemo-editor-public--root h6 {
    font-size: 18px;
    line-height: 1.3
}

.finantickdemo-editor.finantickdemo-editor-public--root h1,.finantickdemo-editor.finantickdemo-editor-public--root h2,.finantickdemo-editor.finantickdemo-editor-public--root h3,.finantickdemo-editor.finantickdemo-editor-public--root h4,.finantickdemo-editor.finantickdemo-editor-public--root h5,.finantickdemo-editor.finantickdemo-editor-public--root h6 {
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 16px
}

.finantickdemo-editor.finantickdemo-editor-public--root p {
    margin-top: 16px;
    margin-bottom: 16px
}

.finantickdemo-editor.finantickdemo-editor-public--root p b,.finantickdemo-editor.finantickdemo-editor-public--root p strong {
    font-weight: 700
}

.finantickdemo-editor.finantickdemo-editor-public--root em,.finantickdemo-editor.finantickdemo-editor-public--root i {
    font-style: italic
}

.finantickdemo-editor.finantickdemo-editor-public--root u {
    text-decoration: underline
}

.finantickdemo-editor.finantickdemo-editor-public--root ul {
    list-style-type: disc
}

.finantickdemo-editor.finantickdemo-editor-public--root ul ul {
    list-style-type: circle
}

.finantickdemo-editor.finantickdemo-editor-public--root ul ul ul {
    list-style-type: square
}

@supports (padding-inline-start:1em) {
    .finantickdemo-editor.finantickdemo-editor-public--root ul {
        padding-inline-start:24px}
}

@supports not (padding-inline-start:1em) {
    .finantickdemo-editor.finantickdemo-editor-public--root ul {
        padding-left: 24px
    }
}

.finantickdemo-editor.finantickdemo-editor-public--root ul li {
    text-indent: -2px
}

.finantickdemo-editor.finantickdemo-editor-public--root ol {
    list-style-type: decimal
}

.finantickdemo-editor.finantickdemo-editor-public--root ol ol {
    list-style-type: lower-latin
}

.finantickdemo-editor.finantickdemo-editor-public--root ol ol ol {
    list-style-type: lower-roman
}

@supports (padding-inline-start:1em) {
    .finantickdemo-editor.finantickdemo-editor-public--root ol {
        padding-inline-start:30px}
}

@supports not (padding-inline-start:1em) {
    .finantickdemo-editor.finantickdemo-editor-public--root ol {
        padding-left: 30px
    }
}

.finantickdemo-editor.finantickdemo-editor-public--root ol li {
    text-indent: -2px
}

.finantickdemo-editor.finantickdemo-editor-public--root dl,.finantickdemo-editor.finantickdemo-editor-public--root ol,.finantickdemo-editor.finantickdemo-editor-public--root ul {
    margin-top: 16px;
    margin-bottom: 16px
}

.finantickdemo-editor.finantickdemo-editor-public--root ol li,.finantickdemo-editor.finantickdemo-editor-public--root ul li {
    margin-bottom: 12px
}

.finantickdemo-editor.finantickdemo-editor-public--root ol li:last-child,.finantickdemo-editor.finantickdemo-editor-public--root ul li:last-child {
    margin-bottom: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root figure.table {
    min-width: 100%;
    overflow-x: auto
}

.finantickdemo-editor.finantickdemo-editor-public--root table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 2px;
    border: solid 1px var(--editor-table-border-color);
    border-color: var(--editor-table-border-color) transparent var(--editor-table-border-color) var(--editor-table-border-color);
    margin: 0 auto;
    min-width: 100%;
    table-layout: auto
}

.finantickdemo-editor.finantickdemo-editor-public--root table th {
    background-color: transparent;
    text-align: left
}

.finantickdemo-editor.finantickdemo-editor-public--root table td,.finantickdemo-editor.finantickdemo-editor-public--root table th {
    padding: 12px 4px 12px 8px;
    font-size: 14px;
    line-height: 1.5;
    border: solid 1px transparent;
    border-right-color: var(--editor-table-border-color);
    border-top-color: var(--editor-table-border-color);
    color: var(--editor-text-color);
    vertical-align: middle;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal
}

.finantickdemo-editor.finantickdemo-editor-public--root table td h1,.finantickdemo-editor.finantickdemo-editor-public--root table td h2,.finantickdemo-editor.finantickdemo-editor-public--root table td h3,.finantickdemo-editor.finantickdemo-editor-public--root table td h4,.finantickdemo-editor.finantickdemo-editor-public--root table td h5,.finantickdemo-editor.finantickdemo-editor-public--root table td h6,.finantickdemo-editor.finantickdemo-editor-public--root table td li,.finantickdemo-editor.finantickdemo-editor-public--root table td p,.finantickdemo-editor.finantickdemo-editor-public--root table td span,.finantickdemo-editor.finantickdemo-editor-public--root table th h1,.finantickdemo-editor.finantickdemo-editor-public--root table th h2,.finantickdemo-editor.finantickdemo-editor-public--root table th h3,.finantickdemo-editor.finantickdemo-editor-public--root table th h4,.finantickdemo-editor.finantickdemo-editor-public--root table th h5,.finantickdemo-editor.finantickdemo-editor-public--root table th h6,.finantickdemo-editor.finantickdemo-editor-public--root table th li,.finantickdemo-editor.finantickdemo-editor-public--root table th p,.finantickdemo-editor.finantickdemo-editor-public--root table th span {
    font-size: 14px;
    line-height: 1.5
}

.finantickdemo-editor.finantickdemo-editor-public--root table td:last-child,.finantickdemo-editor.finantickdemo-editor-public--root table th:last-child {
    padding: 12px 8px
}

.finantickdemo-editor.finantickdemo-editor-public--root table tr:first-child td,.finantickdemo-editor.finantickdemo-editor-public--root table tr:first-child th {
    background-color: var(--editor-table-header-bg-color);
    color: var(--editor-text-color);
    border-top-color: transparent;
    font-family: var(--sans-font);
    font-weight: 700
}

.finantickdemo-editor.finantickdemo-editor-public--root table thead+tbody tr:first-child td,.finantickdemo-editor.finantickdemo-editor-public--root table thead+tbody tr:first-child th {
    background-color: transparent;
    border-top-color: var(--editor-table-border-color);
    font-family: var(--sans-font);
    font-weight: 400
}

.finantickdemo-editor.finantickdemo-editor-public--root table td li,.finantickdemo-editor.finantickdemo-editor-public--root table td p,.finantickdemo-editor.finantickdemo-editor-public--root table td span,.finantickdemo-editor.finantickdemo-editor-public--root table th li,.finantickdemo-editor.finantickdemo-editor-public--root table th p,.finantickdemo-editor.finantickdemo-editor-public--root table th span {
    word-wrap: break-word;
    white-space: normal
}

.finantickdemo-editor.finantickdemo-editor-public--root table td,.finantickdemo-editor.finantickdemo-editor-public--root table th {
    min-width: 150px;
    max-width: 286px
}

.finantickdemo-editor.finantickdemo-editor-public--root .table {
    padding: 0 1px;
    margin: 0 auto
}

.finantickdemo-editor.finantickdemo-editor-public--root .table>table {
    margin: 0 auto
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-main-red {
    color: #fa1432
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-main-blue {
    color: #2354b8
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-red-i {
    color: #eb2832
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-red-ii {
    color: #af2329
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-red-iii {
    color: #f9bec1
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-black-000 {
    color: #000
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-black-333 {
    color: #333
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-black-666 {
    color: #666
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-black-999 {
    color: #999
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-evening-blue {
    color: #1e1955
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-russet-orange {
    color: #ff8200
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-ceylon-yellow {
    color: #fdd108
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-teal {
    color: #0fb423
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-ultra-violet {
    color: #7d19d2
}

.finantickdemo-editor.finantickdemo-editor-public--root .pen-nebulas-blue {
    color: #236eff
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote {
    border-radius: 8px;
    border: 0;
    background-color: var(--editor-blockquote-bg-color);
    padding: 16px 32px;
    font-style: italic;
    position: relative;
    margin: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote>figure.image,.finantickdemo-editor.finantickdemo-editor-public--root blockquote>figure.table {
    width: auto!important
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote>p {
    margin-top: 0;
    margin-bottom: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root blockquote::before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    left: 16px;
    background-size: 48px 48px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMzY2IDI3Ljk4NmMwLTUuNzcgMS4zNC0xMC4yODcgNC4wMTEtMTMuNTUyIDIuNDgyLTIuOTkxIDUuODctNS4wNDIgMTAuMTY1LTYuMTUzLjYxNS0uMTU5IDEuMi4zMTYgMS4yLjk1MXYzLjk1OWMwIC40MzUtLjI4Mi44MTctLjY5MS45NjctMy4zMiAxLjIxNS01LjU5MiAzLjI2Mi02Ljc5MSA2LjE0LS43MzIgMS42MzMtMS4wMiAzLjIwOS0uODc0IDQuNzI3SDQxYTEgMSAwIDAgMSAxIDFWMzlhMSAxIDAgMCAxLTEgMUgyNy4zNjZhMSAxIDAgMCAxLTEtMVYyNy45ODZ6TTYgMjcuOTg2YzAtNS42OTQgMS4zLTEwLjE5MiAzLjg5OC0xMy40OTUgMi40MjItMy4wMzUgNS44NS01LjEwOCAxMC4yOC02LjIyLjYxNC0uMTUzIDEuMTk2LjMyMSAxLjE5Ni45NTR2My45N2MwIC40MzQtLjI4LjgxNS0uNjg2Ljk2NS0zLjM1NyAxLjI0MS01LjYzNSAzLjI1LTYuODM2IDYuMDI1YTEwLjQ4NSAxMC40ODUgMCAwIDAtLjgyNCA0Ljg0aDcuNjJhMSAxIDAgMCAxIDEgMVYzOWExIDEgMCAwIDEtMSAxSDdhMSAxIDAgMCAxLTEtMVYyNy45ODZ6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNzk5Nl8zMjk0MikiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzc5OTZfMzI5NDIiIHgxPSIyNCIgeTE9IjgiIHgyPSIyNCIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3AvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+')
}

.finantickdemo-editor.finantickdemo-editor-public--root img {
    width: auto!important;
    max-width: 100%;
    max-height: 335px;
    border-radius: 6px;
    cursor: pointer
}

.finantickdemo-editor.finantickdemo-editor-public--root .image-inline.image-limit-height img,.finantickdemo-editor.finantickdemo-editor-public--root .image.image-limit-height img {
    max-height: 335px
}

.finantickdemo-editor.finantickdemo-editor-public--root .image-inline.image-unlimited-height img,.finantickdemo-editor.finantickdemo-editor-public--root .image.image-unlimited-height img {
    max-height: none
}

.finantickdemo-editor.finantickdemo-editor-public--root figure {
    margin: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root figure.image {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: table
}

.finantickdemo-editor.finantickdemo-editor-public--root figure.image img {
    margin: 0 auto
}

.finantickdemo-editor.finantickdemo-editor-public--root figure.image>a {
    position: relative;
    display: inline-block
}

.finantickdemo-editor.finantickdemo-editor-public--root figure.image>a::after {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: rgba(0,0,0,.4);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 100%;
    content: '';
    height: 20px;
    width: 20px;
    overflow: hidden
}

.finantickdemo-editor.finantickdemo-editor-public--root figcaption {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: var(--editor-text-sub-color);
    text-align: center;
    padding: 12px
}

.finantickdemo-editor.finantickdemo-editor-public--root .hr {
    border-bottom: 1px solid var(--editor-divider-line-color);
    font-size: 0;
    line-height: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root hr {
    height: 1px;
    background-color: var(--editor-divider-line-color);
    border: 0;
    margin: 16px 0
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.marker-yellow {
    background-color: var(--ck-highlight-marker-yellow)
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.marker-pink {
    background-color: var(--ck-highlight-marker-pink)
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.marker-blue {
    background-color: var(--ck-highlight-marker-blue)
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.marker-green {
    background-color: var(--ck-highlight-marker-green)
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.pen-red {
    background-color: initial;
    color: var(--ck-highlight-pen-red)
}

.finantickdemo-editor.finantickdemo-editor-public--root mark.pen-green {
    background-color: initial;
    color: var(--ck-highlight-pen-green)
}

.finantickdemo-editor.finantickdemo-editor-public--root a,.finantickdemo-editor.finantickdemo-editor-public--root a:active,.finantickdemo-editor.finantickdemo-editor-public--root a:hover,.finantickdemo-editor.finantickdemo-editor-public--root a:visited {
    color: var(--editor-link-color)
}

.finantickdemo-editor.finantickdemo-editor-public--root a.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:active.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.us-stock {
    color: #00b5ce
}

.finantickdemo-editor.finantickdemo-editor-public--root a.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:active.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.saudi-stock {
    color: #1bc47d
}

.finantickdemo-editor.finantickdemo-editor-public--root a.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:active.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:active.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.us-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.us-stock {
    cursor: auto
}

.finantickdemo-editor.finantickdemo-editor-public--root a.saudi-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a.us-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:active.saudi-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:active.us-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.saudi-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:hover.us-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.saudi-stock span,.finantickdemo-editor.finantickdemo-editor-public--root a:visited.us-stock span {
    color: inherit;
    background-color: inherit
}

.finantickdemo-editor.finantickdemo-editor-public--root pre {
    white-space: break-spaces
}

.finantickdemo-editor.finantickdemo-editor-public--root .mention {
    color: var(--editor-link-color);
    background-color: transparent
}

.finantickdemo-editor.finantickdemo-editor-public--root small {
    font-size: 80%
}

@media only screen and (max-width: 768px) {
    .finantickdemo-editor.finantickdemo-editor-public--root blockquote,.finantickdemo-editor.finantickdemo-editor-public--root div,.finantickdemo-editor.finantickdemo-editor-public--root li,.finantickdemo-editor.finantickdemo-editor-public--root p,.finantickdemo-editor.finantickdemo-editor-public--root span {
        font-size:16px;
        line-height: 1.5
    }

    .finantickdemo-editor.finantickdemo-editor-public--root h1,.finantickdemo-editor.finantickdemo-editor-public--root h2 {
        font-size: 20px
    }

    .finantickdemo-editor.finantickdemo-editor-public--root h3 {
        font-size: 18px
    }

    .finantickdemo-editor.finantickdemo-editor-public--root h4,.finantickdemo-editor.finantickdemo-editor-public--root h5,.finantickdemo-editor.finantickdemo-editor-public--root h6 {
        font-size: 16px
    }

    .finantickdemo-editor.finantickdemo-editor-public--root table td,.finantickdemo-editor.finantickdemo-editor-public--root table th {
        min-width: 100px;
        max-width: 154px
    }
}

@media only screen and (min-width: 769px) {
    .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help {
        --editor-text-color:rgba(0, 0, 0, 0.85);
        --editor-table-border-color: rgba(27, 196, 125, 0.3);
        --editor-table-header-bg-color: rgba(27, 196, 125, 0.1);
        --editor-link-color: #5998e9;
        --editor-text-sub-color: rgba(0, 0, 0, 0.5);
        --editor-divider-line-color: rgba(0, 0, 0, 0.05);
        --editor-blockquote-bg-color: #f7f8f9
    }
}

.finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure {
    text-align: left
}

.finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure.image {
    margin: 0
}

.finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure.image img {
    margin: 0
}

@media only screen and (max-width: 768px) {
    .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure {
        text-align:center
    }

    .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure.image {
        margin: 0 auto
    }

    .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure.image img {
        margin: 0 auto
    }
}

.finantickdemo-editor.finantickdemo-editor-public--root.feature-image-no-click img {
    cursor: auto
}

.finantickdemo-editor.finantickdemo-editor-public--root.feature-stock-click a.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root.feature-stock-click a.us-stock {
    cursor: pointer
}

.finantickdemo-editor.finantickdemo-editor-public--root.feature-stock-no-click a.saudi-stock,.finantickdemo-editor.finantickdemo-editor-public--root.feature-stock-no-click a.us-stock {
    cursor: auto
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root blockquote::before {
    left: initial;
    right: 16px;
    transform: rotateY(-180deg)
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root table {
    border-color: var(--editor-table-border-color) var(--editor-table-border-color) var(--editor-table-border-color) transparent
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root table th {
    text-align: right
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root table td,:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root table th {
    padding: 12px 8px 12px 4px;
    border-right-color: transparent;
    border-left-color: var(--editor-table-border-color)
}

@supports not (padding-inline-start:1em) {
    :root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root ul {
        padding-left: 0;
        padding-right: 24px
    }
}

@supports not (padding-inline-start:1em) {
    :root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root ol {
        padding-left: 0;
        padding-right: 24px
    }
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root figure.image a::after {
    left: 8px;
    right: initial
}

:root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure {
    text-align: right
}

@media only screen and (max-width: 768px) {
    :root[lang|=ar] .finantickdemo-editor.finantickdemo-editor-public--root.finantickdemo-help figure {
        text-align:center
    }
}

:root[theme=dark] .finantickdemo-editor.finantickdemo-editor-public--root blockquote::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMzY2IDI3Ljk4NmMwLTUuNzcgMS4zNC0xMC4yODcgNC4wMTEtMTMuNTUyIDIuNDgyLTIuOTkxIDUuODctNS4wNDIgMTAuMTY1LTYuMTUzLjYxNS0uMTU5IDEuMi4zMTYgMS4yLjk1MXYzLjk1OWMwIC40MzUtLjI4Mi44MTctLjY5MS45NjctMy4zMiAxLjIxNS01LjU5MiAzLjI2Mi02Ljc5MSA2LjE0LS43MzIgMS42MzMtMS4wMiAzLjIwOS0uODc0IDQuNzI3SDQxYTEgMSAwIDAgMSAxIDFWMzlhMSAxIDAgMCAxLTEgMUgyNy4zNjZhMSAxIDAgMCAxLTEtMVYyNy45ODZ6TTYgMjcuOTg2YzAtNS42OTQgMS4zLTEwLjE5MiAzLjg5OC0xMy40OTUgMi40MjItMy4wMzUgNS44NS01LjEwOCAxMC4yOC02LjIyLjYxNC0uMTUzIDEuMTk2LjMyMSAxLjE5Ni45NTR2My45N2MwIC40MzQtLjI4LjgxNS0uNjg2Ljk2NS0zLjM1NyAxLjI0MS01LjYzNSAzLjI1LTYuODM2IDYuMDI1YTEwLjQ4NSAxMC40ODUgMCAwIDAtLjgyNCA0Ljg0aDcuNjJhMSAxIDAgMCAxIDEgMVYzOWExIDEgMCAwIDEtMSAxSDdhMSAxIDAgMCAxLTEtMVYyNy45ODZ6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNzk5Nl8zMjk0MikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzk5Nl8zMjk0MiIgeDE9IjI0IiB5MT0iOCIgeDI9IjI0IiB5Mj0iNDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNzY3NjgwIiBzdG9wLW9wYWNpdHk9Ii4yNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzc2NzY4MCIgc3RvcC1vcGFjaXR5PSIuMTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=')
}