.pagination {
    display: flex;
    flex-direction: row;
    padding: 58px 0;
    border-top: 1px solid #e8e8ef;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 720px) {
    .pagination {
        padding: 38px 0
    }
}

@media (max-width: 480px) {
    .pagination {
        padding: 28px 0
    }
}

.pagination-link {
    font-size: 17px;
    font-weight: 600;
    padding: 20px 0;
    text-decoration: none;
    color: #232526
}

.pagination-link svg {
    vertical-align: -6px;
    color: #e8e8ef
}

.pagination-link__disabled {
    pointer-events: none;
    opacity: 0.1
}

.pagination-link__disabled svg {
    color: #232526
}

.pagination-link:hover svg {
    color: #014fb0
}

@media (max-width: 720px) {
    .pagination-link {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .pagination-link span {
        display: none
    }
    .pagination-link svg {
        color: #232526
    }
}

.pagination-older {
    padding-left: 20px
}

.pagination-older svg {
    margin-left: 18px
}

.pagination-newer {
    padding-right: 20px
}

.pagination-newer svg {
    margin-right: 18px
}

.pagination-page {
    font-size: 16px;
    color: #aaafb4
}

@media (max-width: 720px) {
    .pagination-page {
        font-size: 14px
    }
}

.post-comments {
    display: none;
    padding: 0;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #e8e8ef
}

.post-comments__open {
    cursor: inital
}

.post-comments-view {
    font-size: 17px;
    font-weight: 600;
    padding: 68px 0;
    text-align: center;
    color: #18191c
}

.post-comments-view svg {
    width: 34px;
    height: 34px;
    margin-right: 20px;
    vertical-align: -11px;
    color: #c2c2cc
}

.post-comments-view:hover svg {
    color: #014fb0
}

@media (max-width: 720px) {
    .post-comments-view {
        padding: 58px 0
    }
}

@media (max-width: 480px) {
    .post-comments-view {
        padding: 48px 0
    }
}

.post-comments-disqus {
    display: none;
    padding: 68px 0
}

@media (max-width: 720px) {
    .post-comments-disqus {
        padding: 58px 0
    }
}

@media (max-width: 480px) {
    .post-comments-disqus {
        padding: 48px 0
    }
}

.post-nav {
    display: flex;
    flex-direction: row;
    padding: 35px 0;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

@media (max-width: 720px) {
    .post-nav {
        flex-direction: column;
        padding: 35px 0;
        align-content: center;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 480px) {
    .post-nav {
        padding: 48px 0
    }
}

.post-nav-previous,
.post-nav-next {
    display: block;
    max-width: 45%;
    text-decoration: none
}

.post-nav-previous:hover .post-nav-type,
.post-nav-next:hover .post-nav-type {
    color: #014fb0
}

.post-nav-next {
    margin-right: auto;
    text-decoration: none
}

.post-nav-next:hover .post-nav-inner {
    transform: translateX(-20px)
}

@media (max-width: 880px) {
    .post-nav-next:hover .post-nav-inner {
        transform: translateX(0px)
    }
}

@media (max-width: 720px) {
    .post-nav-next {
        max-width: 75%;
        margin: 0 0 48px;
        text-align: center
    }
    .post-nav-next:last-child {
        margin-bottom: 0
    }
}

.post-nav-previous {
    margin-left: auto;
    text-align: right
}

.post-nav-previous:hover .post-nav-inner {
    transform: translateX(20px)
}

@media (max-width: 880px) {
    .post-nav-previous:hover .post-nav-inner {
        transform: translateX(0px)
    }
}

@media (max-width: 720px) {
    .post-nav-previous {
        max-width: 75%;
        margin: 0 0 48px;
        text-align: center
    }
    .post-nav-previous:last-child {
        margin-bottom: 0
    }
}

.post-nav-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* justify-content: space-around; */
}

.post-nav-type {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px;
    color: #b2b5bb
}

@media (max-width: 720px) {
    .post-nav-type {
        margin: 0 0 18px
    }
}

@media (max-width: 480px) {
    .post-nav-type {
        margin: 0 0 14px
    }
}

.post-nav-title {
    font-family: "Muli", "Arial", Sans-Serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 22px;
    color: #18191c
}

@media (max-width: 720px) {
    .post-nav-title {
        margin: 0 0 18px
    }
}

@media (max-width: 480px) {
    .post-nav-title {
        margin: 0 0 14px
    }
}

.post-nav-published {
    font-size: 15px;
    color: #b2b5bb
}

@media (max-width: 720px) {
    .post-nav-published {
        font-size: 13px
    }
}

.post-footer {
    padding: 0 0 68px;
    border-bottom: 1px solid #e8e8ef
}

.post-footer>*:last-child {
    margin-bottom: 0
}

@media (max-width: 720px) {
    .post-footer {
        padding: 0 0 58px
    }
}

@media (max-width: 480px) {
    .post-footer {
        padding: 0 0 48px
    }
}

.post-authors {
    font-size: 17px;
    color: #9da0a7
}

.post-authors a:hover {
    -webkit-text-decoration-color: #eee;
    text-decoration-color: #eee
}

.post-share {
    display: flex;
    flex-direction: row;
    margin: -15px 0 68px;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 720px) {
    .post-share {
        margin-bottom: 58px;
        justify-content: center
    }
}

@media (max-width: 480px) {
    .post-share {
        margin-bottom: 48px
    }
}

.post-share-item {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin: 15px 32px 0 0;
    list-style: none;
    color: #303236
}

.post-share-item svg {
    width: 22px;
    height: 18px;
    margin-right: 8px;
    vertical-align: -3px;
    color: #ccd1d9
}

.post-share-item svg.svg-icon-stroke {
    width: 25px;
    height: 21px
}

.post-share-item a {
    display: block;
    text-decoration: none
}

@media (max-width: 880px) {
    .post-share-item {
        font-size: 14px;
        margin: 15px 20px 0 0
    }
    .post-share-item svg {
        width: 19px;
        height: 15px;
        margin-right: 4px
    }
}

.post-share-item-twitter {
    color: #55acee
}

.post-share-item-twitter a:hover svg {
    color: #55acee
}

.post-share-item-tooltip {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: -52px;
    left: -9px;
    width: 140px;
    padding: 8px 15px;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    color: #fff;
    color: #3c3b42;
    border-radius: 3px;
    background: #f7f5fb
}

.post-share-item-facebook {
    color: #3b5998
}

.post-share-item-facebook a:hover svg {
    color: #3b5998
}

.post-share-item-linkedin {
    color: #0e76a8
}

.post-share-item-linkedin a:hover svg {
    color: #0e76a8
}

.post-share-item-email {
    color: #82b541
}

.post-share-item-email a:hover svg {
    color: #82b541
}

.post-share-item-permalink {
    color: #303236
}

.post-share-item-permalink a:hover svg {
    color: #303236
}

.post-share-item-permalink-area {
    position: absolute;
    bottom: -80px;
    pointer-events: none
}

.post-share-item-permalink-area span {
    color: transparent
}

.post-share-item-permalink-copy {
    opacity: 0
}

.post-share-title {
    font-size: 17px;
    margin-right: 26px
}

@media (max-width: 720px) {
    .post-share-title {
        width: 100%;
        margin: 0 22px 14px 0;
        text-align: center
    }
}

.post-tags {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    margin: -15px 0 68px;
    padding: 0;
    color: #fff;
    flex-wrap: wrap
}

@media (max-width: 720px) {
    .post-tags {
        font-size: 12px;
        justify-content: center
    }
}

.post-tags-item {
    display: block;
    margin: 15px 15px 0 0
}

.post-tags-item a {
    display: block;
    padding: 13px 26px;
    text-decoration: none;
    color: #373839;
    border-radius: 40px;
    background: #f4f6f8
}

.post-tags-item a:hover {
    background: #eceff3
}

.post-tags-item:last-child {
    margin-right: 0
}

@media (max-width: 720px) {
    .post-tags-item {
        margin-right: 10px
    }
    .post-tags-item a {
        padding: 11px 22px
    }
}

.post-tags-item:first-child a {
    color: #fff;
    background: #014fb0
}

.post-tags-item:first-child a:hover {
    background: #003372
}

.post-reading-time {
    font-family: "Muli", "Arial", Sans-Serif;
    font-size: 12px;
    font-weight: 700;
    position: fixed;
    z-index: 500;
    right: 40px;
    bottom: 40px;
    padding: 12px 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0;
    color: #808080;
    border-radius: 3px;
    background-color: #f8f8fb
}

.post-reading-time__visible {
    opacity: 1
}

.post-reading-time:empty {
    display: none
}

@media (max-width: 880px) {
    .post-reading-time {
        font-size: 10px;
        padding: 10px 20px
    }
}

@media (max-width: 720px) {
    .post-reading-time {
        visibility: hidden;
        pointer-events: none
    }
}

.post-upgrade {
    display: flex;
    max-width: 120%;
    margin: 70px -10% 90px;
    padding: 70px;
    text-align: center;
    color: #535763;
    border: 1px solid #e8e8ef;
    border-radius: 3px;
    justify-content: center
}

.post-upgrade--members .post-upgrade__members {
    display: block
}

.post-upgrade--paid .post-upgrade__paid {
    display: block
}

@media (max-width: 1040px) {
    .post-upgrade {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding: 60px
    }
}

@media (max-width: 720px) {
    .post-upgrade {
        padding: 50px
    }
}

.post-upgrade__members,
.post-upgrade__paid {
    display: none
}

.post-upgrade__header {
    font-size: 32px;
    margin: 0 0 40px;
    text-transform: capitalize;
    color: #1b1c1f
}

@media (max-width: 720px) {
    .post-upgrade__header {
        font-size: 28px;
        margin: 0 0 28px
    }
}

.post-upgrade__description {
    font-size: 18px;
    line-height: 36px;
    width: 90%;
    max-width: 700px;
    margin: 40px auto
}

@media (max-width: 720px) {
    .post-upgrade__description {
        font-size: 16px;
        line-height: 30px
    }
}

.post-upgrade__button {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 90%;
    max-width: 350px;
    padding: 21px 42px;
    text-decoration: none;
    color: #fff;
    border-radius: 80px;
    background: #014fb0
}

.post-upgrade__button:hover {
    background: #003372
}

.post-upgrade__sign-in {
    font-size: 17px;
    margin: 40px 0 0;
    color: #7a7f91
}

.post-contents a {
    font-weight: 600;
    color: #535763;
    -webkit-text-decoration-color: #e7ecf1;
    text-decoration-color: #e7ecf1
}

.post-contents a:hover {
    -webkit-text-decoration-color: #014fb0;
    text-decoration-color: #014fb0
}

.post-contents code {
    font-family: "PT Mono", "Monaco", "Courier New", Sans-Serif;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin: 0 5px;
    padding: 0 8px;
    color: #2c3034;
    background: #f4f4f6
}

@media (max-width: 720px) {
    .post-contents code {
        font-size: 15px
    }
}

@media (max-width: 480px) {
    .post-contents code {
        font-size: 14px
    }
}

.post-contents mark {
    color: #19191b;
    background-color: #d4e7ff
}

.post-contents img {
    display: block;
    max-width: 120%;
    margin: 58px 0;
    margin-right: -10%;
    margin-left: -10%;
    border-radius: 2px
}

@media (max-width: 1040px) {
    .post-contents img {
        max-width: 100vw;
        margin-left: calc((100vw - 100%) / -2);
        border-radius: 0
    }
}

@media (max-width: 720px) {
    .post-contents img {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media (max-width: 480px) {
    .post-contents img {
        margin-top: 38px;
        margin-bottom: 38px
    }
}

.post-contents figure {
    max-width: 120%;
    margin: 58px 0;
    margin-right: -10%;
    margin-left: -10%;
    padding: 0
}

.post-contents figure img {
    max-width: 100%;
    height: auto;
    margin: 0 0 44px
}

@media (max-width: 1040px) {
    .post-contents figure img {
        max-width: 100vw;
        margin-left: calc((100vw - 100%) / -2);
        border-radius: 0
    }
}

@media (max-width: 720px) {
    .post-contents figure {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media (max-width: 480px) {
    .post-contents figure {
        margin-top: 38px;
        margin-bottom: 38px
    }
    .post-contents figure img {
        margin-bottom: 24px
    }
}

.post-contents .kg-image-card {
    max-width: 100%;
    margin: 58px 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0
}

.post-contents .kg-image-card.kg-width-full img {
    width: 100vw
}

@media (max-width: 720px) {
    .post-contents .kg-image-card {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media (max-width: 480px) {
    .post-contents .kg-image-card {
        margin-top: 38px;
        margin-bottom: 38px
    }
}

.post-contents .kg-width-wide {
    max-width: 120%;
    margin-right: -10%;
    margin-left: -10%
}

@media (max-width: 1040px) {
    .post-contents .kg-width-wide {
        max-width: 100vw;
        margin-left: calc((100vw - 100%) / -2);
        border-radius: 0
    }
}

.post-contents .kg-width-full {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2)
}

.post-contents figcaption {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0;
    color: #71747b
}

.post-contents figcaption a {
    color: #71747b
}

@media (max-width: 480px) {
    .post-contents figcaption {
        font-size: 14px
    }
}

.post-contents .kg-gallery-container {
    display: flex;
    flex-direction: column;
    max-width: 1040px
}

.post-contents .kg-gallery-row {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.post-contents .kg-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0
}

.post-contents .kg-gallery-row:not(:first-of-type) {
    margin: 0.75em 0 0 0
}

.post-contents .kg-gallery-image:not(:first-of-type) {
    margin: 0 0 0 0.75em
}

.post-contents blockquote {
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    line-height: 44px;
    max-width: 660px;
    margin: 58px 0 58px 54px;
    padding: 10px 0 10px 54px;
    color: #34373e;
    border-left: 5px solid #e8eef3
}

.post-contents blockquote p {
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    line-height: 44px;
    margin: 0 0 15px;
    color: #34373e
}

.post-contents blockquote footer,
.post-contents blockquote cite {
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    line-height: 38px;
    color: #a0a7ac
}

.post-contents blockquote footer a,
.post-contents blockquote cite a {
    text-decoration: none;
    color: #a0a7ac
}

@media (max-width: 720px) {
    .post-contents blockquote {
        font-size: 20px;
        line-height: 34px;
        margin: 48px 0 48px 32px;
        padding: 10px 0 10px 32px
    }
    .post-contents blockquote p {
        font-size: 20px;
        line-height: 34px;
        margin: 0 0 10px
    }
    .post-contents blockquote footer,
    .post-contents blockquote cite {
        font-size: 15px;
        line-height: 32px
    }
}

@media (max-width: 480px) {
    .post-contents blockquote {
        font-size: 18px;
        line-height: 32px;
        margin: 38px 0 38px 22px;
        padding: 10px 0 10px 28px
    }
    .post-contents blockquote p {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 10px
    }
}

.post-contents ul {
    margin: 48px 0 48px 44px;
    padding: 0
}

@media (max-width: 720px) {
    .post-contents ul {
        margin: 38px 0 38px 24px
    }
}

@media (max-width: 480px) {
    .post-contents ul {
        margin: 30px 0 30px 24px
    }
}

.post-contents li,
.post-contents ol {
    line-height: 38px;
    max-width: 660px;
    margin-bottom: 28px;
    padding-left: 24px
}

@media (max-width: 720px) {
    .post-contents li,
    .post-contents ol {
        margin-bottom: 22px
    }
}

@media (max-width: 720px) {
    .post-contents li,
    .post-contents ol {
        font-size: 17px;
        line-height: 34px
    }
}

@media (max-width: 480px) {
    .post-contents li,
    .post-contents ol {
        font-size: 16px;
        line-height: 30px
    }
}

.post-contents dl {
    margin: 48px 0 48px 34px;
    padding: 0
}

@media (max-width: 720px) {
    .post-contents dl {
        margin: 38px 0 38px 0
    }
}

@media (max-width: 480px) {
    .post-contents dl {
        font-size: 16px;
        margin: 28px 0 28px 0
    }
}

.post-contents dt {
    font-weight: 600;
    margin: 24px 0 18px;
    padding: 0;
    color: #403f44
}

@media (max-width: 720px) {
    .post-contents dt {
        margin: 22px 0 16px
    }
}

.post-contents dd {
    font-size: 17px;
    line-height: 34px;
    max-width: 640px;
    margin: 24px 0 34px 34px;
    padding: 0 0 0 34px;
    color: #535763;
    border-left: 2px solid #eee
}

@media (max-width: 720px) {
    .post-contents dd {
        margin: 18px 0 28px 24px
    }
}

@media (max-width: 720px) {
    .post-contents dd {
        font-size: 16px;
        line-height: 32px;
        padding: 0 0 0 28px
    }
}

@media (max-width: 480px) {
    .post-contents dd {
        font-size: 15px;
        line-height: 28px
    }
}

.post-contents figure.kg-code-card {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0
}

.post-contents figure.kg-code-card pre {
    margin-bottom: 35px
}

.post-contents pre {
    /*max-width: 120%;*/
    /*margin: 58px 0;*/
    /*margin-right: -10%;*/
    /*margin-left: -10%;*/
    /*padding: 57px 80px;*/
    /*border-radius: 2px;*/
    /*background: #0f0f10;*/
    /*-webkit-overflow-scrolling: touch*/
}

@media (max-width: 1040px) {
    /*.post-contents pre {*/
    /*    width: 100vw;*/
    /*    max-width: 100vw;*/
    /*    margin-left: calc((100vw - 100%) / -2);*/
    /*    border-radius: 0*/
    /*}*/
}

@media (max-width: 720px) {
    /*.post-contents pre {*/
    /*    margin-top: 48px;*/
    /*    margin-bottom: 48px;*/
    /*    padding: 48px 7.5%*/
    /*}*/
}

@media (max-width: 480px) {
    /*.post-contents pre {*/
    /*    margin-top: 38px;*/
    /*    margin-bottom: 38px;*/
    /*    padding: 38px 7.5%*/
    /*}*/
}

.post-contents pre code {
    font-family: "PT Mono", "Monaco", "Courier New", Sans-Serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 32px;
    overflow-x: auto;
    color: #f1f4f6;
    background: transparent
}

@media (max-width: 720px) {
    .post-contents pre code {
        font-size: 14px;
        line-height: 30px
    }
}

@media (max-width: 480px) {
    .post-contents pre code {
        font-size: 13px;
        line-height: 28px
    }
}

.post-contents table {
    font-family: "Muli", "Arial", Sans-Serif;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    width: 120%;
    max-width: 120%;
    height: auto;
    margin: 50px 0;
    margin-right: -10%;
    margin-left: -10%;
    border-collapse: collapse;
    border-radius: 2px
}

@media (max-width: 1060px) {
    .post-contents table {
        width: 100%;
        margin: 40px 0
    }
}

@media (max-width: 720px) {
    .post-contents table {
        left: 0;
        width: 100%;
        margin: 40px 0
    }
}

@media (max-width: 460px) {
    .post-contents table {
        margin: 35px 0
    }
}

@media (max-width: 680px) {
    .post-contents table {
        border: 0
    }
    .post-contents table caption {
        font-size: 13px
    }
    .post-contents table thead {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: none
    }
    .post-contents table tr {
        display: block;
        height: auto;
        margin-bottom: 30px;
        border-bottom: 3px solid #ddd
    }
    .post-contents table tr td:first-child {
        padding: 7px 0
    }
    .post-contents table tr:last-child {
        margin-bottom: 0
    }
    .post-contents table td {
        font-size: 15px;
        display: block;
        padding: 10px 0;
        text-align: right;
        border-bottom: 1px solid #ddd
    }
    .post-contents table td:before {
        font-weight: 700;
        float: left;
        content: attr(data-label)
    }
    .post-contents table td:last-child {
        border-bottom: 0
    }
}

.post-contents tr {
    height: 75px
}

.post-contents tr>td:first-child,
.post-contents tr>th:first-child {
    padding-left: 30px
}

.post-contents th {
    font-size: 15px;
    font-weight: 600;
    color: #171718;
    background: #f4f5f9
}

.post-contents td,
.post-contents th {
    padding: 8px;
    text-align: left
}

.post-contents td {
    font-size: 15px;
    font-weight: 400;
    color: #464646;
    border-bottom: 2px solid #fafafb
}

.post-contents iframe,
.post-contents twitterwidget {
    margin: 0 auto
}

.post-contents .fluid-width-video-wrapper {
    margin: 58px 0
}

@media (max-width: 720px) {
    .post-contents .fluid-width-video-wrapper {
        margin: 48px 0
    }
}

@media (max-width: 480px) {
    .post-contents .fluid-width-video-wrapper {
        margin: 38px 0
    }
}

.post-contents .kg-bookmark-card {
    overflow: hidden;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.post-contents .kg-bookmark-container {
    display: flex;
    text-decoration: none;
    color: #364247;
    flex-wrap: wrap
}

.post-contents .kg-bookmark-content {
    display: grid;
    min-width: 50%;
    padding: 25px;
    flex-basis: 0;
    flex-grow: 1000
}

.post-contents .kg-bookmark-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    color: #171818
}

.post-contents .kg-bookmark-description {
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    min-width: 0;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #535763
}

.post-contents .kg-bookmark-metadata {
    margin-top: 20px
}

.post-contents .kg-bookmark-metadata {
    font-size: 15px;
    display: flex;
    color: #727888;
    align-items: center
}

.post-contents .kg-bookmark-thumbnail {
    flex-basis: 20rem;
    flex-grow: 1
}

.post-contents .kg-bookmark-thumbnail img {
    width: 100%;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.post-contents .kg-bookmark-icon {
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle
}

.post-contents .kg-bookmark-author:after {
    background: red
}

.post-contents .kg-bookmark-author {
    margin-left: 10px
}

.post-contents .kg-bookmark-publisher::before {
    margin: 0 10px;
    content: '-'
}

@supports (-ms-ime-align: auto) {
    * {
        text-decoration: none !important
    }
    .post-cover-background {
        opacity: 0.5;
        background-blend-mode: normal
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    * {
        text-decoration: none !important
    }
    .post-cover-background {
        opacity: 0.5;
        background-blend-mode: normal
    }
}

.hljs-comment,
.hljs-quote {
    color: #585d61
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
    color: #f22c40
}

.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
    color: #ff6830
}

.hljs-string,
.hljs-symbol,
.hljs-bullet {
    color: #89dd64
}

.hljs-title,
.hljs-section {
    color: #18b2fd
}

.hljs-keyword,
.hljs-selector-tag {
    color: #88d6d9
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: bold
}