#loading-container {
    display: none;
    text-align: center;
}

.promotion-article-wrapper {
    max-width: 768px;
    margin: 0 auto;
}

.promotion-header-divider {
    padding-top: 16px;
}

.promotion-collapsible-container .promotion-collapsible-button {
    margin: 0 auto;
}

.promotion-item-body .promotion-content-button {
    width: 100%;
    margin-right: 8px;
}

.promotion-article-wrapper .promotion-content-image {
    display: block;
}

.promotion-article-wrapper .promotion-item-body {
    margin: 4px 16px 24px;
}

.promotion-article-wrapper .promotion-item-banner {
    margin: 0 auto;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.promotion-article-wrapper .promotion-item-banner img,
.promotion-article-wrapper img {
    width: 100%;
    border-radius: inherit;
}

.promotion-article .promotion-text-content.landing .promotion-content-container,
.promotion-article .promotion-text-content.category .promotion-content-container{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.promotion-article .promotion-text-content.landing.active .promotion-content-container,
.promotion-article .promotion-text-content.category.active .promotion-content-container{
    height: auto;
    display: block;
}

.promotion-article-wrapper .promotion-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.promotion-article-wrapper .promotion-button .promotion-readmore.hidden,
.promotion-article-wrapper .promotion-button .promotion-readless.hidden {
    display: none;
}

.promotion-article-wrapper .promotion-button .promotion-readmore,
.promotion-article-wrapper .promotion-button .promotion-readless {
    margin-left: 8px;
}

.promotion-article-wrapper.article {
    margin-top: 32px;
}

.promotion-text-content.article .promotion-content-button {
    width: 292px;
}

.promotion-content-container table th, tr, td {
    border: 1px solid var(--c-neutral-300);
}

.promotion-content-container table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.promotion-article-wrapper .category-name {
    margin: 10px 15px 20px;
    text-align: center;
}

.promotion-content-container a:not(.promotion-collapsible-button) img {
    margin-bottom: 10px;
}

.promotion-content-container a:not(.promotion-collapsible-button):has(img) {
    display: inline-block;
    width: 150px;
    text-align: center;
}

.promotion-content-container ol li:before, .promotion-content-container ul li:before {
    content: "";
}

.promotion-content-container ol li {
    list-style: decimal;
}

.promotion-content-container ul li {
    list-style: disc;
}

.promotion-item-body .promotion-content-container li:before {
    color: var(--spk-color-text-primary);
}

.promotion-button-wrapper {
    display: flex;
    margin: 16px 0 0;
    justify-content: center;
}

.promotion-article-category {
    height: 69px;
}

.promotion-article-category .category-name {
    padding-top: 16px;
}

.promotion-article-container {
    margin: 0 16px;
}

.promotion-category {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    height: 58px;
    margin-bottom: 32px;
}

.promotion-category::-webkit-scrollbar {
    display: none;
}

.promotion-category .promotion-navigation {
    width: auto;
    position: relative;
    padding: 0px;
    margin: 16px 0px;
}

.promotion-category .promotion-navigation .promotion-category-navigation {
    margin-right: 6px;
}

.promotion-article-container .article-content-container {
    padding-bottom: 16px;
}

.promotion-article-container .promotion-previous-article {
    text-align: center;
    margin: 8px 0 48px;
}

.article-tag-container {
    width: max-content;
    padding: 8px 0;
}

.article-tag-container .article-tag {
    padding: 6px 8px;
}

.article-tag-container .article-tag .article-tag-image {
    height: 8px;
    width: unset;
    margin-right: 4px;
}