.my-html-tag {
    font-family: rubik, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif !important;
    word-break: break-word
}

.my-html-tag ::v-deep(ul) {
    display: block;
    list-style-type: disc;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 2.5rem
}

.my-html-tag ::v-deep(li) {
    display: list-item
}

.my-html-tag ::v-deep(ol) {
    display: block;
    list-style-type: decimal;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 2.5rem
}

.my-html-tag ::v-deep(img) {
    display: inline-block
}

.my-html-tag ::v-deep(p) {
    display: block;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.my-html-tag table,
.my-html-tag tbody,
.my-html-tag td,
.my-html-tag th,
.my-html-tag tr {
    border: 1px solid !important
}

html[lang=vi-VN] body .my-html-tag {
    font-family: NotoSans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif !important
}

.my-html-tag {
    all: initial;
    line-height: 2
}

.my-html-tag p {
    display: block;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    word-break: break-word
}

.my-html-tag h1,
.my-html-tag h2,
.my-html-tag h3,
.my-html-tag h4,
.my-html-tag h5,
.my-html-tag h6 {
    display: block;
    font-weight: 700;
    margin-inline-end: 0;
    margin-inline-start: 0;
    text-decoration: none;
    word-break: break-word
}

.my-html-tag h1 {
    font-size: 2em;
    margin-block-end: .67em;
    margin-block-start: .67em
}

.my-html-tag h2 {
    color: #1e4dff;
    font-size: 1.5em;
    margin-block-end: .83em;
    margin-block-start: .83em
}

.my-html-tag h3 {
    font-size: 1.17em;
    margin-block-end: 1em;
    margin-block-start: 1em
}

.my-html-tag h4 {
    margin-block-end: 1.33em;
    margin-block-start: 1.33em
}

.my-html-tag h5 {
    font-size: .83em;
    margin-block-end: 1.67em;
    margin-block-start: 1.67em
}

.my-html-tag h6 {
    font-size: .67em;
    margin-block-end: 2.33em;
    margin-block-start: 2.33em
}

.my-html-tag a {
    word-break: break-word
}

.my-html-tag a,
.my-html-tag a:hover {
    color: #1e4dff;
    text-decoration: underline
}

.my-html-tag ul {
    display: block;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 40px
}

.my-html-tag ul ul {
    list-style-type: circle;
    margin-block-end: 0;
    margin-block-start: 0
}

.my-html-tag ul ul ul {
    list-style-type: square
}

.my-html-tag ol {
    display: block;
    list-style-type: decimal;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 40px
}

.my-html-tag ol ol {
    margin-block-end: 0;
    margin-block-start: 0
}

.my-html-tag blockquote {
    background: #f4f5f6;
    border-left: 6px solid #d8d9dc;
    color: #595959;
    margin-left: 0;
    padding: 4px 1rem
}

.my-html-tag code {
    background-color: #e8e8e8;
    border-radius: 3px;
    padding: .1rem .2rem
}

.my-html-tag pre code {
    background-color: initial;
    border-radius: 0;
    padding: 0
}

.my-html-tag hr {
    border: solid #ccc;
    border-width: 1px 0 0
}

.my-html-tag figure {
    display: table;
    margin: 1rem auto
}

.my-html-tag figure figcaption {
    color: #999;
    display: block;
    margin-top: .25rem;
    text-align: center
}

.my-html-tag table {
    border-collapse: collapse;
    overflow-x: auto
}

.my-html-tag tbody {
    border-color: inherit;
    display: table-row-group;
    vertical-align: middle
}

.my-html-tag tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit
}

.my-html-tag td,
.my-html-tag th {
    border-width: 1px;
    display: table-cell;
    vertical-align: inherit
}

.my-html-tag:after,
.my-html-tag:before {
    border: 1px solid #e5e7eb
}

.my-html-tag .table-container {
    max-width: 100%;
    overflow-x: auto
}

.my-html-tag table:not([cellpadding]) td,
.my-html-tag table:not([cellpadding]) th {
    padding: .4rem
}

.my-html-tag table[border]:not([border="0"]):not([style*=border-width]) td,
.my-html-tag table[border]:not([border="0"]):not([style*=border-width]) th {
    border-width: 1px
}

.my-html-tag table[border]:not([border="0"]):not([style*=border-style]) td,
.my-html-tag table[border]:not([border="0"]):not([style*=border-style]) th {
    border-style: solid
}

.my-html-tag table[border]:not([border="0"]):not([style*=border-color]) td,
.my-html-tag table[border]:not([border="0"]):not([style*=border-color]) th {
    border-color: #ccc
}