.blog-design-mask.has-post-thumbnail .article-body-container, .blog-design-mask:not(.has-post-thumbnail) .article-inner {
    background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .8) 100%)
}

.blog-design-mask {
    --color-gray-300: rgba(255, 255, 255, 0.5);
    --color-gray-500: rgba(255, 255, 255, 0.7)
}

.blog-design-mask .article-inner {
    position: relative;
    overflow: hidden
}

.browser-Safari .blog-design-mask .article-inner {
    transform: translate3d(0, 0, 0)
}

.blog-design-mask .article-body-container {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 50px 25px 15px 25px !important;
    background-color: transparent !important;
    box-shadow: none
}

.browser-Safari .blog-design-mask .article-body-container {
    transform: translate3d(0, 0, 0)
}

.blog-design-mask .post-title {
    --sd-entities-title-color: #fff;
    --sd-entities-title-color-hover: rgba(255, 255, 255, 0.8)
}

.blog-design-mask .meta-categories-wrapp {
    position: static;
    margin-bottom: 10px
}

.blog-design-mask .sd-entry-content {
    color: rgba(255, 255, 255, 0.8)
}

.blog-design-mask :is(.sd-entry-content,.read-more-section) {
    display: none;
    margin-bottom: 15px
}

.blog-design-mask .post-image-mask {
    display: none
}

.blog-design-mask.sd-add-shadow .article-inner {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    transition: box-shadow .6s ease
}

.blog-design-mask.sd-add-shadow:hover .article-inner {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2)
}

.blog-design-mask:hover .article-body-container {
    box-shadow: none
}

.blog-design-mask.has-post-thumbnail .article-body-container {
    background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.8) 100%)
}

.blog-design-mask:not(.has-post-thumbnail) .article-inner {
    min-height: 300px;
    background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.8) 100%)
}

@media (max-width: 1024px) {
    .blog-design-mask .post-title {
        font-size: 18px
    }
}
