.design-system--grid {
    width: 100%
}

.scroll-offset:before {
    content: "";
    display: block;
    height: 125px;
    margin-top: -125px
}

.full-width {
    width: 100%
}

.flex,
.w-input-checkbox {
    display: flex;
    align-items: center
}

.w-input-checkbox {
    gap: .5rem
}

.w-input-checkbox .input-checkbox {
    display: none
}

.w-input-checkbox .input-checkbox:checked~.input-checkbox-icon:before {
    background-color: #10c46e;
    border-color: #10c46e;
    color: #fff
}

.w-input-checkbox .input-checkbox-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    cursor: pointer;
    width: 100%
}

.w-input-checkbox .input-checkbox-icon:before {
    font-weight: 700;
    font-size: 1rem;
    width: 24px;
    height: 24px;
    border: 1px solid #777;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5rem
}

.w-input-checkbox .input-checkbox-icon:hover:before {
    border-color: #101010;
    color: #101010
}

.w-input-checkbox .input-checkbox-label {
    font-size: .875rem;
    color: #101010
}

.wrapper:has(.w-hub-widgets) {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.wrapper:has(.w-hub-widgets):has(.theme-tech) {
    margin-bottom: 2.5rem
}

.w-hub-widgets {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative
}

.w-hub-widgets-two-columns {
    display: grid;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding: 0
}

.w-hub-widgets-two-columns .w-hub-rate,
.w-hub-widgets-two-columns .w-hub-thread,
.w-hub-widgets-two-columns .w-hub-video {
    display: grid;
    gap: 0
}

.w-hub-widgets-two-columns .w-hub-rate .hub-header,
.w-hub-widgets-two-columns .w-hub-rate .section-header {
    justify-content: flex-start
}

.w-hub-widgets-two-columns .display-card {
    margin-bottom: 0
}

.hub-header {
    border: none;
    width: 100%;
    margin: 0;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: start;
    padding-top: 0
}

.w-hub-widgets .hub-header {
    align-items: center;
    display: flex
}

.hub-header:has(.w-user-interaction) {
    justify-content: flex-start
}

.hub-header--border-top {
    border-top: 2px solid #e9e9e9;
    padding-top: 1rem
}

.hub-header .w-user-interaction {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hub-header .w-hub-title {
    display: flex;
    align-items: center;
    gap: .5rem
}

.hub-header .hub-title {
    display: flex;
    gap: .5rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #343434;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase
}

.hub-header .hub-title a {
    color: #343434
}

.hub-header .hub-title a:hover {
    color: #49bf3c
}

.hub-header .hub-title .i-thread-hub:before {
    content: "\E97E";
    font-size: 1em
}

.hub-header .hub-title .i-video-hub:before {
    content: "\E998";
    font-size: 1em
}

.hub-header .hub-title--no-icon {
    font-size: 1.5rem;
    text-transform: none;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: .25rem;
    line-height: 1.75rem
}

.hub-header .hub-title--no-icon .icon {
    display: none
}

.hub-header .section-view-all-link {
    align-items: center;
    margin-top: 3px;
    background: none
}

.hub-header .threads-text.extra-date {
    margin-top: -3px
}

.threads-text.extra-date {
    background: #f2f2f2;
    border-radius: 20px;
    height: 20px;
    font-size: .75rem;
    font-weight: 500;
    color: #343434;
    line-height: 1;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: .25rem
}

.threads-text.extra-date i {
    color: #e4002b;
    font-size: .875rem
}

.w-hub-thread--half-width .hub-thread {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem
}

.w-hub-thread--half-width .hub-thread.w-thread-topics {
    grid-template-rows: auto 1fr;
    display: grid;
    gap: .5rem
}

.w-hub-thread--half-width .hub-thread .homepage-threads-list {
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    overflow: hidden
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options {
    padding: 4px 0 0;
    grid-area: prompt-details;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    background-color: transparent;
    margin-bottom: -8px;
    border-top: none
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-threads-author .threads-text.user {
    font-size: .75rem
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-details .threads-text.author {
    font-weight: 700;
    gap: .5rem;
    align-items: center
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra .comment {
    color: #777
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra .comment:before {
    font-size: 1rem
}

.w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a) {
    color: #333
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-homepage-hub-list {
    padding: .5rem .75rem .75rem;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: .75rem;
    align-content: end
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-homepage-hub-list .section-view-all-link {
    display: none
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .threads-list-label,
.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-list-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    grid-template-areas: "hub-topic-card"
}

@container topic-list-container (width > 460px) {
    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element {
        flex-basis: 100%
    }
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element .topics-content,
.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element .topics-featured-img {
    grid-area: hub-topic-card
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element .topics-featured-img {
    z-index: 1;
    width: 100%;
    height: 100%
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element .topics-content {
    z-index: 2;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9), transparent 70%, transparent)
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .topics-options {
    padding: 0
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info {
    padding: .5rem 1rem;
    background-color: #f2f2f2;
    border-radius: 8px;
    gap: 1rem;
    height: -moz-fit-content;
    height: fit-content
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info {
    flex-direction: row;
    align-items: center;
    width: unset;
    flex-grow: 1
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info-label {
    font-size: .625rem;
    color: #101010
}

.w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info-number {
    color: #101010
}

.w-hub-thread--half-width .threads-list-tabs {
    display: flex;
    gap: 1rem
}

.w-hub-thread--half-width .threads-list-tabs .threads-list-input {
    display: none
}

.w-hub-thread--half-width .threads-list-tabs input[type=radio]:checked+label {
    color: #49bf3c
}

.w-hub-thread--half-width .threads-list-tabs .threads-list-label {
    transition: all .3s ease;
    cursor: pointer
}

.w-hub-thread--half-width .threads-list-tabs .threads-list-label:hover {
    opacity: .8
}

.w-hub-thread--half-width .threads-list-tabs .threads-list-label:first-of-type {
    border-right: 2px solid #777;
    padding-right: 1rem
}

.w-hub-thread--half-width .threads-list-tabs:has(input#tab-latest:checked)~.threads-list-column:has(.threads-list-latest) {
    display: block
}

.w-hub-thread--half-width .threads-list-tabs:has(input#tab-popular:checked)~.threads-list-column:has(.threads-list-popular) {
    display: block
}

.w-hub-thread--half-width .homepage-threads-topics .topics-list {
    gap: 6px
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element {
    border-radius: 8px;
    overflow: hidden
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-featured-img {
    height: 88px
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-featured-img .bc-img {
    height: 88px;
    border-radius: 8px
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-featured-img img {
    min-height: 88px
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, .9), transparent 100%, transparent);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: .5rem;
    color: #fff;
    height: 88px;
    position: relative;
    pointer-events: none
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-content .threads-text.extra-date {
    position: absolute;
    top: .5rem;
    right: .5rem
}

.w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    padding: .25rem 0
}

.w-hub-thread--half-width .homepage-threads-topics .topics-options {
    padding: 0
}

.w-hub-thread--half-width .homepage-threads-topics .topics-options .w-total-info {
    gap: 0;
    padding: 0;
    background: none;
    width: 100%
}

.w-hub-thread--half-width .homepage-threads-topics .topics-options .w-total-info .total-info-number {
    color: #fff
}

.w-hub-thread--half-width .homepage-threads-topics .topics-options .total-info-label,
.w-hub-thread--half-width .homepage-threads-topics .topics-options .w-btn-thread {
    display: none
}

.w-hub-thread--half-width .homepage-threads-topics .topics-options .total-info-number span {
    font-size: .75rem
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    border: none;
    border-radius: 0
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread:nth-child(odd) {
    background: #f2f2f2
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread:last-child {
    margin-bottom: 0
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .display-card-title a {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    margin-bottom: 0
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .display-card-excerpt {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 4px
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .w-details.extra-options,
.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .w-details.extra-options .w-display-card-extra {
    margin-bottom: -4px
}

.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .w-details.extra-options .total-info {
    gap: 0
}

.w-hub-thread--half-width .threads-list-column:not(.homepage-threads-topics),
.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .topic-tag-pill,
.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .w-details.extra-options .total-info-label,
.w-hub-thread--half-width .w-thread-topics .display-card.article-thread .w-thread-prompt-img {
    display: none
}

.w-hub-thread--half-width .threads-list-column:not(.homepage-threads-topics):first-of-type {
    min-height: 310px
}

.w-hub-thread--full-width {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
    border-radius: 8px
}

.w-hub-thread--full-width.w-hub-thread--with-bg {
    background-color: #f2f2f2;
    padding: 1rem
}

.w-hub-thread--full-width.w-hub-thread--with-bg .hub-title {
    color: #101010
}

.w-hub-thread--full-width.w-hub-thread--with-bg .threads-text.extra-date {
    background: #fff
}

.w-hub-thread--full-width.w-hub-thread--with-bg .display-card.article-thread {
    background-color: #fff;
    border-color: #e2e2e2
}

.w-hub-thread--full-width .hub-header {
    margin-bottom: .25rem;
    justify-content: space-between
}

.w-hub-thread--full-width .hub-header .w-total-info {
    width: auto;
    flex: none
}

.w-hub-thread--full-width .w-total-info {
    padding: .5rem 1rem;
    background-color: #f2f2f2;
    border-radius: 8px;
    gap: 1rem;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.w-hub-thread--full-width .w-total-info .total-info {
    flex-direction: row;
    align-items: center;
    width: unset;
    flex-grow: 1
}

.w-hub-thread--full-width .w-total-info .total-info-label {
    font-size: .625rem;
    color: #101010
}

.w-hub-thread--full-width .w-total-info .total-info-number {
    color: #101010
}

.w-hub-thread--full-width .hub-thread.w-thread-topics {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .w-total-info {
    display: none
}

.w-hub-thread--full-width .hub-thread .homepage-threads-list {
    border: none;
    overflow: inherit;
    gap: .75rem;
    display: flex;
    height: auto;
    justify-content: space-between
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options {
    padding: .5rem 0 0;
    grid-area: prompt-details;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    background-color: transparent;
    margin-bottom: -8px;
    margin-top: .75rem
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-threads-author .threads-text.user {
    font-size: .75rem
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-threads-author .w-thread-author-usercards .user-img {
    width: 1.5rem;
    height: 1.5rem
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-threads-author .w-thread-author-usercards .user-img .user-img-comp {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    right: -8px;
    top: -4px
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-details .threads-text.author {
    font-weight: 700;
    gap: .5rem;
    align-items: center
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra .comment {
    color: #777
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra .comment:before {
    font-size: 1rem
}

.w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a) {
    color: #333
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .w-homepage-hub-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    align-content: start
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-list-title {
    display: none
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .threads-list-label {
    font-size: 1.125rem;
    font-weight: 700;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    grid-template-areas: "hub-topic-card"
}

@container topic-list-container (width > 460px) {
    .w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element {
        flex-basis: 100%
    }
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element .topics-content,
.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element .topics-featured-img {
    grid-area: hub-topic-card
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element .topics-featured-img {
    z-index: 1;
    width: 100%;
    height: 100%
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element .topics-content {
    z-index: 2;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9), transparent 70%, transparent)
}

.w-hub-thread--full-width .hub-thread.w-thread-topics .topics-options {
    padding: 0
}

.w-hub-thread--full-width .threads-list-tabs {
    display: flex;
    gap: 1rem;
    margin-bottom: .25rem
}

.w-hub-thread--full-width .threads-list-tabs .threads-list-input {
    display: none
}

.w-hub-thread--full-width .threads-list-tabs input[type=radio]:checked+label {
    color: #49bf3c
}

.w-hub-thread--full-width .threads-list-tabs .threads-list-label {
    transition: all .3s ease;
    cursor: pointer
}

.w-hub-thread--full-width .threads-list-tabs .threads-list-label:hover {
    opacity: .8
}

.w-hub-thread--full-width .threads-list-tabs .threads-list-label:first-of-type {
    border-right: 2px solid #777;
    padding-right: 1rem
}

.w-hub-thread--full-width .threads-list-tabs:has(input#tab-latest:checked)~.threads-list-column:has(.threads-list-latest) {
    display: block
}

.w-hub-thread--full-width .threads-list-tabs:has(input#tab-popular:checked)~.threads-list-column:has(.threads-list-popular) {
    display: block
}

.w-hub-thread--full-width .homepage-threads-topics .topics-list {
    display: grid;
    gap: .5rem;
    grid-template-columns: 1fr;
    margin-bottom: 1rem
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element {
    border-radius: 8px;
    overflow: hidden
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-featured-img {
    height: 95px
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-featured-img .bc-img {
    height: 95px;
    border-radius: 8px
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-featured-img img {
    min-height: 95px;
    height: 95px;
    object-fit: cover;
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, .9), transparent 100%, transparent);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: .5rem;
    color: #fff;
    height: 95px;
    position: relative;
    pointer-events: none
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-content .threads-text.extra-date {
    position: absolute;
    top: .5rem;
    right: .5rem
}

.w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: .25rem
}

.w-hub-thread--full-width .homepage-threads-topics .topics-options {
    padding: 0
}

.w-hub-thread--full-width .homepage-threads-topics .topics-options .w-total-info {
    gap: 0;
    padding: 0;
    background: none
}

.w-hub-thread--full-width .homepage-threads-topics .topics-options .w-total-info .total-info-number {
    color: #fff
}

.w-hub-thread--full-width .homepage-threads-topics .topics-options .total-info-label,
.w-hub-thread--full-width .homepage-threads-topics .topics-options .w-btn-thread {
    display: none
}

.w-hub-thread--full-width .homepage-threads-topics .topics-options .total-info-number span {
    font-size: .75rem
}

.w-hub-thread--full-width .section-view-all-link {
    margin-top: .5rem;
    float: right
}

.w-hub-thread--full-width .w-thread-topics .display-card.article-thread .display-card-excerpt,
.w-hub-thread--full-width .w-thread-topics .display-card.article-thread .display-card-title a {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.w-hub-thread--full-width .threads-list-column:not(.homepage-threads-topics) {
    display: none
}

.w-hub-thread--full-width .threads-list-column:not(.homepage-threads-topics):first-of-type {
    min-height: 310px
}

.w-thread-topics .display-card.article-thread {
    container: hp-thread-topics-cards/inline-size;
    gap: .5rem 1rem;
    background: none
}

.w-thread-topics .display-card.article-thread:has(.featured-img-thread),
.w-thread-topics .display-card.article-thread:has(.prompt-link) {
    grid-template-rows: auto;
    grid-template-columns: 92px 1fr;
    grid-template-areas: "prompt-img prompt-title" "prompt-img prompt-response";
    border: none
}

.w-thread-topics .display-card.article-thread .display-card-title {
    font-size: 1.25rem
}

.w-thread-topics .display-card.article-thread .display-card-title a {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.w-thread-topics .display-card.article-thread .display-card-excerpt {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .75rem
}

.w-thread-topics .display-card.article-thread .w-threads-prompt-subtitle+.featured-img-thread {
    margin: 0
}

.topics-list {
    display: flex;
    width: 100%;
    flex-direction: column;
    container: topic-list-container/inline-size
}

.article-footer .topics-list {
    gap: .25rem 0
}

.topics-element {
    display: flex;
    flex-direction: column
}

@container topic-list-container (width > 430px) {
    .topics-element {
        flex-direction: row;
        align-items: center
    }
}

.article-footer .topics-element {
    background: #fff
}

.topics-element:nth-of-type(2n) {
    background: #f5f5f5
}

.article-footer .topics-element:nth-of-type(2n) {
    background: #fff
}

.topics-options {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    padding: 0 1rem 1rem
}

@container topic-list-container (width > 430px) {
    .topics-options {
        gap: 1.5rem;
        padding: 1rem
    }

    .topics-options .w-follow-btn.active .w-follow-dropdown {
        right: 0
    }
}

@container topic-list-container (width < 430px) {
    .topics-options .w-total-info {
        width: 100%;
        justify-content: space-between
    }
}

.topics-options .option-btn .parent.icon {
    font-size: 1.125rem;
    color: #777
}

.topics-options .option-btn .parent.text {
    display: none
}

.topics-options .btn-comment-submit:before {
    font-size: 1rem
}

.widget__vertical-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.widget__vertical-list .hub-header {
    justify-content: start
}

.widget__vertical-list .hub-vertical-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: #f2f2f2;
    border-radius: 8px
}

.widget__vertical-list .display-card.article {
    grid-template-columns: 120px 1fr;
    gap: 0;
    background: #fff;
    border-radius: 8px
}

.widget__vertical-list .display-card.article img {
    border-radius: 8px 0 0 8px;
    position: relative;
    height: 107px !important
}

.widget__vertical-list .display-card.article .w-display-card-content {
    border: 1px solid #d3d3d3;
    border-radius: 0 8px 8px 0;
    padding: .75rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 0;
    grid-template-areas: "article-title article-title" "meta meta";
    grid-area: inherit
}

.widget__vertical-list .display-card.article .display-card-title {
    font-size: 1rem;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: .25rem;
}

.widget__vertical-list .display-card.article .display-card-excerpt,
.widget__vertical-list .display-card.article .w-display-card-category {
    display: none
}

.widget__vertical-list .display-card.article .w-display-card-details {
    margin: auto 30px 0 0
}

.widget__vertical-list .display-card.article .w-display-card-details .meta_txt.article-author {
    max-width: 125px
}

.widget__vertical-list .display-card.article .w-display-card-extra {
    grid-area: meta;
    transform: none;
    position: absolute;
    right: 1rem;
    bottom: 8px
}

.widget__vertical-list .display-card.article .w-display-card-extra .total-info-number {
    font-size: .75rem;
    gap: .25rem
}

.widget__vertical-list .display-card.article .w-display-card-extra .total-info-number:before {
    font-size: 1rem
}

.widget__single-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem
}

.widget__single-card .hub-horizontal-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr
}

.widget__single-card .display-card.full-cover-image .w-display-card-content {
    gap: .5rem
}

.widget__single-card .display-card.full-cover-image .meta_txt.article-date {
    font-size: .875rem;
    font-family: Roboto, sans-serif;
    color: #fff
}

.widget__single-card .display-card.full-cover-image .display-card-title a {
    font-size: 1.125rem;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0
}

.widget__single-card .display-card.full-cover-image .display-card-title,
.widget__single-card .display-card.full-cover-image .display-card-title a {
    min-height: 62px
}

.widget__single-card .display-card.full-cover-image .display-card-excerpt,
.widget__single-card .display-card.full-cover-image .w-display-card-category,
.widget__single-card .display-card.full-cover-image .w-display-card-extra {
    display: none
}

.widget__horizontal-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0
}

.left-column .widget__horizontal-list {
    gap: 0
}

.widget__horizontal-list .hub-horizontal-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .75rem
}

.widget__horizontal-list .display-card.full-cover-image .w-display-card-content {
    gap: .5rem
}

.widget__horizontal-list .display-card.full-cover-image .meta_txt.article-date {
    font-size: .875rem;
    font-family: Roboto, sans-serif;
    color: #fff
}

.widget__horizontal-list .display-card.full-cover-image .display-card-title a {
    font-size: 1.125rem;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0
}

.widget__horizontal-list .display-card.full-cover-image .display-card-excerpt,
.widget__horizontal-list .display-card.full-cover-image .w-display-card-category,
.widget__horizontal-list .display-card.full-cover-image .w-display-card-extra {
    display: none
}

.widget__accordion {
    display: grid;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .75rem;
    padding: 0
}

.widget__accordion--reverse .widget__horizontal-list {
    grid-row: 1
}

.widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title,
.widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title a,
.widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title,
.widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title a {
    min-height: 1rem
}

.theme-tech .widget__accordion {
    display: grid;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .75rem;
    padding: 0
}

.theme-tech .widget__accordion--reverse .widget__horizontal-list {
    grid-row: 1
}

.theme-tech .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title,
.theme-tech .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title a {
    min-height: 1rem;
    line-height: 1.25rem
}

.theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title,
.theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title a {
    min-height: 1rem;
    color: #101010
}

.theme-tech .widget__accordion .display-card.full-cover-image {
    box-shadow: none;
    background: none
}

.theme-tech .widget__accordion .display-card.full-cover-image:after {
    display: none
}

.theme-tech .widget__accordion .display-card.full-cover-image .dc-img-link {
    margin-bottom: 0;
    height: 100%
}

.theme-tech .widget__accordion .display-card.full-cover-image .dc-img:before {
    height: 60px;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0), rgba(24, 24, 24, .1) 35%, rgba(24, 24, 24, .5) 77%, #333);
    border-radius: 4px
}

.theme-tech .widget__accordion .display-card.full-cover-image .w-display-card-content {
    gap: .25rem;
    position: relative;
    padding: .25rem .75rem;
    background: none;
    pointer-events: all
}

.theme-tech .widget__accordion .display-card.full-cover-image .display-card-title,
.theme-tech .widget__accordion .display-card.full-cover-image .display-card-title a {
    color: #101010;
    pointer-events: all
}

.theme-tech .widget__accordion .display-card.full-cover-image .meta_txt.article-date {
    color: #fff;
    position: absolute;
    top: -26px;
    left: .75rem
}

.hub-video {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content
}

.hub-video .w-control-arrows {
    position: absolute;
    z-index: 3;
    bottom: .5rem;
    right: .5rem;
    display: flex;
    gap: .5rem;
    flex-flow: row nowrap
}

.hub-video .next-video,
.hub-video .prev-video {
    display: block;
    background: rgba(10, 10, 10, .7);
    padding: 6px 10px;
    border-radius: .5rem
}

.hub-video .next-video:before,
.hub-video .prev-video:before {
    color: #fff;
    font-size: 1rem
}

.hub-video .display-card.article.large,
.hub-video .display-card.article.small,
.hub-video .display-card.video.large,
.hub-video .display-card.video.small {
    min-width: 100%;
    transition: all .75s
}

.w-hub-widgets-two-columns .display-card.article.large,
.w-hub-widgets-two-columns .display-card.article.small,
.w-hub-widgets-two-columns .display-card.video.large,
.w-hub-widgets-two-columns .display-card.video.small {
    margin: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr;
    grid-template-areas: none;
    padding: 0;
    border: none
}

.w-hub-widgets-two-columns .display-card.article.large .dc-img-link,
.w-hub-widgets-two-columns .display-card.article.small .dc-img-link,
.w-hub-widgets-two-columns .display-card.video.large .dc-img-link,
.w-hub-widgets-two-columns .display-card.video.small .dc-img-link {
    grid-column: 1;
    grid-row: 1;
    background-color: #101010;
    border-radius: 8px;
    overflow: visible
}

.w-hub-widgets-two-columns .display-card.article.large .dc-img-link picture:before,
.w-hub-widgets-two-columns .display-card.article.small .dc-img-link picture:before,
.w-hub-widgets-two-columns .display-card.video.large .dc-img-link picture:before,
.w-hub-widgets-two-columns .display-card.video.small .dc-img-link picture:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: .75rem;
    display: block;
    background-color: #101010;
    background: linear-gradient(0deg, #101010, #101010 10%, rgba(16, 16, 16, 0) 90%);
    border-radius: 8px
}

.w-hub-widgets-two-columns .display-card.article.large .responsive-img img,
.w-hub-widgets-two-columns .display-card.article.small .responsive-img img,
.w-hub-widgets-two-columns .display-card.video.large .responsive-img img,
.w-hub-widgets-two-columns .display-card.video.small .responsive-img img {
    position: relative;
    border-radius: 8px
}

.w-hub-widgets-two-columns .display-card.article.large .articleHasVideo span,
.w-hub-widgets-two-columns .display-card.article.small .articleHasVideo span,
.w-hub-widgets-two-columns .display-card.video.large .articleHasVideo span,
.w-hub-widgets-two-columns .display-card.video.small .articleHasVideo span {
    display: none
}

.w-hub-widgets-two-columns .display-card.article.large .w-display-card-content,
.w-hub-widgets-two-columns .display-card.article.small .w-display-card-content,
.w-hub-widgets-two-columns .display-card.video.large .w-display-card-content,
.w-hub-widgets-two-columns .display-card.video.small .w-display-card-content {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    height: -moz-fit-content;
    height: fit-content;
    gap: .5rem;
    row-gap: 0;
    padding: 2rem 1rem 10px;
    border-radius: 0 0 8px 8px;
    background-color: #101010;
    background: linear-gradient(0deg, rgba(16, 16, 16, .8) 50%, rgba(16, 16, 16, 0))
}

.w-hub-widgets-two-columns .display-card.article.large .display-card-title,
.w-hub-widgets-two-columns .display-card.article.small .display-card-title,
.w-hub-widgets-two-columns .display-card.video.large .display-card-title,
.w-hub-widgets-two-columns .display-card.video.small .display-card-title {
    order: 1;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.w-hub-widgets-two-columns .display-card.article.large .display-card-title a,
.w-hub-widgets-two-columns .display-card.article.small .display-card-title a,
.w-hub-widgets-two-columns .display-card.video.large .display-card-title a,
.w-hub-widgets-two-columns .display-card.video.small .display-card-title a {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 1.25rem
}

.w-hub-widgets-two-columns .display-card.article.large .display-card-title a:hover,
.w-hub-widgets-two-columns .display-card.article.small .display-card-title a:hover,
.w-hub-widgets-two-columns .display-card.video.large .display-card-title a:hover,
.w-hub-widgets-two-columns .display-card.video.small .display-card-title a:hover {
    text-decoration: underline
}

.w-hub-widgets-two-columns .display-card.article.large .display-card-excerpt,
.w-hub-widgets-two-columns .display-card.article.small .display-card-excerpt,
.w-hub-widgets-two-columns .display-card.video.large .display-card-excerpt,
.w-hub-widgets-two-columns .display-card.video.small .display-card-excerpt {
    display: none
}

.w-hub-widgets-two-columns .display-card.article.large .w-display-card-category,
.w-hub-widgets-two-columns .display-card.article.small .w-display-card-category,
.w-hub-widgets-two-columns .display-card.video.large .w-display-card-category,
.w-hub-widgets-two-columns .display-card.video.small .w-display-card-category {
    order: 3;
    align-self: flex-start
}

.w-hub-widgets-two-columns .display-card.article.large .dc-tag-label.light,
.w-hub-widgets-two-columns .display-card.article.small .dc-tag-label.light,
.w-hub-widgets-two-columns .display-card.video.large .dc-tag-label.light,
.w-hub-widgets-two-columns .display-card.video.small .dc-tag-label.light {
    display: none;
    border-color: #fff;
    color: #fff
}

.w-hub-widgets-two-columns .display-card.article.large .dc-tag-label.light:hover,
.w-hub-widgets-two-columns .display-card.article.small .dc-tag-label.light:hover,
.w-hub-widgets-two-columns .display-card.video.large .dc-tag-label.light:hover,
.w-hub-widgets-two-columns .display-card.video.small .dc-tag-label.light:hover {
    background: #fff;
    color: #101010
}

.widget__horizontal-list-full {
    display: grid;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .75rem;
    padding: 0;
    grid-template-columns: repeat(2, 1fr)
}

.widget__horizontal-list-full .display-card.full-cover-image:last-child {
    display: none
}

.widget__horizontal-list-full .display-card.full-cover-image .dc-img-link {
    margin-bottom: 7rem;
    height: 100%
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-content {
    gap: .5rem
}

.widget__horizontal-list-full .display-card.full-cover-image .display-card-title {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.widget__horizontal-list-full .display-card.full-cover-image .display-card-title a {
    font-size: 1rem;
    line-height: 1
}

.widget__horizontal-list-full .display-card.full-cover-image .article-date {
    font-size: .875rem;
    font-family: Roboto, sans-serif;
    color: #fff
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta {
    flex: 0 0 65%
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta .meta_txt {
    word-break: keep-all
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta .meta_txt.article-author {
    width: 100%
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-extra .total-info.extra-comments .total-info-label {
    display: none
}

.widget__horizontal-list-full .display-card.full-cover-image .w-display-card-extra .total-info.extra-comments .total-info-number {
    white-space: nowrap
}

.theme-tech .widget__horizontal-list-full {
    display: grid;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: .75rem;
    padding: 0;
    grid-template-columns: repeat(2, 1fr)
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image {
    box-shadow: none;
    background: none
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image:after,
.theme-tech .widget__horizontal-list-full .display-card.full-cover-image:last-child {
    display: none
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .dc-img-link {
    margin-bottom: 0;
    height: 100%
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .dc-img:before {
    height: 60px;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0), rgba(24, 24, 24, .1) 35%, rgba(24, 24, 24, .5) 77%, #333);
    border-radius: 4px
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-content {
    gap: .25rem;
    position: relative;
    padding: 0 .5rem;
    background: none;
    pointer-events: all
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .article-date {
    font-size: .875rem;
    font-family: Roboto, sans-serif;
    color: #fff;
    position: absolute;
    top: -26px;
    left: .75rem
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #101010;
    pointer-events: all
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title a {
    font-size: 1rem;
    line-height: 1;
    color: #101010;
    pointer-events: all
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-details {
    color: #101010;
    margin-top: .25rem
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta {
    flex: 0 0 65%
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta .meta_txt {
    word-break: keep-all;
    color: #101010
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta .meta_txt.article-author {
    width: 100%
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-extra .total-info.extra-comments .total-info-label {
    display: none
}

.theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-extra .total-info.extra-comments .total-info-number {
    white-space: nowrap;
    color: #777
}

@media screen and (min-width:481px)and (max-width:768px) {

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image:nth-last-child(-n+2),
    .w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element:nth-child(n+3),
    .widget__horizontal-list-full .display-card.full-cover-image:nth-last-child(-n+2) {
        display: none
    }
}

@media(min-width:481px) {
    .w-hub-thread--full-width .homepage-threads-topics .topics-list {
        grid-template-columns: 1fr 1fr
    }

    .widget__vertical-list .display-card.article {
        grid-template-columns: 180px 1fr
    }

    .widget__horizontal-list .hub-horizontal-list {
        row-gap: 0;
        grid-template-columns: 1fr 1fr
    }

    .theme-tech .widget__horizontal-list-full,
    .widget__horizontal-list-full {
        grid-template-columns: repeat(3, 1fr);
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        row-gap: 0
    }

    .theme-tech .widget__horizontal-list-full {
        height: auto
    }
}

@media(min-width:768px) {
    .hub-header {
        flex-wrap: nowrap
    }

    .hub-header .hub-title--no-icon {
        font-size: 1.75rem;
        line-height: 2rem
    }

    .w-hub-thread--half-width .w-thread-topics .display-card.article-thread {
        gap: 0;
        flex-grow: 1;
        justify-content: center
    }

    .w-hub-thread--full-width.w-hub-thread--with-bg {
        padding: 1rem 1rem .75rem
    }

    .w-hub-thread--full-width .homepage-threads-topics .topics-list {
        display: flex;
        gap: .75rem;
        flex-direction: row
    }

    .w-thread-topics .display-card.article-thread {
        gap: 0 1rem
    }

    .w-thread-topics .display-card.article-thread:has(.featured-img-thread),
    .w-thread-topics .display-card.article-thread:has(.prompt-link) {
        grid-template-columns: 80px 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: "prompt-img prompt-title" "prompt-img prompt-response"
    }

    .widget__single-card .display-card.full-cover-image .w-display-card-content {
        padding-top: 6rem
    }

    .widget__single-card .display-card.full-cover-image .display-card-title a {
        font-size: 1.5rem
    }

    .widget__single-card .display-card.full-cover-image .display-card-title,
    .widget__single-card .display-card.full-cover-image .display-card-title a {
        min-height: 86px
    }

    .widget__horizontal-list .display-card.full-cover-image .w-display-card-content {
        padding-top: 6rem
    }

    .widget__horizontal-list .display-card.full-cover-image .display-card-title a {
        font-size: 1.5rem;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .theme-tech .widget__accordion,
    .widget__accordion {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        row-gap: 0
    }

    .theme-tech .widget__accordion .display-card.full-cover-image .dc-img-link {
        margin-bottom: 0
    }

    .theme-tech .widget__accordion .display-card.full-cover-image .w-display-card-content {
        padding: .5rem
    }

    .hub-video .next-video:before,
    .hub-video .prev-video:before {
        font-size: 1.5rem
    }

    .w-hub-widgets-two-columns .display-card.article.large .display-card-title a,
    .w-hub-widgets-two-columns .display-card.article.small .display-card-title a,
    .w-hub-widgets-two-columns .display-card.video.large .display-card-title a,
    .w-hub-widgets-two-columns .display-card.video.small .display-card-title a {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 1.5rem
    }

    .widget__horizontal-list-full {
        grid-template-columns: repeat(4, 1fr)
    }

    .widget__horizontal-list-full .display-card.full-cover-image .dc-img-link {
        margin-bottom: 4rem
    }

    .widget__horizontal-list-full .display-card.full-cover-image .display-card-title {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .widget__horizontal-list-full .display-card.full-cover-image .display-card-title a {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .theme-tech .widget__horizontal-list-full {
        grid-template-columns: repeat(4, 1fr)
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .dc-img-link {
        margin-bottom: 0
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title a {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

@media screen and (min-width:768px)and (max-width:1180px) {
    .w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element:nth-child(n+4) {
        display: none
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .widget__vertical-list .hub-vertical-list {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .widget__vertical-list .display-card.article:last-child {
        display: none;
        visibility: hidden
    }

    .hub-video {
        width: 634px;
        margin-inline: auto
    }
}

@media(min-width:1024px) {
    .w-hub-widgets-two-columns {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr auto
    }

    .w-hub-widgets-two-columns .w-hub-rate,
    .w-hub-widgets-two-columns .w-hub-thread,
    .w-hub-widgets-two-columns .w-hub-video {
        grid-row: 1/3;
        grid-template-rows: subgrid
    }

    .hub-header {
        margin: 0
    }

    .hub-rate {
        height: 375px
    }

    .hub-rate .w-content-slider,
    .hub-rate .w-content-slider .w-slide-list {
        height: 100%
    }

    .hub-rate .w-content-slider .w-content-slider-arrow.slide-next {
        right: -.25rem
    }

    .hub-rate .dc-quick-rating-info {
        padding-top: 5rem;
        margin-top: 0;
        position: absolute;
        bottom: 0
    }

    .hub-rate .dc-quick-rating-info .community-rating {
        top: 1.5rem
    }

    .hub-rate .hub-rate-slider-page {
        gap: .75rem
    }

    .w-hub-thread--half-width .hub-thread {
        height: 375px
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics {
        width: 100%;
        height: 100%;
        gap: 0;
        grid-template-columns: 1fr;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        overflow: hidden
    }

    .w-hub-thread--half-width .hub-thread .homepage-threads-list {
        height: 276px;
        display: flex;
        gap: 0;
        flex-direction: column;
        justify-content: space-between
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-element:hover {
        opacity: .8
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-options .total-info {
        display: none
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info {
        border-radius: 0
    }

    .w-hub-thread--half-width .homepage-threads-topics .topics-list {
        height: 276px
    }

    .w-hub-thread--half-width .w-thread-topics .display-card.article-thread .display-card-title a {
        font-size: 1rem
    }

    .w-hub-thread--half-width .w-thread-topics .display-card.article-thread .user-img {
        width: 1.5rem;
        height: 1.5rem
    }

    .w-hub-thread--full-width .w-total-info {
        border-radius: 0
    }

    .w-hub-thread--full-width .hub-thread.w-thread-topics {
        grid-template-columns: 1fr;
        border: none;
        overflow: inherit
    }

    .w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element:hover {
        opacity: .8
    }

    .w-hub-thread--full-width .homepage-threads-topics .topics-list {
        height: auto
    }

    .widget__vertical-list .hub-vertical-list {
        height: 375px;
        gap: 0
    }

    .widget__vertical-list .display-card.article .dc-img-link {
        border: 1px solid #e2e2e2;
        border-right: none;
        border-radius: 8px 0 0 8px
    }

    .widget__vertical-list .display-card.article .w-display-card-content {
        border-left: none;
        height: 100%;
    }

    .widget__vertical-list .display-card.article .display-card-title {
        font-size: 1.25rem
    }

    .widget__horizontal-list .hub-horizontal-list,
    .widget__single-card .display-card.full-cover-image {
        height: 375px
    }

    .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title,
    .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title a {
        min-height: 1rem
    }

    .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title,
    .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title a {
        min-height: 1rem;
        font-size: 26px;
        line-height: 1.3;
        -webkit-line-clamp: 2;
        margin-bottom: -2px
    }

    .theme-tech .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title,
    .theme-tech .widget__accordion .widget__horizontal-list .hub-horizontal-list .display-card.full-cover-image .display-card-title a {
        min-height: 6rem;
        line-height: 1.25
    }

    .theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title,
    .theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title a {
        min-height: 1rem;
        font-size: 36px;
        line-height: 1.3;
        -webkit-line-clamp: 2;
        margin-bottom: -2px
    }

    .theme-tech .widget__accordion .display-card.full-cover-image {
        height: auto
    }

    .theme-tech .widget__accordion .display-card.full-cover-image .dc-img-link {
        margin-bottom: 0
    }

    .hub-video {
        min-height: 375px
    }

    .hub-video .next-video,
    .hub-video .prev-video {
        padding: .5rem
    }

    .hub-video .next-video:hover,
    .hub-video .prev-video:hover {
        opacity: .7;
        cursor: pointer
    }

    .widget__horizontal-list-full {
        grid-template-columns: repeat(5, 1fr);
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        row-gap: 0;
        height: 252px
    }

    .widget__horizontal-list-full .display-card.full-cover-image:last-child {
        display: grid
    }

    .theme-tech .widget__horizontal-list-full {
        grid-template-columns: repeat(5, 1fr);
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        row-gap: 0
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image:last-child {
        display: grid
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .dc-img-link {
        margin-bottom: 0
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-content {
        padding: .5rem
    }
}

@media(min-width:1024px)and (min-width:1024px) {
    .hub-rate .dc-quick-rating-info {
        padding-top: 6rem
    }
}

@media screen and (min-width:1024px)and (prefers-color-scheme:dark) {

    .w-hub-thread--half-width .hub-thread.w-thread-topics,
    .widget__vertical-list .display-card.article .dc-img-link {
        border-color: #333
    }
}

@media(min-width:1024px)and (min-width:1180px) {
    .hub-rate .dc-quick-rating-info {
        padding-top: 4.5rem;
        background: linear-gradient(0deg, #000, #000 75%, transparent)
    }
}

@media(min-width:1180px) {
    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-options .total-info {
        display: flex
    }
}

@media(min-width:1440px) {
    .widget__vertical-list .display-card.article .w-display-card-details .meta_txt.article-author {
        min-width: auto
    }
}

@media(max-width:767px) {
    .hide-on-mobile {
        display: none
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-homepage-hub-list {
        grid-template-columns: 1fr
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .threads-list-label,
    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-list-title {
        margin-bottom: 1rem
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info-label {
        display: none
    }

    .w-hub-thread--half-width .homepage-threads-topics .topics-list {
        gap: 8px;
        margin-bottom: 1rem
    }

    .w-hub-thread--half-width .homepage-threads-topics .topics-options .w-total-info {
        gap: 1rem;
        justify-content: flex-start
    }

    .w-hub-thread--full-width .hub-header .w-total-info {
        padding: 0 0 1rem
    }

    .w-hub-thread--full-width .w-total-info .total-info-label {
        display: none
    }

    .w-hub-thread--full-width .hub-thread .homepage-threads-list {
        flex-direction: column
    }

    .w-hub-thread--full-width .homepage-threads-topics .topics-options .w-total-info {
        gap: 1rem;
        justify-content: flex-start
    }

    .w-hub-widgets-two-columns .display-card.article.large .dc-tag-label.light,
    .w-hub-widgets-two-columns .display-card.article.small .dc-tag-label.light,
    .w-hub-widgets-two-columns .display-card.video.large .dc-tag-label.light,
    .w-hub-widgets-two-columns .display-card.video.small .dc-tag-label.light {
        padding: 4px 8px
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title {
        line-height: 1;
        margin-top: 2px;
        min-height: 4rem
    }
}

@media screen and (prefers-color-scheme:dark) {
    .w-input-checkbox .input-checkbox-icon:before:hover {
        border-color: #f2f2f2
    }

    .w-input-checkbox .input-checkbox-icon:hover:before {
        border-color: #f2f2f2;
        color: #f2f2f2
    }

    .hub-header .hub-title,
    .w-input-checkbox .input-checkbox-label {
        color: #fff
    }

    .hub-header .hub-title a {
        color: #b6b4b5
    }

    .threads-text.extra-date {
        color: #fff;
        background: #101010
    }

    .w-hub-thread--half-width .hub-thread .homepage-threads-list {
        border-color: #333
    }

    .w-hub-thread--half-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a) {
        color: #b6b4b5
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .threads-list-label,
    .w-hub-thread--half-width .hub-thread.w-thread-topics .topics-list-title {
        color: #fff
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info {
        background-color: #333
    }

    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info-label,
    .w-hub-thread--half-width .hub-thread.w-thread-topics .w-total-info .total-info-number {
        color: #f2f2f2
    }

    .w-hub-thread--half-width .homepage-threads-topics .topics-element .topics-title {
        color: #fff
    }

    .w-hub-thread--half-width .homepage-threads-topics .topics-options .w-total-info {
        background: none
    }

    .w-hub-thread--half-width .w-thread-topics .display-card.article-thread:nth-child(odd) {
        background: #333
    }

    .w-hub-thread--full-width.w-hub-thread--with-bg {
        background-color: #333
    }

    .w-hub-thread--full-width.w-hub-thread--with-bg .hub-title {
        color: #fff
    }

    .w-hub-thread--full-width.w-hub-thread--with-bg .threads-text.extra-date {
        background: #101010
    }

    .w-hub-thread--full-width.w-hub-thread--with-bg .display-card.article-thread {
        background-color: #242424;
        border-color: #333
    }

    .w-hub-thread--full-width .w-total-info {
        background-color: #333
    }

    .w-hub-thread--full-width .w-total-info .total-info-label,
    .w-hub-thread--full-width .w-total-info .total-info-number {
        color: #f2f2f2
    }

    .w-hub-thread--full-width .hub-thread .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a) {
        color: #b6b4b5
    }

    .w-hub-thread--full-width .homepage-threads-topics .topics-element .topics-title,
    .w-hub-thread--full-width .hub-thread.w-thread-topics .threads-list-label {
        color: #fff
    }

    .w-hub-thread--full-width .homepage-threads-topics .topics-options .w-total-info {
        background: none
    }

    .article-footer .topics-element {
        background: #333
    }

    .topics-element:nth-of-type(2n) {
        background: rgb(36.75, 36.75, 36.75)
    }

    .article-footer .topics-element:nth-of-type(2n) {
        background: #333
    }

    .topics-options .option-btn .parent.icon {
        color: #d3d3d3
    }

    .widget__vertical-list .display-card.article,
    .widget__vertical-list .hub-vertical-list {
        background: #333
    }

    .widget__vertical-list .display-card.article .w-display-card-content {
        border-color: #101010
    }

    .theme-tech .widget__accordion .display-card.full-cover-image .display-card-title,
    .theme-tech .widget__accordion .display-card.full-cover-image .display-card-title a,
    .theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title,
    .theme-tech .widget__accordion .widget__single-card .display-card.full-cover-image .display-card-title a {
        color: #fff
    }

    .w-hub-widgets-two-columns .display-card.article.large .w-display-card-content,
    .w-hub-widgets-two-columns .display-card.article.small .w-display-card-content,
    .w-hub-widgets-two-columns .display-card.video.large .w-display-card-content,
    .w-hub-widgets-two-columns .display-card.video.small .w-display-card-content {
        background-color: #181818;
        background: linear-gradient(0deg, #181818 50%, rgba(24, 24, 24, 0))
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title,
    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .display-card-title a,
    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-details,
    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-meta .meta_txt {
        color: #fff
    }

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image .w-display-card-extra .total-info.extra-comments .total-info-number {
        color: #b6b4b5
    }
}

@media(max-width:1023px) {
    .w-hub-widgets-two-columns .left-column {
        margin-bottom: 2rem
    }

    .w-hub-thread--full-width .hub-thread .homepage-threads-list .display-card.article-thread:last-child {
        display: none
    }
}

@media screen and (max-width:481px) {

    .theme-tech .widget__horizontal-list-full .display-card.full-cover-image:nth-last-child(-n+3),
    .w-hub-thread--full-width .hub-thread.w-thread-topics .topics-element:nth-child(n+4),
    .widget__horizontal-list-full .display-card.full-cover-image:nth-last-child(-n+3) {
        display: none
    }
}

@media(max-width:480px) {
    .widget__vertical-list .display-card.article .w-display-card-content {
        height: 100%;
    }
}