.video-js {
    width: 300px;
    height: 150px;
}

.vjs-fluid:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

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

html {
    color: #000
}

a {
    color: inherit;
    text-decoration: none
}

h1 {
    font-size: 28px !important;
}

big {
    font-size: 100%
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: 400
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%
}

legend {
    color: #000
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    font-size: small;
    font: x-small
}

table {
    font-size: inherit;
    font: 100%
}

code,
kbd,
pre,
samp,
tt {
    font-family: monospace;
    font-size: 108%;
    line-height: 100%
}

button {
    border: 0;
    border-radius: 0;
    background: none;
    cursor: pointer
}

button,
input {
    outline: 0
}

dialog {
    border: none;
    max-width: unset;
    max-height: unset;
    padding: 0;
    background: none
}

.w-content img {
    filter: brightness(1.1)
}

.scroll-offset:before {
    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
}

.font-system-text-label {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    line-height: 1
}

.font-system-text-complementary {
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    line-height: 1.5em
}

@font-face {
    font-family: video player;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/octet-stream;base64,d09GMgABAAAAAAdgAAsAAAAADywAAAcSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAVBEICpYokVABNgIkA0QLJAAEIAWDBgcgG+8LyI6Ubr4U+p9vW39HxgK0GcxAB3lGDUYnG1F41uGV78FuEyZuYIPRrLFspb5d4mVvfW3rMf7/71A1P3OCjCkYDNfo7ifXvSaWa6W+2tgbixNkUsEKZl2mE6iYpi5nZ99OARR0F3IGjAGM2oweAsBpdSrIMwhDzEH1CLGG6okA/9EpmjWN4kOhsNwBeB4BFJzgAoinowCiQSE6hwpmYCQvjYDHf/S1VQCAiAcFyNofTLS2J+EgFPSzovxsZPAK9oEqFjkAmtutqSY1AAUj2gs6jKWYqmC3GMvR04lhbWNNRGOohLWjl5OjU6ZRmq2jh7WPD4IX4QvnAcgFmugqRjtFsEitpRnAqBDqdhZpVguzAXU10GaUPf9R0jVdme65lGq1iZpc8TQm7WZeTbhq8L6MCLwu6eMX46Vy546Zxh4VmJBKH8U0tokq1COIwECjbZbN+PLUQSqdaxeQLp1atjK6zM5J2u2/ZCimz++VMzuYaqVqHZDaaHEjfXs3s28ke9hPKndmdmcg/F6hj0IJKKny7bnjvx9OOYaIvkn/pWUqInyCGAue8oVaMCF1NJrIgJgK9FSqFfvEfIGbXM8ZDhzkXtFHTlOF4ZPa6FlWP1updekE0rVLF6QKGCDUuogpmihqxhAzhw99MmJw70asBd6XDWFwwlXyvgwZd2iitFs6Qh23EKTSeV4E0uOClq2MnY+e1abepArTb+u5V+IXOcN6r0ubZSIGT9IGZKt9o1iBSdsRiqCDye+97aMYBRNybCGciTuM++3b3SPy7xtBjAXDfr03ffYolECqfPfy1hVAW2cMXzLgVum3F09j5RvLqbAyeAMBAwmsftbJIBbHS3H/QksHJAb6ynAAhvvFP63AqsNwdpJyOzrpgB3alc6ytvvbXTppL+5iHJXMMGVyrPyGATkrfy7ku9AmNrZ8qB//wLRYovJW+tXE9uUUwaBfr1SrdN3BfZNagAOfTp5kyr9vCJlmtY1lFTIRQ0K28CmzDWIhVl5qkAqYFeUk38e0Uk0bkQ5QUku1brTdZpGaIZliyrqxQT1VqB2glMiAy+TYRKrNUoVPEMFTnjkgWpXuIJc0o5DOqc4agVLhJOnJm5u7a/Kj1sq9pDESmrOLQcZ6MaEQc49apRihmZkOif5JsYJYFf+yxF2ZwPGQDXfvxsbe/TZ4A45PrBCa5fO/2rCK7KPsi1jMgy884Fx0YQHxNVFQQJzzgBcHmXvanW+M+xWqlMEhSqVf0fg4m35+eYlLJ+KaMrPi+Fw6d2n5PF3QjbOKg0NYxfjK5aXlrFWLTAcHwnU1a3np8gqA82cluSE5NUcdpA5Ha3IgxyU7ZouDw5aYyGuVwH6EH8EfsQH/SVnmJ7CkaCKysyOA71am9AU5hwUuogk4ctgtm8d7+BDDst0OtwQEtBymSESSdjyeW/bhIx0p2/RC2JmzvjVqdVhYR0eNr6M5JTZ3FHd0kCyBxGfPdIBa+gi9x6nXfaR3im4x1UN5n+Eue9ui0eLWNFjuH5Vf6JI/cfNxeyKXX5SfPXtqzNV17BQeHzLYO0HwqPl06XDe+2vesm2f2ga9eRP+YPU3MiQ9LfSoGp0eQsYe/0H4m5SWb08d98qQtuCBLTKv9OOnvn2WsrgQ/uxm5M6ExMgdt56FLyymPIO9om+9M/FA0VW0QsT/z+0YmN3z/yPYDwGrpJ1VyIiyL/J3OHwoFMPzuJcE+1jFRWw7zS/ZKxZZ6mi3lYloLq8iDfHmiK9P6JWq4GCVvnBiHLfYSkPQuXH8rMy4JsKC0PyC+i3v/nWjf0x/PLB4Nf15NuXCxw1LixnPnvb8HvlFDqetzSfnzBnz5/uvPo76+JbYn8rFN5fnxKg9swI4frkfnu1fXIr6uOKHMX1XrcOQg7UH7BIw07Qf7k3Evd/7i2OfmkjjkJfoB31Ff/VDmalpvp10KcnmTgcO6jEv8Zcc9eMPvApkAg5kKXGTUIBOeyHtw5zuZiT+/Hjvj8+ZjzuzvPCCPbsL6eg9BXi0eOdj7MWPex//nMhgHWaJIRkNbofrfS00N5MAsKYBoGgkOUUjN64ORCH+lBNluGVZgAYLTvHfKNAbQLLnzUq3//mobrCKfW1GQ+ms343rFB4bl5IEMzDi/eDxpQdjEoCUtFQAhtugMWwQikJN9Nq2EG6JAQ0FpJcMaAGUb0NPsIThcTUImLojMBI0AkUQCajgoMUYaMDwMYEEOTlUcAJhCw2CmidYgikBI8FmoAjiABU0WYwBAw8fEyIorkWFcFBsXb/7naoabIX1sBt2WpQN2PVRbvkQTjCUw0bYB/tha+6MwQNCgAPBLdrOYf/+/GUoho2wGQ7CDuDBvlr4Y7LFxxzvLB7y4jiQPq7PAS56M2ykXLOJ4cEBz2cDjlkHR2W/rH74eZMHDlBABwAAAA==)
}

.btn-fab,
.btn-premium,
.btn-user-action,
.ds-button,
.user-form-btn-reset,
.user-form-btn-upload {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    font-family: Roboto, sans-serif;
    text-align: center;
    border-radius: .5rem;
    transition: all .3s ease;
    cursor: pointer
}

.ds-button.is-disable,
.ds-button.is-not-active,
.is-disable.btn-fab,
.is-disable.btn-premium,
.is-disable.btn-user-action,
.is-disable.user-form-btn-reset,
.is-disable.user-form-btn-upload,
.is-not-active.btn-fab,
.is-not-active.btn-premium,
.is-not-active.btn-user-action,
.is-not-active.user-form-btn-reset,
.is-not-active.user-form-btn-upload {
    opacity: .3;
    pointer-events: none
}

.btn-fab:hover,
.btn-premium:hover,
.btn-user-action:hover,
.ds-button:hover,
.user-form-btn-reset:hover,
.user-form-btn-upload:hover {
    opacity: .8;
    transition: all .3s ease;
    cursor: pointer
}

.ds-button.fit-content,
.fit-content.btn-fab,
.fit-content.btn-premium,
.fit-content.btn-user-action,
.fit-content.user-form-btn-reset,
.fit-content.user-form-btn-upload {
    min-width: unset
}

.ds-button.full-content,
.full-content.btn-fab,
.full-content.btn-premium,
.full-content.btn-user-action,
.full-content.user-form-btn-reset,
.full-content.user-form-btn-upload {
    width: 100%;
    min-width: unset
}

.main-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px 24px;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-transform: uppercase
}

.main-cta:after,
.main-cta:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400
}

.main-cta.loading {
    background-image: url(https://images.valnetcdn.com/sharedimages/loading.svg) !important;
    background-color: #49bf3c !important;
    background-repeat: no-repeat !important;
    background-position: 50%;
    text-indent: -9999px
}

.main-cta.loading span {
    display: none
}

.main-cta.disabled {
    opacity: .7
}

.main-cta.rounded-cta {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.main-cta:hover {
    cursor: pointer;
    transition: all .3s ease
}

.main-cta.primary-cta.neutral-cta {
    background: #d3d3d3;
    color: #101010
}

.main-cta.primary-cta.neutral-cta:hover {
    background: #adadad
}

.main-cta.primary-cta.brand-cta {
    background: #49bf3c;
    font-family: Roboto, sans-serif
}

.main-cta.primary-cta.brand-cta:hover {
    background: rgb(50.7509960159, 132.7868525896, 41.7131474104)
}

.main-cta.secondary-cta {
    border: 1px solid #101010;
    color: #101010
}

.main-cta.secondary-cta:hover {
    background: #101010;
    color: #fff
}

.main-cta.secondary-cta.brand-cta {
    border: 1px solid #49bf3c;
    color: #49bf3c
}

.main-cta.secondary-cta.brand-cta:hover {
    background: #49bf3c;
    color: #fff
}

.main-cta.tertiary-cta {
    padding: 0;
    color: #101010
}

.main-cta.tertiary-cta:hover {
    color: #777
}

.main-cta.tertiary-cta.brand-cta {
    color: #49bf3c
}

.main-cta.tertiary-cta.brand-cta:hover {
    color: rgb(58.1673306773, 152.1912350598, 47.8087649402)
}

.main-cta.i-comment:before {
    content: "\E917"
}

.main-cta.i-newsletter:before {
    color: #fff;
    content: "\E94E"
}

.btn-user-action {
    align-items: center;
    justify-content: center;
    min-width: unset;
    z-index: 2;
    padding: .75rem 1.25rem;
    background: #1e90ff;
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    border-radius: 8px
}

.sidebar-sticky .btn-user-action,
.sidebar .btn-user-action {
    margin: 0;
    width: 100%;
    place-self: center
}

.w-thread-suggestion-form .btn-user-action {
    margin-bottom: 0
}

.btn-user-action:before {
    font-size: 1.25rem
}

.btn-user-action.rounded {
    border-radius: 3rem
}

.btn-user-action.small {
    font-size: .75rem;
    padding: .5rem 1rem;
    width: -moz-fit-content;
    width: fit-content
}

.sidebar .btn-user-action.small {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

.btn-user-action.small .comments-feed-item .image-expandable div.i-plus:before,
.btn-user-action.small .icon.i-plus:before,
.comments-feed-item .image-expandable .btn-user-action.small div.i-plus:before {
    font-size: 1rem !important
}

.btn-user-action.text {
    padding: .625rem 1rem
}

.btn-user-action.icon-only {
    padding: .5rem
}

.btn-user-action.icon-only span.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    font-size: 1.25rem
}

.btn-user-action.icon-only .text {
    display: none !important
}

.btn-user-action.cancel {
    background-color: #f2f2f2;
    color: #333
}

.btn-user-action.cancel:hover {
    background: #d3d3d3
}

.btn-user-action.square-text {
    flex: none;
    width: 3rem;
    min-width: unset;
    padding: .25rem;
    gap: 0;
    flex-direction: column;
    border-radius: 8px;
    font-size: .625rem;
    font-weight: 700
}

.btn-user-action.square-text:before {
    font-size: 1.25rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    opacity: 1 !important
}

.btn-user-action.square-text .comments-feed-item .image-expandable div.i-plus:before,
.btn-user-action.square-text .icon.i-plus:before,
.comments-feed-item .image-expandable .btn-user-action.square-text div.i-plus:before {
    font-size: 1.25rem
}

.btn-user-action.modal-confirm {
    background: #ff1540
}

.btn-user-action.modal-confirm:hover {
    background: #700003
}

.btn-user-action.my-list {
    background-color: rgba(73, 191, 60, .9);
    color: #fff
}

.btn-user-action.light-wide-hyperlink {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    font-size: .75rem;
    padding: .5rem 1rem;
    width: -moz-fit-content;
    width: fit-content;
    background: #e2e2e2;
    color: #101010;
    flex-direction: column;
    gap: 0;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(24, 24, 24, .25)
}

.btn-user-action.light-wide-hyperlink:hover {
    background: #333;
    color: #fff;
    opacity: 1
}

.user-form-btn-upload {
    height: -moz-fit-content;
    height: fit-content;
    padding: .75rem 1.5rem;
    background-color: #ffbc1f;
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #101010;
    line-height: 1
}

.user-form-btn-upload.small {
    font-size: .75rem;
    padding: .75rem 1.25rem
}

.user-form-btn-upload span {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.user-form-btn-reset {
    padding: .75rem 1.5rem;
    background: #101010;
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 1
}

.user-form-btn-reset.small {
    font-size: .75rem;
    padding: .5rem 1rem
}

.user-form-btn-reset.icon-only {
    padding: .5rem
}

.user-form-btn-reset.above-image {
    position: absolute;
    top: .5rem;
    right: .5rem
}

.user-form-btn-reset span {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.btn-fab {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    gap: .25rem
}

.btn-fab.vertical {
    flex-direction: column;
    gap: 0;
    aspect-ratio: 1;
    height: unset
}

.btn-fab.vertical .fab-label {
    font-size: .625rem
}

.btn-fab.rounded {
    border-radius: .25rem
}

.btn-fab.circle {
    border-radius: 1rem;
    aspect-ratio: 1
}

.btn-fab.medium {
    padding: .5rem 1rem;
    height: 2.5rem;
    font-size: 1rem
}

.w-follow-btn .btn-fab.medium:not(.no-label, .icon-only) {
    padding: .5rem 1rem .5rem .5rem
}

.btn-fab.small {
    padding: .25rem .75rem;
    height: 2rem;
    font-size: .875rem
}

.w-follow-btn .btn-fab.small:not(.no-label, .icon-only) {
    padding: .25rem .75rem .25rem .25rem
}

.btn-fab.xsmall {
    padding: .25rem .5rem;
    height: 1.5rem;
    font-size: .75rem
}

.btn-fab.square-text {
    gap: 0;
    width: 3rem;
    height: 3rem;
    min-width: unset;
    padding: .25rem;
    flex-direction: column;
    color: #333
}

.btn-fab.square-text .fab-label {
    font-size: .625rem
}

.btn-fab.icon-end {
    flex-direction: row-reverse
}

.btn-fab.primary {
    background-color: #f2f2f2;
    color: #333
}

.btn-fab.primary-reversed {
    background-color: #333;
    color: #e2e2e2
}

.btn-fab.secondary {
    border: 1px solid #333;
    color: #333
}

.btn-fab.secondary.light-only {
    color: #fff !important;
    border-color: #fff !important
}

.btn-fab.secondary-reversed {
    border: 1px solid #e2e2e2;
    color: #e2e2e2
}

.btn-fab.tertiary {
    padding: 0 !important;
    color: #333
}

.btn-fab.tertiary.light-only {
    color: #fff !important
}

.w-follow-btn .btn-fab.tertiary:not(.no-label, .icon-only) {
    margin-left: -.375rem
}

.w-profile-header .w-follow-btn .btn-fab.tertiary:not(.no-label, .icon-only) {
    margin-left: 0
}

.btn-fab.tertiary-reversed {
    padding: 0 !important;
    color: #e2e2e2
}

.w-follow-btn .btn-fab.tertiary-reversed:not(.no-label, .icon-only) {
    margin-left: -.375rem
}

.btn-fab.thread-creation {
    background-color: #1e90ff !important;
    color: #fff !important;
    gap: .5rem
}

.btn-fab.thread-creation.square-text {
    gap: 0
}

.btn-fab.action-btn {
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #fff;
    background-color: #242424;
    color: #fff;
    padding: .25rem .75rem
}

.btn-fab.action-btn.icon-only,
.btn-fab.action-btn.no-label {
    padding: .125rem
}

.btn-fab.action-btn .main-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-fab.img-btn {
    width: -moz-fit-content;
    width: fit-content;
    aspect-ratio: 1;
    padding: 0
}

.btn-fab.no-style {
    background-color: transparent !important;
    border: none !important
}

.btn-fab .comments-feed-item .image-expandable div:before,
.btn-fab .icon,
.comments-feed-item .image-expandable .btn-fab div:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em
}

.btn-fab .comments-feed-item .image-expandable div.icon-large:before,
.btn-fab .icon.icon-large,
.comments-feed-item .image-expandable .btn-fab div.icon-large:before {
    font-size: 1.5em
}

.btn-fab .comments-feed-item .image-expandable div.icon-xlarge:before,
.btn-fab .icon.icon-xlarge,
.comments-feed-item .image-expandable .btn-fab div.icon-xlarge:before {
    font-size: 2em
}

.btn-fab .comments-feed-item .image-expandable div.icon-2xlarge:before,
.btn-fab .icon.icon-2xlarge,
.comments-feed-item .image-expandable .btn-fab div.icon-2xlarge:before {
    font-size: 3em
}

.btn-fab .comments-feed-item .image-expandable div.icon-small:before,
.btn-fab .icon.icon-small,
.comments-feed-item .image-expandable .btn-fab div.icon-small:before {
    font-size: .875em
}

.btn-fab .comments-feed-item .image-expandable div.icon-smaller:before,
.btn-fab .icon.icon-smaller,
.comments-feed-item .image-expandable .btn-fab div.icon-smaller:before {
    font-size: .75em
}

.btn-fab .fab-label {
    font-family: Roboto, Arial, sans-serif;
    font-size: 1em;
    font-weight: 600
}

.btn-fab .action-icon {
    position: absolute;
    bottom: -.25rem;
    right: -.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    font-size: .75rem;
    color: #fff;
    background-color: #242424;
    border: 1px solid #fff
}

.btn-fab .action-icon.has-text {
    right: -.375rem;
    font-family: Roboto, Arial, sans-serif;
    font-size: .625rem;
    font-weight: 700;
    padding: 0 .125rem;
    min-width: 1rem;
    width: unset;
    border-radius: .25rem
}

.btn-fab .action-icon.has-text.thread-count {
    background-color: #1e90ff
}

.btn-fab.is-active .action-icon {
    background-color: #49bf3c
}

.btn-fab.is-active .action-icon.rotate-active {
    transform: rotate(180deg)
}

.btn-fab.icon-only,
.btn-fab.no-label {
    padding: 0;
    aspect-ratio: 1
}

.btn-fab.icon-only .fab-label,
.btn-fab.no-icon .main-icon,
.btn-fab.no-label .fab-label {
    display: none
}

.dc-tag-label,
.display-card .dc-tags-genre .dc-movie-genre,
.tag-label,
.w-display-card-content .tag-label-text {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 160px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, .3);
    border: 1px solid #b6b4b5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all .3s ease;
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #f2f2f2;
    line-height: 1
}

.dc-tag-label a,
.dc-tag-label span,
.display-card .dc-tags-genre .dc-movie-genre a,
.display-card .dc-tags-genre .dc-movie-genre span,
.tag-label a,
.tag-label span,
.w-display-card-content .tag-label-text a,
.w-display-card-content .tag-label-text span {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.dc-tag-label .js-tag-interaction,
.display-card .dc-tags-genre .dc-movie-genre .js-tag-interaction,
.tag-label .js-tag-interaction,
.w-display-card-content .tag-label-text .js-tag-interaction {
    padding-left: .5rem;
    border-left: 1px solid #f2f2f2
}

.dc-tag-label:hover,
.display-card .dc-tags-genre .dc-movie-genre:hover,
.tag-label:hover,
.w-display-card-content .tag-label-text:hover {
    background: rgba(0, 0, 0, .4);
    border-color: #777
}

.dc-tag-label.no-bg,
.display-card .dc-tags-genre .no-bg.dc-movie-genre,
.no-bg.tag-label,
.w-display-card-content .no-bg.tag-label-text {
    background: none;
    color: #777
}

.dc-tag-label.no-bg .js-tag-interaction,
.display-card .dc-tags-genre .no-bg.dc-movie-genre .js-tag-interaction,
.no-bg.tag-label .js-tag-interaction,
.w-display-card-content .no-bg.tag-label-text .js-tag-interaction {
    border-color: #777
}

.dc-tag-label.no-bg:hover,
.display-card .dc-tags-genre .no-bg.dc-movie-genre:hover,
.no-bg.tag-label:hover,
.w-display-card-content .no-bg.tag-label-text:hover {
    background: none;
    border-color: #333;
    color: #333
}

.dc-tag-label.no-bg:hover .js-tag-interaction,
.display-card .dc-tags-genre .no-bg.dc-movie-genre:hover .js-tag-interaction,
.no-bg.tag-label:hover .js-tag-interaction,
.w-display-card-content .no-bg.tag-label-text:hover .js-tag-interaction {
    border-color: #333
}

.dc-tag-label.no-border,
.display-card .dc-tags-genre .no-border.dc-movie-genre,
.no-border.tag-label,
.w-display-card-content .no-border.tag-label-text {
    border: none
}

.comment.tag-label,
.dc-tag-label.comment,
.display-card .dc-tags-genre .comment.dc-movie-genre,
.w-display-card-content .comment.tag-label-text {
    background: none;
    gap: .25rem;
    padding: 0 0 2px;
    color: #777;
    pointer-events: auto;
    cursor: pointer
}

.comment.tag-label:before,
.dc-tag-label.comment:before,
.display-card .dc-tags-genre .comment.dc-movie-genre:before,
.w-display-card-content .comment.tag-label-text:before {
    font-size: 1rem
}

.comment.tag-label .js-tag-interaction,
.dc-tag-label.comment .js-tag-interaction,
.display-card .dc-tags-genre .comment.dc-movie-genre .js-tag-interaction,
.w-display-card-content .comment.tag-label-text .js-tag-interaction {
    border-color: #777
}

.comment.tag-label:hover,
.dc-tag-label.comment:hover,
.display-card .dc-tags-genre .comment.dc-movie-genre:hover,
.w-display-card-content .comment.tag-label-text:hover {
    background-color: none
}

.dc-tag-label.light,
.display-card .dc-tags-genre .light.dc-movie-genre,
.light.tag-label,
.w-display-card-content .light.tag-label-text {
    border-color: #f2f2f2;
    color: #f2f2f2
}

.dc-tag-label.light:hover,
.display-card .dc-tags-genre .light.dc-movie-genre:hover,
.light.tag-label:hover,
.w-display-card-content .light.tag-label-text:hover {
    border-color: #b6b4b5;
    color: #b6b4b5
}

.dc-tag-label.light.reverse:hover,
.display-card .dc-tags-genre .light.reverse.dc-movie-genre:hover,
.light.reverse.tag-label:hover,
.w-display-card-content .light.reverse.tag-label-text:hover {
    border-color: #f2f2f2;
    color: #f2f2f2
}

.dc-tag-label.text,
.display-card .dc-tags-genre .text.dc-movie-genre,
.text.tag-label,
.w-display-card-content .text.tag-label-text {
    padding: 0;
    background: none;
    border: none
}

.dc-tag-label.text:hover,
.display-card .dc-tags-genre .text.dc-movie-genre:hover,
.text.tag-label:hover,
.w-display-card-content .text.tag-label-text:hover {
    color: #101010
}

.dc-tag-label.text.brand-tag,
.display-card .dc-tags-genre .text.brand-tag.dc-movie-genre,
.text.brand-tag.tag-label,
.w-display-card-content .text.brand-tag.tag-label-text {
    color: #49bf3c
}

.dc-tag-label.text.brand-tag:hover,
.display-card .dc-tags-genre .text.brand-tag.dc-movie-genre:hover,
.text.brand-tag.tag-label:hover,
.w-display-card-content .text.brand-tag.tag-label-text:hover {
    color: rgb(50.7509960159, 132.7868525896, 41.7131474104)
}

.tag-label.premium-tag,
.w-display-card-content .premium-tag.tag-label-text {
    text-transform: none;
    background: gold;
    color: #2e2e2e;
    gap: 4px;
    margin-bottom: .5rem;
    width: -moz-fit-content;
    width: fit-content
}

.tag-label.premium-tag span:after,
.w-display-card-content .premium-tag.tag-label-text span:after {
    content: "Member exclusive"
}

.switch-btn,
.user-switch {
    cursor: pointer
}

.switch-btn input,
.user-switch input {
    display: none
}

.switch-btn input+div,
.user-switch input+div {
    position: relative;
    border: 1px solid var(--line);
    width: 48px;
    height: 28px;
    border-radius: 14px
}

.switch-btn input+div span:before,
.user-switch input+div span:before {
    --x: 0;
    background: var(--circle);
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translateX(var(--x));
    transition: box-shadow var(--duration) ease, transform var(--duration) ease
}

.switch-btn input+div span:not(:empty),
.user-switch input+div span:not(:empty) {
    padding-left: 64px
}

.switch-btn input:checked+div,
.user-switch input:checked+div {
    --line: #10c46e;
    background: var(--line)
}

.switch-btn input:checked+div span:before,
.user-switch input:checked+div span:before {
    --x: 20px;
    background-color: #fff
}

.w-options-btn {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: -moz-fit-content;
    width: fit-content
}

.w-options-btn .options-btn {
    width: 32px;
    height: 32px;
    text-align: center
}

.w-options-btn .options-toggle {
    min-width: unset
}

.w-options-btn .options-toggle:hover {
    background-color: transparent
}

.w-options-btn .options-toggle:hover:before {
    opacity: .8
}

.w-options-btn .options-dropdown {
    display: none;
    flex-direction: column;
    gap: .25rem;
    padding: .25rem 0;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    top: 34px;
    right: 7px;
    background-color: #fff;
    border-radius: 8px;
    z-index: 4;
    box-shadow: 0 4px 12px 4px rgba(24, 24, 24, .3)
}

.w-options-btn .options-dropdown.active {
    display: flex;
    opacity: 1
}

.w-options-btn .options-dropdown button {
    width: 100%;
    white-space: nowrap;
    font-size: .75rem
}

.w-options-btn.member-interaction .btn-premium {
    justify-content: flex-start;
    opacity: 1;
    gap: .5rem
}

.w-options-btn.member-interaction .btn-premium.is-activated {
    color: #49bf3c;
    pointer-events: none
}

.w-options-btn.member-interaction .btn-premium.is-activated:before {
    font-size: 1.5rem
}

.w-options-btn.member-interaction .btn-premium.disabled {
    opacity: .5
}

.w-options-btn.member-interaction .options-dropdown {
    top: 100%;
    right: auto;
    left: 0;
    align-items: flex-start
}

.w-options-btn.member-interaction .options-toggle {
    width: 3rem;
    padding: .25rem;
    gap: .125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: .55rem;
    color: #333;
    font-weight: 700;
    background-color: rgba(216.5, 216.5, 216.5, .8)
}

.w-options-btn.member-interaction .options-toggle:before {
    font-size: 1rem;
    height: 1.65rem;
    display: flex;
    align-items: center;
    color: #333;
    opacity: 1 !important
}

.w-options-btn.member-interaction .options-toggle:hover {
    background-color: rgb(216.5, 216.5, 216.5) !important
}

.w-options-btn.member-interaction .my-follow {
    height: 2.8rem;
    gap: .125rem
}

.w-options-btn.member-interaction .my-follow span {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap
}

.w-options-btn.member-interaction .my-follow span:before {
    display: block;
    font-size: 1rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    color: #333;
    opacity: 1 !important
}

.w-options-btn.member-interaction.my-lists .options-toggle {
    background-color: rgba(73, 191, 60, .9);
    color: #fff;
    min-height: 48px
}

.w-options-btn.member-interaction.my-lists .options-toggle:hover {
    background-color: #49bf3c !important
}

.w-options-btn.member-interaction.my-lists .options-toggle:before {
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    top: .5px
}

.w-options-btn.member-interaction.my-lists .options-dropdown {
    padding: .25rem
}

.w-member-interaction {
    gap: .5rem;
    display: flex
}

.display-card .w-member-interaction {
    flex: 1 auto
}

.w-listing-screen-image .w-member-interaction,
.w-listing-season-image .w-member-interaction {
    position: absolute;
    left: .5rem;
    top: .5rem
}

.w-listing-game-image .w-member-interaction {
    position: absolute;
    left: 1.5rem;
    top: .5rem
}

.rich-tag .w-member-interaction {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    z-index: 2
}

.rich-tag:has(.display-card.type-screen) .w-member-interaction,
.rich-tag:has(.display-card.type-vehicle-submodel) .w-member-interaction,
.rich-tag:has(.display-card.type-video-game) .w-member-interaction,
.w-member-interaction .pinned-tag-sidebar .rich-tag:has(.display-card.type-screen),
.w-member-interaction .pinned-tag-sidebar .rich-tag:has(.display-card.type-vehicle-submodel),
.w-member-interaction .pinned-tag-sidebar .rich-tag:has(.display-card.type-video-game) {
    position: relative;
    left: 0;
    top: 0
}

.pinned-tag-sidebar .rich-tag .w-member-interaction {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    z-index: 2
}

.pinned-tag-sidebar .rich-tag:has(.w-display-card-heading) .w-member-interaction {
    top: 4.5rem
}

.w-listing-title .w-member-interaction .options-dropdown {
    right: 0;
    left: auto
}

.display-card.tag .w-member-interaction {
    grid-area: dc-img;
    align-self: start;
    z-index: 2;
    margin: 2rem 0 0 2rem
}

.display-card.tag.screen .w-member-interaction {
    margin: 1.5rem;
    top: unset;
    left: unset
}

.user-alert-box {
    position: relative;
    z-index: 10;
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    max-width: 800px;
    margin: 0 auto 1rem;
    padding: 1rem;
    background-color: rgba(16, 16, 16, .8);
    border-radius: 8px;
    border: 1px solid #777;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    text-transform: none
}

.w-newsletter-in_article .user-alert-box {
    background: none;
    padding: 0;
    color: #333;
    border: none
}

.user-alert-box.alert-success {
    border-color: #10c46e
}

.user-alert-box.alert-success:before {
    content: "\E5CA";
    color: #10c46e;
    font-size: 1.5rem
}

.user-alert-box.alert-error {
    border-color: #ff1540
}

.user-alert-box.alert-error:before {
    content: "\E934";
    color: #ff1540;
    font-size: 1.5rem
}

.premium-box label,
.user-content label,
.user-form-label {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #101010;
    line-height: 1
}

.premium-box label:has(+input),
.premium-box label:has(+textarea),
.user-content label:has(+input),
.user-content label:has(+textarea),
.user-form-label:has(+input),
.user-form-label:has(+textarea) {
    margin-bottom: .5rem
}

.premium-box label.label-title,
.user-content label.label-title,
.user-form-label.label-title {
    text-transform: uppercase;
    letter-spacing: 1px
}

.premium-box label.inside-label,
.user-content label.inside-label,
.user-form-label.inside-label {
    position: absolute;
    top: .5rem;
    left: 1rem;
    z-index: 2;
    margin: 0
}

.premium-box label.inside-label+input[type=email],
.premium-box label.inside-label+input[type=password],
.premium-box label.inside-label+input[type=text],
.user-content label.inside-label+input[type=email],
.user-content label.inside-label+input[type=password],
.user-content label.inside-label+input[type=text],
.user-form-label.inside-label+input[type=email],
.user-form-label.inside-label+input[type=password],
.user-form-label.inside-label+input[type=text] {
    padding: 1.5rem 1rem .75rem
}

.premium-box input[type=email],
.premium-box input[type=password],
.premium-box input[type=text],
.premium-box textarea,
.user-content input[type=email],
.user-content input[type=password],
.user-content input[type=text],
.user-content textarea,
.user-form-input,
.w-searchable-input,
.w-searchable-list .searchable-results {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    cursor: text
}

.has-inside-label.w-searchable-input,
.premium-box input.has-inside-label[type=email],
.premium-box input.has-inside-label[type=password],
.premium-box input.has-inside-label[type=text],
.premium-box textarea.has-inside-label,
.user-content input.has-inside-label[type=email],
.user-content input.has-inside-label[type=password],
.user-content input.has-inside-label[type=text],
.user-content textarea.has-inside-label,
.user-form-input.has-inside-label,
.w-searchable-list .has-inside-label.searchable-results {
    padding: 1.5rem 1rem .75rem
}

.premium-box input[type=email]:focus,
.premium-box input[type=email]:hover,
.premium-box input[type=password]:focus,
.premium-box input[type=password]:hover,
.premium-box input[type=text]:focus,
.premium-box input[type=text]:hover,
.premium-box textarea:focus,
.premium-box textarea:hover,
.user-content input[type=email]:focus,
.user-content input[type=email]:hover,
.user-content input[type=password]:focus,
.user-content input[type=password]:hover,
.user-content input[type=text]:focus,
.user-content input[type=text]:hover,
.user-content textarea:focus,
.user-content textarea:hover,
.user-form-input:focus,
.user-form-input:hover,
.w-searchable-input:focus,
.w-searchable-input:hover,
.w-searchable-list .searchable-results:focus,
.w-searchable-list .searchable-results:hover {
    border-color: #333;
    transition: all .3s ease
}

.premium-box input[type=email]::-moz-placeholder,
.premium-box input[type=password]::-moz-placeholder,
.premium-box input[type=text]::-moz-placeholder,
.premium-box textarea::-moz-placeholder,
.user-content input[type=email]::-moz-placeholder,
.user-content input[type=password]::-moz-placeholder,
.user-content input[type=text]::-moz-placeholder,
.user-content textarea::-moz-placeholder,
.user-form-input::-moz-placeholder,
.w-searchable-input::-moz-placeholder,
.w-searchable-list .searchable-results::-moz-placeholder {
    font-size: 1em;
    color: #b6b4b5
}

.premium-box input[type=email]::placeholder,
.premium-box input[type=password]::placeholder,
.premium-box input[type=text]::placeholder,
.premium-box textarea::placeholder,
.user-content input[type=email]::placeholder,
.user-content input[type=password]::placeholder,
.user-content input[type=text]::placeholder,
.user-content textarea::placeholder,
.user-form-input::placeholder,
.w-searchable-input::placeholder,
.w-searchable-list .searchable-results::placeholder {
    font-size: 1em;
    color: #b6b4b5
}

.error.w-searchable-input,
.premium-box input.error[type=email],
.premium-box input.error[type=password],
.premium-box input.error[type=text],
.premium-box textarea.error,
.user-content input.error[type=email],
.user-content input.error[type=password],
.user-content input.error[type=text],
.user-content textarea.error,
.user-form-input.error,
.w-searchable-list .error.searchable-results {
    border-color: #ff1540
}

.prefilled.w-searchable-input,
.premium-box input.prefilled[type=email],
.premium-box input.prefilled[type=password],
.premium-box input.prefilled[type=text],
.premium-box textarea.prefilled,
.user-content input.prefilled[type=email],
.user-content input.prefilled[type=password],
.user-content input.prefilled[type=text],
.user-content textarea.prefilled,
.user-form-input.prefilled,
.w-searchable-list .prefilled.searchable-results {
    cursor: default;
    padding: 0;
    color: #777;
    border: none;
    background: none
}

.premium-box input.read-only[type=email],
.premium-box input.read-only[type=password],
.premium-box input.read-only[type=text],
.premium-box textarea.read-only,
.read-only.w-searchable-input,
.user-content input.read-only[type=email],
.user-content input.read-only[type=password],
.user-content input.read-only[type=text],
.user-content textarea.read-only,
.user-form-input.read-only,
.w-searchable-list .read-only.searchable-results {
    border: 0
}

.has-inside-label {
    position: relative
}

.user-form-select {
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #fff;
    padding: .75rem 2rem .75rem 1rem;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #101010;
    background-image: url(https://static0.colliderimages.com/assets/images/chevron-down.f6dce445.svg);
    background-repeat: no-repeat;
    background-position: 94.5%;
    background-size: auto 15px
}

.user-form-select.error {
    border-color: #ff1540
}

.user-form-select:focus,
.user-form-select:hover {
    border-color: #333;
    outline: none
}

.user-form-select.has-inside-label {
    padding: 1.5rem 2rem .75rem 1rem
}

.user-form-select option[value=""] {
    color: #777
}

.user-form-select option {
    font-family: Roboto, Arial, sans-serif;
    font-size: 400;
    font-weight: 1rem;
    color: #101010;
    line-height: 1
}

.user-dialog-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999999805;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 15% 1rem;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5);
    scrollbar-width: none
}

.user-dialog-container[open] {
    display: flex
}

.user-dialog-container::-webkit-scrollbar {
    display: none
}

.text-input-note {
    margin: 0
}

.searchable-dropdown {
    position: relative
}

.searchable-dropdown.is-opened .w-searchable-input {
    border-color: #333
}

.w-searchable-input {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.w-searchable-input:hover {
    cursor: pointer
}

.w-searchable-input.has-inside-label:has(.searchable-input) {
    padding: 0
}

.w-searchable-input.has-inside-label:has(.searchable-input) .searchable-input {
    padding: 1.5rem 2rem .75rem 1rem
}

.w-searchable-input .searchable-input {
    width: 100%;
    display: flex;
    gap: .5rem;
    align-items: center;
    color: #777;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.w-searchable-input .searchable-arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333;
    color: #fff;
    border-radius: 0 4px 4px 0;
    pointer-events: none
}

.w-searchable-list {
    position: absolute;
    z-index: 3;
    left: 0;
    top: calc(100% - 4px);
    width: 100%;
    box-shadow: 0 4px 12px 0 #e2e2e2
}

.w-searchable-list .searchable-results {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    max-height: 200px;
    overflow-y: scroll;
    margin-top: -4px;
    padding: 0;
    border-radius: 0 0 4px 4px;
    border-color: currentcolor #333 #333;
    border-top: #333
}

.w-searchable-list .searchable-results .searchable-item {
    width: 100%;
    padding: .5rem 1rem;
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    text-align: left
}

.w-searchable-list .searchable-results .searchable-item:hover {
    background-color: #f2f2f2
}

.w-searchable-list .searchable-results .searchable-item.is-selected {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .5rem
}

.w-searchable-list .searchable-results .searchable-item.is-selected:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    content: "\E5CA"
}

.modal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5)
}

.modal-content {
    background-color: #fff;
    width: 100%;
    max-width: 520px;
    position: relative;
    border-radius: 8px
}

.modal-content .w-modal-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #101010;
    border-radius: 8px 8px 0 0
}

.modal-content .modal-title {
    font-family: ‘Roboto’, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f2f2f2;
    line-height: 1
}

.modal-content .modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f2f2f2;
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer
}

.modal-content .modal-close:focus,
.modal-content .modal-close:hover {
    color: #d3d3d3;
    text-decoration: none;
    cursor: pointer
}

.modal-content .modal-message {
    padding: 1.5rem;
    margin: 0;
    font-size: .875rem;
    border-bottom: 2px solid #d3d3d3
}

.modal-content .modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 0 0 8px 8px
}

.w-tooltip {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center
}

.w-tooltip .tooltip-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem
}

.w-tooltip .tooltip-btn:before {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333
}

.w-tooltip .tooltip-btn:hover {
    cursor: pointer
}

.tooltip-box {
    position: absolute;
    z-index: 3;
    gap: 1rem;
    align-items: center;
    width: 90%;
    padding: 1rem;
    margin: 0 auto;
    background: #333;
    border-radius: .5rem;
    scrollbar-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0;
    transform: scale(.95);
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease
}

.tooltip-box.is-show {
    display: flex;
    opacity: 1;
    transform: scale(1);
    pointer-events: auto
}

.tooltip-box:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #333;
    top: -10px;
    left: 20px
}

.tooltip-box.start {
    left: 0
}

.tooltip-box.end {
    right: 0
}

.tooltip-box.tooltip-top {
    bottom: 100%;
    transform: translateY(-10px) translateX(-.75rem)
}

.tooltip-box.tooltip-top:before {
    top: 100%;
    left: .75rem;
    border-color: #333 transparent transparent
}

.tooltip-box.tooltip-bottom {
    top: 100%;
    transform: translateY(10px) translateX(-.75rem)
}

.tooltip-box.tooltip-bottom:before {
    bottom: 100%;
    left: .75rem;
    border-color: transparent transparent #333
}

.tooltip-box.tooltip-bottom.center {
    left: 50%;
    transform: translateY(10px) translateX(-50%)
}

.tooltip-box.tooltip-bottom.center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip-box p,
.tooltip-box ul li {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 1
}

.tooltip-box .tooltip-content-list {
    margin-inline-start: 1rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.tooltip-box .tooltip-content-list li {
    list-style: disc
}

.browse-grid .ad-zone-container {
    margin-bottom: 0
}

.w-website .ad-zone-container-footer-sticky-footer {
    font-size: 0;
    width: 100%;
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #d6d6d6;
    padding: 0;
    z-index: 999999999;
    box-shadow: 0 0 24px 4px rgba(36, 36, 36, .12)
}

.w-website .ad-zone-container-footer-sticky-footer .ad-zone-advertising-tag {
    display: none
}

.adzone-above-latest {
    margin: 1.5rem auto 0;
    grid-column: 1/span 4
}

.comments-feed-item .image-expandable div:before,
.icon:after,
.icon:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400
}

.comments-feed-item .image-expandable div.i-search:before,
.icon.i-search:before {
    content: "\E944"
}

.comments-feed-item .image-expandable div.i-video-hub:before,
.icon.i-video-hub:before {
    content: "\E998"
}

.comments-feed-item .image-expandable div.i-close:before,
.icon.i-close:before {
    content: "\E94B"
}

.comments-feed-item .image-expandable div.i-chevron-down-solid:before,
.icon.i-chevron-down-solid:before {
    content: "\E94F"
}

.comments-feed-item .image-expandable div.i-chevron-up-solid:before,
.icon.i-chevron-up-solid:before {
    content: "\E94F";
    rotate: 180deg
}

.comments-feed-item .image-expandable div.i-check:before,
.icon.i-check:before {
    content: "\E5CA"
}

.comments-feed-item .image-expandable div.i-trending:before,
.icon.i-trending:before {
    content: "\E8E5"
}

.comments-feed-item .image-expandable div.i-trending-2:before,
.icon.i-trending-2:before {
    content: "\E908"
}

.comments-feed-item .image-expandable div.i-trending-3:before,
.icon.i-trending-3:before {
    content: "\E90D"
}

.comments-feed-item .image-expandable div.i-trending-4:before,
.icon.i-trending-4:before {
    content: "\E961"
}

.comments-feed-item .image-expandable div.i-featured-1:before,
.icon.i-featured-1:before {
    content: "\E9A9"
}

.comments-feed-item .image-expandable div.i-featured-2:before,
.icon.i-featured-2:before {
    content: "\E97F"
}

.comments-feed-item .image-expandable div.i-full-view:before,
.icon.i-full-view:before {
    content: "\E922"
}

.comments-feed-item .image-expandable div.i-comment-submit:before,
.icon.i-comment-submit:before {
    content: "\E968"
}

.comments-feed-item .image-expandable div.i-play:before,
.icon.i-play:before {
    content: "\F04B"
}

.comments-feed-item .image-expandable div.i-cancel-2:before,
.icon.i-cancel-2:before {
    content: "\E949"
}

.comments-feed-item .image-expandable div.i-play2:before,
.icon.i-play2:before {
    content: "\EA03"
}

.comments-feed-item .image-expandable div.i-clock:before,
.icon.i-clock:before {
    content: "\E9D1"
}

.comments-feed-item .image-expandable div.i-profile:before,
.icon.i-profile:before {
    content: "\E921"
}

.comments-feed-item .image-expandable div.i-location:before,
.icon.i-location:before {
    content: "\E956"
}

.comments-feed-item .image-expandable div.i-refresh:before,
.icon.i-refresh:before {
    content: "\F01E"
}

.comments-feed-item .image-expandable div.i-plus:before,
.icon.i-plus:before {
    content: "\E9BE"
}

.comments-feed-item .image-expandable div.i-plus-small:before,
.icon.i-plus-small:before {
    content: "\F067"
}

.comments-feed-item .image-expandable div.i-plus-square:before,
.icon.i-plus-square:before {
    content: "\E9BD"
}

.comments-feed-item .image-expandable div.i-plus-large:before,
.comments-feed-item .image-expandable div.i-plus-solid:before,
.icon.i-plus-large:before,
.icon.i-plus-solid:before {
    content: "\E94C"
}

.comments-feed-item .image-expandable div.i-minus:before,
.icon.i-minus:before {
    content: "\F068"
}

.comments-feed-item .image-expandable div.i-expand:before,
.icon.i-expand:before {
    content: "\F065"
}

.comments-feed-item .image-expandable div.i-drag:before,
.icon.i-drag:before {
    content: "\E9C8"
}

.comments-feed-item .image-expandable div.i-drag-long:before,
.icon.i-drag-long:before {
    content: "\E99C"
}

.comments-feed-item .image-expandable div.i-tldr-2:before,
.icon.i-tldr-2:before {
    content: "\E905"
}

.comments-feed-item .image-expandable div.i-tldr-1:before,
.icon.i-tldr-1:before {
    content: "\E904"
}

.comments-feed-item .image-expandable div.i-newspaper:before,
.icon.i-newspaper:before {
    content: "\E94D"
}

.comments-feed-item .image-expandable div.i-star:before,
.icon.i-star:before {
    content: "\E914"
}

.comments-feed-item .image-expandable div.i-pinned:before,
.icon.i-pinned:before {
    content: "\E9B3"
}

.comments-feed-item .image-expandable div.i-add-2:before,
.icon.i-add-2:before {
    content: "\E93B"
}

.comments-feed-item .image-expandable div.i-premium-pick:before,
.icon.i-premium-pick:before {
    content: "\E909"
}

.comments-feed-item .image-expandable div.i-editor-choice:before,
.icon.i-editor-choice:before {
    content: "\E90A"
}

.comments-feed-item .image-expandable div.i-best-value:before,
.icon.i-best-value:before {
    content: "\E90B"
}

.comments-feed-item .image-expandable div.i-tag:before,
.icon.i-tag:before {
    content: "\F02B"
}

.comments-feed-item .image-expandable div.i-quote-left:before,
.icon.i-quote-left:before {
    content: "\F107"
}

.comments-feed-item .image-expandable div.i-quote-right:before,
.icon.i-quote-right:before {
    content: "\F10E"
}

.comments-feed-item .image-expandable div.i-list:before,
.icon.i-list:before {
    content: "\E930"
}

.comments-feed-item .image-expandable div.i-info:before,
.icon.i-info-a:after,
.icon.i-info:before {
    content: "\E931"
}

.comments-feed-item .image-expandable div.i-menu:before,
.icon.i-menu:before {
    content: "\E938"
}

.comments-feed-item .image-expandable div.i-menu-open:before,
.icon.i-menu-open:before {
    content: "\E939"
}

.comments-feed-item .image-expandable div.i-sphere:before,
.icon.i-sphere:before {
    content: "\E9C9"
}

.comments-feed-item .image-expandable div.i-promoted:before,
.icon.i-promoted:before {
    content: "\E958"
}

.comments-feed-item .image-expandable div.i-calendar:before,
.icon.i-calendar:before {
    content: "\E93A"
}

.icon.i-arrow-1:after {
    content: "\E980"
}

.icon.i-arrow-2:after {
    content: "\F061"
}

.icon.i-arrow-3:after {
    content: "\F0DA"
}

.icon.i-arrow-4:after {
    content: "\E980"
}

.icon.i-arrow-5:after {
    content: "\F178"
}

.icon.i-arrow-6:after {
    content: "\E94F"
}

.icon.i-arrow:after,
.icon.i-long-arrow:after {
    content: "\E9D0"
}

.comments-feed-item .image-expandable div.i-arrow-back:before,
.icon.i-arrow-back:before {
    content: "\E9D0";
    transform: rotate(180deg)
}

.comments-feed-item .image-expandable div.i-arrow-up:before,
.icon.i-arrow-up:before {
    content: "\E9D0";
    transform: rotate(270deg)
}

.comments-feed-item .image-expandable div.i-caret-down:before,
.icon.i-caret-down:before {
    content: "\E9CF"
}

.comments-feed-item .image-expandable div.i-tv:before,
.icon.i-tv:before {
    content: "\E95B"
}

.comments-feed-item .image-expandable div.i-photo-gallery:before,
.icon.i-photo-gallery:before {
    content: "\E9A7"
}

.comments-feed-item .image-expandable div.i-activity:before,
.icon.i-activity:before {
    content: "\E983"
}

.comments-feed-item .image-expandable div.i-facebook:before,
.icon.i-facebook:before {
    content: "\F09A"
}

.comments-feed-item .image-expandable div.i-bluesky:before,
.icon.i-bluesky:before {
    content: "\E9C5"
}

.comments-feed-item .image-expandable div.i-mastodon:before,
.icon.i-mastodon:before {
    content: "\E95E"
}

.comments-feed-item .image-expandable div.i-opencritic:before,
.icon.i-opencritic:before {
    content: "\E95F"
}

.comments-feed-item .image-expandable div.i-threads:before,
.icon.i-threads:before {
    content: "\E960"
}

.comments-feed-item .image-expandable div.i-amazon:before,
.icon.i-amazon:before {
    content: "\E93D"
}

.comments-feed-item .image-expandable div.i-acast:before,
.icon.i-acast:before {
    content: "\E93E"
}

.comments-feed-item .image-expandable div.i-twitter:before,
.comments-feed-item .image-expandable div.i-x:before,
.icon.i-twitter:before,
.icon.i-x:before {
    content: "\E95D"
}

.comments-feed-item .image-expandable div.i-instagram:before,
.icon.i-instagram:before {
    content: "\F16D"
}

.comments-feed-item .image-expandable div.i-copy-url:before,
.icon.i-copy-url:before {
    content: "\E9CB"
}

.comments-feed-item .image-expandable div.i-copy-text:before,
.icon.i-copy-text:before {
    content: "\E9A2"
}

.comments-feed-item .image-expandable div.i-pinterest:before,
.icon.i-pinterest:before {
    content: "\F1EA"
}

.comments-feed-item .image-expandable div.i-linkedIn:before,
.icon.i-linkedIn:before {
    content: "\EAC9"
}

.comments-feed-item .image-expandable div.i-youtube:before,
.icon.i-youtube:before {
    content: "\F16A"
}

.comments-feed-item .image-expandable div.i-youtube-2:before,
.icon.i-youtube-2:before {
    content: "\F167"
}

.comments-feed-item .image-expandable div.i-share:before,
.icon.i-share:before {
    content: "\F064"
}

.comments-feed-item .image-expandable div.i-social:before,
.icon.i-social:before {
    content: "\EA83"
}

.comments-feed-item .image-expandable div.i-mail-1:before,
.icon.i-mail-1:before {
    content: "\E94D"
}

.comments-feed-item .image-expandable div.i-mail-2:before,
.icon.i-mail-2:before {
    content: "\E94E"
}

.comments-feed-item .image-expandable div.i-url-link:before,
.icon.i-url-link:before {
    content: "\F08E"
}

.comments-feed-item .image-expandable div.i-feed:before,
.icon.i-feed:before {
    content: "\F09E"
}

.comments-feed-item .image-expandable div.i-google-news:before,
.icon.i-google-news:before {
    content: "\E911"
}

.comments-feed-item .image-expandable div.i-apple-news:before,
.icon.i-apple-news:before {
    content: "\E903"
}

.comments-feed-item .image-expandable div.i-apple:before,
.icon.i-apple:before {
    content: "\EABE"
}

.comments-feed-item .image-expandable div.i-window:before,
.icon.i-window:before {
    content: "\EAC2"
}

.comments-feed-item .image-expandable div.i-linux:before,
.icon.i-linux:before {
    content: "\EABD"
}

.comments-feed-item .image-expandable div.i-flipboard:before,
.icon.i-flipboard:before {
    content: "\E901"
}

.comments-feed-item .image-expandable div.i-swipe:before,
.icon.i-swipe:before {
    content: "\E900"
}

.comments-feed-item .image-expandable div.i-swipe-2:before,
.icon.i-swipe-2:before {
    content: "\E906"
}

.comments-feed-item .image-expandable div.i-reddit:before,
.icon.i-reddit:before {
    content: "\EAC6"
}

.comments-feed-item .image-expandable div.i-tiktok:before,
.icon.i-tiktok:before {
    content: "\E910"
}

.comments-feed-item .image-expandable div.i-twitch:before,
.icon.i-twitch:before {
    content: "\EA9F"
}

.comments-feed-item .image-expandable div.i-feedly:before,
.icon.i-feedly:before {
    content: "\E90E"
}

.comments-feed-item .image-expandable div.i-pushbullet:before,
.icon.i-pushbullet:before {
    content: "\E90F"
}

.comments-feed-item .image-expandable div.i-linkedin:before,
.icon.i-linkedin:before {
    content: "\E919"
}

.comments-feed-item .image-expandable div.i-spotify:before,
.icon.i-spotify:before {
    content: "\E91F"
}

.comments-feed-item .image-expandable div.i-anchor:before,
.icon.i-anchor:before {
    content: "\E91E"
}

.comments-feed-item .image-expandable div.i-megaphone:before,
.icon.i-megaphone:before {
    content: "\E91D"
}

.comments-feed-item .image-expandable div.i-discord:before,
.icon.i-discord:before {
    content: "\E91C"
}

.comments-feed-item .image-expandable div.i-telegram:before,
.icon.i-telegram:before {
    content: "\E91B"
}

.comments-feed-item .image-expandable div.i-snapchat:before,
.icon.i-snapchat:before {
    content: "\E91A"
}

.comments-feed-item .image-expandable div.i-whatsapp:before,
.icon.i-whatsapp:before {
    content: "\EA93"
}

.comments-feed-item .image-expandable div.i-wechat:before,
.icon.i-wechat:before {
    content: "\F1D7"
}

.comments-feed-item .image-expandable div.i-medium:before,
.icon.i-medium:before {
    content: "\E935"
}

.comments-feed-item .image-expandable div.i-tumblr:before,
.icon.i-tumblr:before {
    content: "\EAB9"
}

.comments-feed-item .image-expandable div.i-signal:before,
.icon.i-signal:before {
    content: "\E936"
}

.comments-feed-item .image-expandable div.i-substack:before,
.icon.i-substack:before {
    content: "\E937"
}

.comments-feed-item .image-expandable div.i-muckrack:before,
.icon.i-muckrack:before {
    content: "\E93C";
    font-size: 1.5rem
}

.comments-feed-item .image-expandable div.i-premium:before,
.icon.i-premium:before {
    content: "\E9AF"
}

.icon.i-login:after {
    content: "\E926";
    font-size: 1.5em
}

.comments-feed-item .image-expandable div.i-logout:before,
.icon.i-logout:before {
    content: "\E925"
}

.comments-feed-item .image-expandable div.i-options:before,
.icon.i-options:before {
    content: "\E905"
}

.comments-feed-item .image-expandable div.i-pin:before,
.icon.i-pin:before {
    content: "\E970"
}

.comments-feed-item .image-expandable div.i-delete:before,
.icon.i-delete:before {
    content: "\E929"
}

.comments-feed-item .image-expandable div.i-ordering:before,
.icon.i-ordering:before {
    content: "\E986"
}

.comments-feed-item .image-expandable div.i-user-b:before,
.icon.i-user-b:before {
    content: "\E971"
}

.comments-feed-item .image-expandable div.i-bring-to-front:before,
.icon.i-bring-to-front:before {
    content: "\E9B8"
}

.comments-feed-item .image-expandable div.i-user-active:before,
.icon.i-user-active:before {
    content: "\E975"
}

.comments-feed-item .image-expandable div.i-back:before,
.icon.i-back:before {
    content: "\E923";
    transform: rotate(180deg);
    font-size: 1rem
}

.comments-feed-item .image-expandable div.i-edit-b:before,
.icon.i-edit-b:before,
.icon.i-edit:after {
    content: "\E92C"
}

.comments-feed-item .image-expandable div.i-edit-2:before,
.icon.i-edit-2:before {
    content: "\E987"
}

.icon.i-save:after {
    content: "\E92E";
    font-size: 1rem
}

.comments-feed-item .image-expandable div.i-newsletter:before,
.comments-feed-item .image-expandable div.i-notification:before,
.icon.i-newsletter:before,
.icon.i-notification:before {
    content: "\E943"
}

.comments-feed-item .image-expandable div.i-vote:before,
.comments-feed-item .image-expandable div.i-voted:before,
.icon.i-vote:before,
.icon.i-voted:before {
    content: "\E994"
}

.comments-feed-item .image-expandable div.i-thumb-off:before,
.icon.i-thumb-off:before {
    content: "\E959"
}

.comments-feed-item .image-expandable div.i-thumb-on:before,
.icon.i-thumb-on:before {
    content: "\E957"
}

.comments-feed-item .image-expandable div.i-search-menu:before,
.icon.i-search-menu:before {
    content: "\E944"
}

.comments-feed-item .image-expandable div.i-close-menu:before,
.icon.i-close-menu:before {
    content: "\E949"
}

.comments-feed-item .image-expandable div.i-menu-new:before,
.icon.i-menu-new:before {
    content: "\E940"
}

.comments-feed-item .image-expandable div.i-lang:before,
.icon.i-lang:before {
    content: "\E941"
}

.comments-feed-item .image-expandable div.i-user:before,
.icon.i-user:before {
    content: "\E947"
}

.comments-feed-item .image-expandable div.i-menu-newsletter:before,
.icon.i-menu-newsletter:before {
    content: "\E94D"
}

.comments-feed-item .image-expandable div.i-work:before,
.icon.i-work:before {
    content: "\E950"
}

.comments-feed-item .image-expandable div.i-menu-advertise:before,
.icon.i-menu-advertise:before {
    content: "\E954"
}

.comments-feed-item .image-expandable div.i-change:before,
.icon.i-change:before {
    content: "\E963"
}

.comments-feed-item .image-expandable div.i-thread-title:before,
.comments-feed-item .image-expandable div.i-thread:before,
.icon.i-thread-title:before,
.icon.i-thread:before {
    content: "\E97E"
}

.comments-feed-item .image-expandable div.i-thread-reply:before,
.icon.i-thread-reply:before {
    content: "\E98B"
}

.comments-feed-item .image-expandable div.i-thread-user:before,
.icon.i-thread-user:before {
    content: "\E976"
}

.comments-feed-item .image-expandable div.i-thread-feed:before,
.icon.i-thread-feed:before {
    content: "\E97A"
}

.comments-feed-item .image-expandable div.i-thread-total:before,
.icon.i-thread-total:before {
    content: "\E9A4"
}

.comments-feed-item .image-expandable div.i-thread-duotone:before,
.icon.i-thread-duotone:before {
    content: "\E9C6"
}

.comments-feed-item .image-expandable div.i-thread-add:before,
.icon.i-thread-add:before {
    content: "\E97C"
}

.comments-feed-item .image-expandable div.i-database-letter:before,
.icon.i-database-letter:before {
    content: "\E92F"
}

.comments-feed-item .image-expandable div.i-tv-schedule:before,
.icon.i-tv-schedule:before {
    content: "\E99E"
}

.comments-feed-item .image-expandable div.i-user-edit:before,
.icon.i-user-edit:before {
    content: "\E973"
}

.comments-feed-item .image-expandable div.i-users:before,
.icon.i-users:before {
    content: "\E98C"
}

.comments-feed-item .image-expandable div.i-movie-slate:before,
.icon.i-movie-slate:before {
    content: "\E999"
}

.comments-feed-item .image-expandable div.i-ticket:before,
.icon.i-ticket:before {
    content: "\E99A"
}

.comments-feed-item .image-expandable div.i-movie:before,
.icon.i-movie:before {
    content: "\E99B"
}

.icon.i-substitute-in:after {
    content: "\E98D"
}

.icon.i-substitute-out:after {
    content: "\E98E"
}

.comments-feed-item .image-expandable div.i-goal:before,
.icon.i-goal:before {
    content: "\E993"
}

.comments-feed-item .image-expandable div.i-yellow-card:before,
.icon.i-yellow-card:before {
    content: "\E991"
}

.comments-feed-item .image-expandable div.i-red-card:before,
.icon.i-red-card:before {
    content: "\E98F"
}

.comments-feed-item .image-expandable div.i-assist:before,
.icon.i-assist:before {
    content: "\E9A5"
}

.comments-feed-item .image-expandable div.i-league:before,
.icon.i-league:before {
    content: "\E9B6"
}

.comments-feed-item .image-expandable div.i-manager:before,
.icon.i-manager:before {
    content: "\E9B7"
}

.comments-feed-item .image-expandable div.i-stadium:before,
.icon.i-stadium:before {
    content: "\E9B5"
}

.comments-feed-item .image-expandable div.i-favorite:before,
.icon.i-favorite:before {
    content: "\E96E"
}

.comments-feed-item .image-expandable div.i-favorite-checked:before,
.icon.i-favorite-checked:before {
    content: "\E977"
}

.comments-feed-item .image-expandable div.i-favorited:before,
.icon.i-favorited:before {
    content: "\E92A"
}

.comments-feed-item .image-expandable div.i-fire:before,
.icon.i-fire:before {
    content: "\E964"
}

.comments-feed-item .image-expandable div.i-comment:before,
.icon.i-comment:before {
    content: "\E96C"
}

.comments-feed-item .image-expandable div.i-like.empty:before,
.icon.i-like.empty:before {
    content: "\E966"
}

.comments-feed-item .image-expandable div.i-like.full:before,
.icon.i-like.full:before {
    content: "\E967"
}

.comments-feed-item .image-expandable div.i-check-full:before,
.icon.i-check-full:before {
    content: "\E95C"
}

.comments-feed-item .image-expandable div.i-cancel-full:before,
.icon.i-cancel-full:before {
    content: "\E95A"
}

.comments-feed-item .image-expandable div.i-user-full:before,
.icon.i-user-full:before {
    content: "\E96A"
}

.comments-feed-item .image-expandable div.i-previous:before,
.icon.i-previous:before {
    content: "\E99D"
}

.comments-feed-item .image-expandable div.i-next:before,
.icon.i-next:before {
    content: "\E9D0"
}

.comments-feed-item .image-expandable div.series-all:before,
.icon.series-all:before {
    content: "\E96B"
}

.comments-feed-item .image-expandable div.i-dc-expand:before,
.icon.i-dc-expand:before {
    content: "\E96D"
}

.comments-feed-item .image-expandable div.i-comment-double:before,
.icon.i-comment-double:before {
    content: "\E96F"
}

.comments-feed-item .image-expandable div.i-comment-share:before,
.icon.i-comment-share:before {
    content: "\E9CB"
}

.comments-feed-item .image-expandable div.i-rate:before,
.comments-feed-item .image-expandable div.i-review:before,
.icon.i-rate:before,
.icon.i-review:before {
    content: "\E9D2"
}

.comments-feed-item .image-expandable div.i-topics:before,
.icon.i-topics:before {
    content: "\E933"
}

.comments-feed-item .image-expandable div.i-author:before,
.icon.i-author:before {
    content: "\E972"
}

.comments-feed-item .image-expandable div.i-write:before,
.icon.i-write:before {
    content: "\E973"
}

.comments-feed-item .image-expandable div.i-flash:before,
.icon.i-flash:before {
    content: "\E97F"
}

.comments-feed-item .image-expandable div.i-follow:before,
.icon.i-follow:before {
    content: "\E977"
}

.comments-feed-item .image-expandable div.i-unfollow:before,
.icon.i-unfollow:before {
    content: "\E96E"
}

.comments-feed-item .image-expandable div.i-link-url:before,
.icon.i-link-url-a:after,
.icon.i-link-url:before {
    content: "\E98A"
}

.comments-feed-item .image-expandable div.i-cta-back:before,
.icon.i-cta-back:before {
    content: "\E980";
    transform: rotate(180deg)
}

.comments-feed-item .image-expandable div.i-ctrl-previous:before,
.icon.i-ctrl-previous:before {
    content: "\E9A1"
}

.comments-feed-item .image-expandable div.i-ctrl-next:before,
.icon.i-ctrl-next:before {
    content: "\E980"
}

.comments-feed-item .image-expandable div.i-payment:before,
.icon.i-payment:after,
.icon.i-payment:before {
    content: "\E99F"
}

.comments-feed-item .image-expandable div.i-video:before,
.icon.i-video:before {
    content: "\E997"
}

.comments-feed-item .image-expandable div.i-home:before,
.icon.i-home:before {
    content: "\E9A6"
}

.comments-feed-item .image-expandable div.i-paypal:before,
.icon.i-paypal:before {
    content: "\E9AB"
}

.icon.i-upload:after {
    content: "\E9B1"
}

.icon.i-upload-image:after {
    content: "\E9B4"
}

.comments-feed-item .image-expandable div.i-playlist:before,
.icon.i-playlist:before {
    content: "\E9A8"
}

.comments-feed-item .image-expandable div.i-last-update:before,
.icon.i-last-update:before {
    content: "\E9BF"
}

.comments-feed-item .image-expandable div.i-channel:before,
.icon.i-channel:before {
    content: "\E9B0"
}

.comments-feed-item .image-expandable div.i-tooltip:before,
.icon.i-tooltip:before {
    content: "\E9AA"
}

.comments-feed-item .image-expandable div.i-revert:before,
.icon.i-revert:before {
    content: "\E9C2"
}

.comments-feed-item .image-expandable div.i-profile-link:before,
.icon.i-profile-link:before {
    content: "\E971"
}

.comments-feed-item .image-expandable div.i-gaming:before,
.icon.i-gaming:before {
    content: "\E9AE"
}

.comments-feed-item .image-expandable div.i-car:before,
.icon.i-car:before {
    content: "\E9BC"
}

.comments-feed-item .image-expandable div.i-steering-wheel:before,
.icon.i-steering-wheel:before {
    content: "\E9C0"
}

.comments-feed-item .image-expandable div.i-community:before,
.icon.i-community:before {
    content: "\E97B"
}

.comments-feed-item .image-expandable div.i-tab-menu:before,
.icon.i-tab-menu:before {
    content: "\E9CA"
}

.comments-feed-item .image-expandable div.i-ai-1:before,
.comments-feed-item .image-expandable div.i-sensa-1:before,
.icon.i-ai-1:before,
.icon.i-sensa-1:before {
    content: "\E9A0"
}

.comments-feed-item .image-expandable div.i-ai-2:before,
.comments-feed-item .image-expandable div.i-sensa-2:before,
.icon.i-ai-2:before,
.icon.i-sensa-2:before {
    content: "\E9A3"
}

.icon-pick-editor-white {
    background-image: url(https://static0.colliderimages.com/assets/images/icon-pick-editor-white.1365ccfb.svg)
}

.icon-pick-premium-white {
    background-image: url(https://static0.colliderimages.com/assets/images/icon-pick-premium-white.06fe0ad7.svg)
}

.icon-pick-value-white {
    background-image: url(https://static0.colliderimages.com/assets/images/icon-pick-value-white.335f7f9c.svg)
}

.icon-tag-type {
    background-image: url(https://static0.colliderimages.com/assets/images/default.419c84d1.svg);
    background-position: 50%;
    background-size: auto 80%;
    background-repeat: no-repeat
}

.icon-tag-type.airline-alliance,
.icon-tag-type.airline-group,
.icon-tag-type.airline-type,
.icon-tag-type.airlines {
    background-image: url(https://static0.colliderimages.com/assets/images/airlines.19a323d9.svg)
}

.icon-tag-type.airport {
    background-image: url(https://static0.colliderimages.com/assets/images/airport.e1ff45c9.svg)
}

.icon-tag-type.comic-book {
    background-image: url(https://static0.colliderimages.com/assets/images/comic-book.c0269390.svg)
}

.icon-tag-type.tv-show,
.icon-tag-type.tv-shows {
    background-image: url(https://static0.colliderimages.com/assets/images/tv-shows.cc960a26.svg)
}

.icon-tag-type.aerospace-companies,
.icon-tag-type.aerospace-company,
.icon-tag-type.aerospace-company-type,
.icon-tag-type.tabletop-game-company,
.icon-tag-type.video-game-company,
.icon-tag-type.wrestling-company {
    background-image: url(https://static0.colliderimages.com/assets/images/companies.d2cf1ff9.svg)
}

.icon-tag-type.movie,
.icon-tag-type.movies {
    background-image: url(https://static0.colliderimages.com/assets/images/movies.307cf50d.svg)
}

.icon-tag-type.person {
    background-image: url(https://static0.colliderimages.com/assets/images/person.b64479c6.svg)
}

.icon-tag-type.phone-case {
    background-image: url(https://static0.colliderimages.com/assets/images/phone-case.4353a97d.svg)
}

.icon-tag-type.smartphone {
    background-image: url(https://static0.colliderimages.com/assets/images/smartphone.2469df7d.svg)
}

.icon-tag-type.tv-shows {
    background-image: url(https://static0.colliderimages.com/assets/images/tv-shows.cc960a26.svg)
}

.icon-tag-type.vehicle {
    background-image: url(https://static0.colliderimages.com/assets/images/vehicle.ee9d01c1.svg)
}

.icon-tag-type.video-game {
    background-image: url(https://static0.colliderimages.com/assets/images/video-game.28969258.svg)
}

.icon-tag-type.video-game-platform {
    background-image: url(https://static0.colliderimages.com/assets/images/video-game-platform.c0bddafe.svg)
}

html {
    box-sizing: border-box
}

body,
html {
    width: 100%
}

body {
    font-size: 16px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    counter-reset: number-rank;
    background: #fff
}

body img {
    display: block;
    width: 100%;
    height: auto
}

body.is-fixed {
    position: relative;
    overflow: hidden;
    height: 100%
}

*,
:after,
:before {
    box-sizing: inherit
}

a,
button,
input {
    outline: none;
    padding: 0;
    border-radius: 0;
    border: none
}

.article-body a:empty,
.article-body li:empty,
.article-body p:empty {
    display: none
}

sup {
    vertical-align: top
}

iframe {
    border: 0
}

.hide {
    display: none;
    text-indent: -9999999px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1px;
    position: absolute
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.on-load-show {
    visibility: hidden !important
}

.w-grid-system,
.web-layout {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    padding: 0
}

a:hover {
    text-decoration: none !important;
}

.w-loader {
    text-align: center
}

.w-loader svg {
    height: 100px;
    margin: 10px auto -10px;
    transform: translateX(15px)
}

#waypointLoader .w-loader svg {
    margin: -30px auto 0
}

.section-latest-news .w-loader {
    position: absolute;
    right: -33px;
    top: -23px;
    margin: 0
}

.w-website {
    width: 100vw;
    max-width: 100vw;
    position: relative
}

.w-content {
    width: 100%;
    min-height: 80vh;
    position: relative
}

.js-tldr .w-content {
    height: 100%
}

.w-content img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 4px
}

.w-content .wrapper:last-of-type {
    margin-bottom: 2rem
}

.w-content .wrapper.w-listing,
.w-content .wrapper.w-section-latest {
    margin-bottom: 0
}

.w-content+.w-content {
    padding-top: 1rem
}

.wrapper {
    --margin-site: 1rem;
    padding: 0 1rem;
    margin: 0 auto
}

.wrapper.w-featured-pinned-article {
    padding-top: 1rem
}

.wrapper.full-width {
    width: 100%;
    max-width: inherit;
    padding-left: 0;
    padding-right: 0
}

.wrapper.w-section-latest,
.wrapper.w-section-latest--home {
    background: #f2f2f2
}

.wrapper.w-section-latest--no-background {
    background: transparent
}

.wrapper.w-section-latest:has(.sub-content) {
    background: none
}

.wrapper.w-listing-header {
    background: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0
}

.wrapper.w-listing-header.author {
    position: relative;
    padding: 0;
    width: 100%;
    background: #17191f;
    margin-bottom: 1rem
}

.w-grid-system.grid-content {
    max-width: 1300px
}

.w-grid-system.grid-reading {
    max-width: 860px
}

.w-grid-system.grid-c1 {
    grid-template-columns: 1fr;
    max-width: 1300px
}

.w-static .w-grid-system,
.w-user-page .w-grid-system {
    max-width: 1100px;
    grid-template-columns: 1fr
}

.w-pencil-banner {
    width: 100%;
    margin: 0 auto;
    background: #49bf3c;
    text-align: center
}

.w-pencil-banner a {
    display: block;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 1;
    border: none;
    width: 100%;
    margin: 0 auto;
    padding: 8px 0
}

.w-listing-featured-category .w-grid-system {
    gap: 0
}

.section-latest {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.section-latest .sidebar {
    grid-area: sidebar;
    width: 100%
}

.section-latest .section-latest-news {
    grid-area: listing-content;
    position: relative;
    margin-bottom: 2rem
}

.section-latest .section-latest-news:has(.main-cta) {
    margin-bottom: 0
}

.section-latest:has(.subcontent) {
    grid-template-columns: 1fr;
    grid-template-areas: "subcontent" "sidebar"
}

.glider-contain {
    width: 100%
}

.glider,
.glider-contain {
    margin: 0 auto;
    position: relative
}

.glider {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.glider,
.glider-track {
    transform: translateZ(0)
}

.glider-track {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    z-index: 1
}

.glider.draggable {
    cursor: grab
}

.glider.draggable,
.glider.draggable .glider-slide img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glider.draggable .glider-slide img {
    pointer-events: none
}

.glider.drag {
    cursor: grabbing
}

.glider-slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    align-content: center;
    width: 100%
}

.glider-slide .user-profile-card.active {
    display: none
}

.glider-slide img {
    max-width: 100%
}

.glider::-webkit-scrollbar {
    opacity: 0;
    height: 0
}

.glider-next,
.glider-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    outline: none;
    background: none;
    padding: 0;
    z-index: 2;
    font-size: 40px;
    text-decoration: none;
    right: -23px;
    border: 0;
    top: 30%;
    cursor: pointer;
    color: #666;
    opacity: 1;
    line-height: 1;
    transition: opacity .5s cubic-bezier(.17, .67, .83, .67), color .5s cubic-bezier(.17, .67, .83, .67)
}

.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover {
    color: #fff
}

.glider-next {
    left: -23px;
    right: auto
}

.glider-next.disabled,
.glider-prev.disabled {
    opacity: 0;
    color: #666;
    cursor: default
}

.glider-slide {
    min-width: 150px
}

.glider-hide {
    opacity: 0
}

.glider-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto
}

.glider-dot,
.glider-dots {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0
}

.glider-dot {
    border: 0;
    outline: none;
    display: block;
    cursor: pointer;
    color: #ccc;
    border-radius: 999px;
    background: #ccc;
    width: 12px;
    height: 12px;
    margin: 7px
}

.glider-dot.active,
.glider-dot:focus,
.glider-dot:hover {
    background: #49bf3c
}

.w-header-user-box {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end
}

.directory .w-header-user-box {
    display: none;
    z-index: 3
}

.comments-feed-item .image-expandable .directory .w-header-user-box div:before,
.directory .w-header-user-box .comments-feed-item .image-expandable div:before,
.directory .w-header-user-box .icon,
.directory .w-header-user-box .user-box-title {
    color: #fff
}

.w-header-user-box:hover .user-box-title {
    text-decoration: underline
}

.comments-feed-item .image-expandable .w-header-user-box div:before,
.w-header-user-box .comments-feed-item .image-expandable div:before,
.w-header-user-box .icon {
    font-size: 1rem;
    color: #333
}

.user-box-title {
    font-size: .875rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: capitalize
}

.w-header-user-box .user-box-title {
    font-size: 1rem
}

.user-box-title .brand-color {
    color: #49bf3c;
    font-weight: 700
}

.ad-zone-container.adsninja-ad-zone-container-with-set-height:before {
    background: none !important
}

.w-content-slider .slide-list-page {
    transition: width .25s ease-in-out, min-width .25s ease-in-out, height .25s ease-in-out;
    height: 0 !important;
    overflow: hidden
}

.w-content-slider .slide-list-page.scroll {
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden
}

.w-content-slider .slide-list-page.current-page {
    height: auto !important
}

.w-header {
    position: sticky;
    top: 0;
    z-index: 1999999898;
    transition: all .15s ease;
    background: #fff
}

.w-header.db-header {
    display: none
}

.header-nav {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.header-nav.nav-menu {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    padding: .25rem 0;
    height: 54px;
    gap: .75rem
}

.header-nav.nav-menu.has-secondary-header {
    display: flex
}

.header-nav.nav-secondary {
    display: flex;
    width: 100%;
    height: 54px;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 0
}

.header-nav.subnav-menu {
    padding: .5rem 0
}

.header-nav .nav-left {
    justify-content: flex-start;
    gap: .75rem
}

.header-nav.nav-menu.has-secondary-header .nav-center {
    flex: 1;
    justify-content: flex-start
}

.header-nav.nav-menu.has-secondary-header .w-static-action {
    display: flex;
    justify-content: flex-end
}

.header-nav .nav-right {
    justify-content: flex-end;
    gap: .5rem
}

.header-nav .header-section {
    display: flex;
    align-items: center
}

.header-nav .w-dynamic-action {
    display: flex;
    gap: .75rem
}

.header-nav .w-static-action {
    display: none;
    gap: .375rem
}

.header-nav .w-static-action svg {
    width: 2rem
}

.header-nav svg.icon-duotone .icon-primary {
    fill: #fff
}

.header-nav svg.icon-duotone .icon-secondary {
    fill: #1e90ff
}

.header-nav svg.icon-duotone .db-icon-primary {
    fill: #49bf3c
}

.header-nav svg.icon-duotone .db-icon-secondary {
    fill: #181818
}

.header-nav svg.icon-duotone .db-icon-tertiary {
    fill: #fff
}

.wrapper.main-navigation,
.wrapper.secondary-header {
    background: #000;
    border-bottom: 1px solid #4d4d4d
}

.wrapper.subnav-navigation {
    background: #000
}

.sidenav-elements-user .css-menu--checkbox-wrapper {
    display: flex;
    justify-content: space-between
}

.nav-link.nav-link-user {
    position: relative;
    border-radius: 2rem;
    font-size: .75rem;
    gap: .25rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    white-space: nowrap;
    text-transform: capitalize;
    height: 2rem
}

.nav-link.nav-link-user.has-notification:after {
    position: absolute;
    top: -2px;
    right: 0;
    content: "";
    font-size: .75rem;
    color: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #ff1540;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-link.nav-link-user img {
    border-radius: 15px;
    height: 30px;
    width: auto
}

.nav-link.nav-link-user:before {
    color: #fff;
    font-size: 1.75rem
}

.nav-link.nav-link-user span {
    position: relative;
    left: 2px
}

.subnav-menu {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1rem .5rem;
    flex-wrap: wrap
}

.sidemenu .subnav-menu {
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    gap: 1rem 1rem
}

a.header-logo {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    justify-content: flex-start
}

a.header-logo,
a.header-logo picture {
    height: 29px;
    display: flex;
    align-items: center
}

a.header-logo picture {
    width: auto
}

.nav-menu a.header-logo picture {
    justify-content: center
}

.nav-menu.has-secondary-header a.header-logo picture {
    justify-content: flex-start
}

a.header-logo img {
    width: auto;
    max-width: 172px;
    height: 40px;
    max-height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

a.header-logo.small-version {
    width: auto
}

.w-drop-down {
    position: relative
}

.w-drop-down:hover {
    cursor: pointer
}

.w-drop-down:hover>.drop-down {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .1s ease;
    height: auto
}

.drop-down {
    background: #fff;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    position: absolute;
    top: 2.25rem;
    right: 0;
    z-index: 1000;
    box-shadow: 0 5px 25px 0 rgba(51, 51, 51, .2);
    transition: all .2s ease
}

.drop-down.nav-user {
    min-width: 120px;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    gap: 0
}

.drop-down.nav-user .nav-elements {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #777;
    justify-content: flex-start
}

.drop-down.nav-user .nav-elements a {
    padding: .75rem
}

.drop-down.nav-user .nav-elements:last-of-type {
    border: 0
}

.comments-feed-item .image-expandable .drop-down.nav-user .nav-elements div:before,
.drop-down.nav-user .nav-elements .comments-feed-item .image-expandable div:before,
.drop-down.nav-user .nav-elements .icon:before {
    padding: 0;
    font-size: 1.5em;
    display: inline-grid;
    justify-content: center
}

.drop-down.nav-user .nav-link {
    width: 100%;
    display: grid;
    grid-template-rows: 20px;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

.drop-down.nav-user .nav-link,
.drop-down.nav-user .nav-link.subnav-link-user {
    grid-template-columns: 20px 1fr auto
}

.drop-down .nav-elements,
.drop-down .nav-link {
    width: 100%
}

.drop-down .nav-link.has-notification:after {
    position: static;
    content: "";
    font-size: .7rem;
    color: #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #ff1540;
    display: flex;
    align-items: center;
    justify-content: center
}

.drop-down:before {
    content: "";
    position: absolute;
    top: -.25rem;
    right: .5rem;
    background: #fff;
    width: 1rem;
    height: 1rem;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    transform: rotate(135deg)
}

.nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .5rem
}

.css-menu--checkbox-wrapper {
    display: flex;
    width: 100%;
    gap: 0 1em
}

.css-menu--checkbox-wrapper.js-search-focus {
    gap: 0 .5em
}

.css-menu--checkbox-wrapper:hover {
    cursor: pointer
}

.css-menu--checkbox {
    display: none
}

.css-menu--checkbox:checked~.side-navigation {
    left: 0
}

.side-navigation {
    position: fixed;
    top: 0;
    left: -1000px;
    z-index: 1999999902;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    height: 100dvh;
    width: 100%;
    padding: 2rem 2rem 4.5rem;
    background: #242424;
    transition: all .3s ease
}

.side-navigation::-webkit-scrollbar {
    display: none
}

.side-navigation .side-navigation-topbar {
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 0 7em
}

.side-navigation .side-navigation-menu {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.side-navigation .side-navigation-menu .side-navigation-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-content: center;
    justify-content: flex-start
}

.side-navigation .side-navigation-menu .side-navigation-list .sidenav-link {
    flex: 1
}

.side-navigation .side-navigation-menu #menu-features {
    padding-top: 2rem;
    gap: 1rem
}

.side-navigation .side-navigation-menu footer {
    padding-top: 2rem
}

.side-navigation .w-side-navigation-social {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline
}

.side-navigation .side-navigation-social {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-content: center;
    justify-content: flex-start;
    margin-top: 2rem;
    overflow: hidden
}

.side-navigation .side-navigation-social li {
    display: none
}

.side-navigation .side-navigation-social li:nth-child(-n+5) {
    display: flex
}

.side-navigation .show-more-label-social {
    cursor: pointer;
    flex: 1 auto;
    text-align: right;
    justify-content: flex-end
}

.side-navigation .show-more-toggle-social {
    display: none
}

.side-navigation .show-more-toggle-social:checked~.side-navigation-social li {
    display: flex
}

.side-navigation .show-more-toggle-social:checked,
.side-navigation .show-more-toggle-social:checked+.show-more-label-social {
    display: none
}

.w-sidenav-subnav .sidenav-link {
    flex: 1
}

.w-sidenav-subnav .sidenav-link.has-notification:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: .625rem;
    color: #fff;
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    background-color: #ff1540;
    margin-top: -1px
}

.sidenav-subnav {
    width: 100%;
    display: none;
    flex-direction: column;
    gap: 1rem;
    margin-block-start: 1rem;
    transition: all .5s ease
}

.css-menu--checkbox:checked~.sidenav-subnav,
.w-sidenav-subnav.is-open>.sidenav-subnav {
    display: flex
}

.sidenav-subnav .sidenav-subnav {
    margin-inline-start: 1rem
}

.nav-elements {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 0 .5rem;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    line-height: 1em;
    height: 100%;
    transition: all .3s ease
}

.nav-elements:hover {
    opacity: .75
}

.nav-elements.w-drop-down:hover {
    opacity: inherit
}

.drop-down .nav-elements {
    padding: .25rem;
    color: #333
}

.nav-elements .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer
}

.nav-elements .nav-link.highlight {
    padding: .5rem .75rem;
    background-color: #49bf3c;
    color: #fff;
    border-radius: 1rem;
    transition: all .3 ease
}

.nav-elements .nav-link.emphasized,
.nav-elements .nav-link.headline-highlight {
    color: #49bf3c
}

.nav-elements .nav-username {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: block;
    text-overflow: ellipsis;
    text-transform: none
}

.nav-elements .sport-ticker-score {
    background-color: #fff;
    padding: .35rem .5rem;
    color: #101010;
    border-radius: 12px;
    font-size: .75rem
}

.underline {
    text-decoration: underline
}

.subnav-elements {
    display: inline-flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    line-height: 1em
}

.subnav-elements:not(.menu-trending) {
    display: flex;
    align-items: center
}

.subnav-elements:not(.menu-trending) a {
    border-bottom: 1px solid #000;
    transition: all .3s ease
}

.subnav-elements:not(.menu-trending) a:hover {
    color: #49bf3c;
    border-color: #49bf3c
}

.sidemenu .subnav-elements:not(.menu-trending) a {
    border-bottom: none
}

.sidemenu .subnav-elements:not(.menu-trending) {
    font-weight: 700;
    border: none;
    color: #49bf3c;
    text-transform: none
}

.subnav-elements:not(.menu-trending):after {
    content: "\E953";
    font-size: .5em;
    margin-left: .5rem;
    color: #4d4d4d
}

.subnav-elements:last-of-type:after {
    display: none
}

.menu-trending {
    font-weight: 700;
    color: #49bf3c;
    margin-right: 1rem
}

.sidenav-section {
    margin-bottom: 2rem
}

.sidenav-elements {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 0 1rem;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    transition: all .3s ease
}

#menu-features>.sidenav-elements {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: none
}

#menu-features>.sidenav-elements .sidenav-elements {
    font-size: .875rem
}

.sidenav-elements .sidenav-link.emphasized {
    color: #49bf3c
}

.sidenav-elements .sidenav-link span {
    border-bottom: 2px solid #242424
}

.sidenav-elements .sidenav-link:hover span {
    border-color: #49bf3c
}

.sidenav-elements .sidenav-elements {
    color: #49bf3c;
    font-size: .875rem;
    font-weight: 700;
    text-transform: none
}

.sidenav-elements .sidenav-elements.non-emphasized {
    color: #fff
}

.sidenav-elements .sidenav-elements .sidenav-elements {
    font-weight: 400;
    color: #fff
}

#menu-features .sidenav-elements .sidenav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    text-transform: capitalize
}

#menu-features .sidenav-elements .sidenav-link.emphasized {
    background: #49bf3c;
    color: #fff;
    border-radius: 1.5rem
}

#menu-features .sidenav-elements .sidenav-link.emphasized span {
    border: none
}

#menu-features .sidenav-elements .sidenav-link-user {
    color: #fff;
    gap: 1rem
}

#menu-features .sidenav-elements .sidenav-link-user .w-avatar {
    width: 2rem;
    position: relative
}

#menu-features .sidenav-elements .sidenav-link-user .w-avatar img {
    border-radius: 78px
}

#menu-features .sidenav-elements .sidenav-link-user .sidenav-username {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 20ch;
    display: block;
    text-overflow: ellipsis;
    text-transform: none
}

#menu-features .sidenav-elements .sidenav-link-user .has-notification:after {
    position: absolute;
    top: -4px;
    right: -4px;
    content: "";
    font-size: .75rem;
    color: #fff;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    background-color: #ff1540;
    display: flex;
    align-items: center;
    justify-content: center
}

#menu-features .sidenav-elements .sidenav-user-profile {
    display: grid;
    grid-template-columns: 20px auto auto;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

.sidenav-elements span.has-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.sidenav-elements span.has-notification:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    font-size: .625rem;
    color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ff1540
}

.social-elements {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    padding: .5rem;
    transition: all .3s ease
}

.social-elements .social-links {
    font-size: 1.25rem
}

.social-elements .social-links:hover {
    opacity: .5;
    cursor: pointer
}

.menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    cursor: pointer
}

.menu-icon.topnav-icon {
    color: #fff;
    font-size: 1.5rem
}

.menu-icon span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.menu-icon span:before {
    border: 1px solid red
}

.menu-icon.topbar-icon {
    color: #fff;
    font-size: 1.5rem
}

.menu-icon.subnav-icon {
    color: #49bf3c
}

.menu-icon.subnav-icon:after {
    content: "\E94C";
    font-size: 1.125rem;
    transform: rotate(0);
    transition: all .3s ease
}

.subnav-menu .menu-icon.subnav-icon:after {
    font-size: 1em
}

.menu-icon.menu-trending {
    cursor: inherit
}

.menu-icon.menu-trending:before {
    content: "\E952";
    font-size: 1em
}

.menu-icon.dropdown-icon:after {
    content: "\E94F";
    font-size: .75em
}

.menu-icon.feature-icon {
    font-size: 1.25em;
    width: 2rem
}

.css-menu--checkbox:checked~.css-menu--checkbox-wrapper .subnav-icon:after,
.css-menu--checkbox:checked~.subnav-icon:after {
    transform: rotate(-45deg)
}

.side-navigation-footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem
}

.side-navigation-footer .footer-copy {
    padding-top: .5rem;
    padding-bottom: 0
}

.side-navigation-footer #ccpa-link a,
.side-navigation-footer .footer-copy {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    transition: all .3s ease
}

.side-navigation-footer #ccpa-link a {
    display: block;
    text-decoration: underline
}

.side-navigation-footer #ccpa-link a:hover {
    color: #49bf3c
}

footer .menu-legal ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem 1rem
}

footer .menu-legal ul li {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

footer .menu-legal ul a {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    transition: all .3s ease
}

footer .menu-legal ul a:hover {
    color: #49bf3c
}

.header-search-content {
    display: none
}

.css-menu--checkbox:checked~.header-search-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .95);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1999999903
}

.header-search {
    margin: 0 auto;
    width: 90%
}

.search-form {
    position: relative;
    width: 100%;
    height: 100%
}

.search-form:before {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 22px;
    color: #49bf3c
}

.search-input {
    font-size: 1.4em;
    font-weight: 700;
    color: #e2e2e2;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    width: 100%;
    height: 100%;
    padding: 0 1rem 1.5rem 4rem;
    background: none;
    border-bottom: 2px solid #49bf3c
}

.search-input::-moz-placeholder {
    font-weight: 400;
    color: #f2f2f2;
    opacity: 1
}

.search-input::placeholder {
    font-weight: 400;
    color: #f2f2f2;
    opacity: 1
}

.header-search-exit {
    position: absolute;
    top: 5px;
    right: 5px
}

.header-search-exit:before {
    display: flex;
    padding: 1rem;
    font-size: 2rem;
    color: #f2f2f2
}

.header-search-exit:hover {
    cursor: pointer
}

.header-search-exit span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.subnav-navigation.w-expanded {
    padding: 0
}

.subnav-navigation.w-expanded .subnav-elements {
    position: relative
}

.subnav-navigation.w-expanded .expanded-level-1 {
    align-items: center;
    gap: .55rem;
    padding: 0;
    flex-wrap: nowrap
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements {
    padding: 1rem 0;
    overflow: hidden;
    border-bottom: 4px solid transparent;
    transition: all .3s ease
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements.is-active .expanded-menu-wrapper,
.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements:hover .expanded-menu-wrapper {
    border: 1px solid #49bf3c
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements.is-active {
    border-bottom: 4px solid #49bf3c
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements:not(.menu-trending) a {
    border: none;
    text-align: center
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements:not(.menu-trending) a:hover {
    color: #fff
}

.subnav-navigation.w-expanded .expanded-level-1 .subnav-elements:after {
    display: none
}

.subnav-navigation.w-expanded .expanded-level-1 .expanded-menu-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid transparent;
    align-items: center;
    position: relative;
    width: 155px;
    height: 65px;
    overflow: hidden
}

.subnav-navigation.w-expanded .expanded-level-1 .expanded-menu-wrapper span {
    display: flex;
    justify-content: center;
    z-index: 1
}

.subnav-navigation.w-expanded .expanded-level-1 .expanded-menu-wrapper img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.subnav-navigation.w-expanded .expanded-level-1 .expanded-menu-wrapper .title {
    width: 100%;
    text-align: center;
    font-weight: 700;
    padding: 1rem .25rem .5rem;
    background: linear-gradient(0deg, rgba(24, 24, 24, .9), rgba(24, 24, 24, .9) 10%, rgba(24, 24, 24, 0))
}

.subnav-navigation.w-expanded .expanded-level-2 {
    border-top: 1px solid #49bf3c
}

.subnav-navigation.w-expanded .expanded-level-2.header-nav {
    padding: 0;
    max-width: 100%
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements {
    padding: 1rem 0;
    cursor: pointer
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements.hidden {
    display: none
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements:hover>.subnav-element-content {
    display: flex
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements.is-active {
    color: #49bf3c
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements .subnav-elements {
    padding: 0
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements ul {
    padding: .5rem 0;
    gap: 0
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements ul a {
    padding: .5rem 1rem
}

.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements ul .subnav-elements:after,
.subnav-navigation.w-expanded .expanded-level-2 .subnav-elements ul a:after {
    display: none
}

.subnav-navigation.w-expanded .expanded-level-2:not(.menu-trending) a {
    border: none
}

.subnav-navigation.w-expanded .expanded-level-2:not(.menu-trending) a.is-active,
.subnav-navigation.w-expanded .expanded-level-2:not(.menu-trending) a:hover {
    color: #49bf3c
}

.subnav-navigation.w-expanded .subnavbtn {
    color: #fff;
    transition: all .3s ease
}

.subnav-navigation.w-expanded .subnavbtn:hover {
    color: #49bf3c
}

.subnav-navigation.w-expanded .subnav-element-content {
    display: none;
    flex-direction: column;
    gap: .75rem;
    width: 13rem;
    padding: 1rem;
    background: #000;
    z-index: 99999999999999;
    animation: fade-in .15s linear;
    animation-fill-mode: forwards;
    border: 1px solid #4d4d4d;
    position: absolute
}

.subnav-navigation.w-expanded .dropdown {
    top: 45px
}

.subnav-navigation.w-expanded .dropdown .dropdown {
    left: 100%;
    top: -10px
}

.w-sidenav-subnav.expanded .side-navigation-menu {
    gap: 1rem
}

.w-sidenav-subnav.expanded .sidenav-elements {
    justify-content: space-between
}

.w-sidenav-subnav.expanded .sidenav-elements .w-img {
    max-width: 100px;
    height: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.w-sidenav-subnav.expanded .sidenav-elements .w-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.w-sidenav-subnav.expanded .sidenav-elements .sidenav-elements {
    font-size: 1.25rem
}

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

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

.banner-article-premium {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1rem 0
}

.banner-article-premium.layout-video {
    background: #101010
}

.banner-article-premium.layout-exclusive {
    background: #1e1e1e
}

.banner-article-premium.directory {
    padding: .5rem;
    background: #181818
}

.banner-article-premium:after,
.banner-article-premium:before {
    display: inline-flex;
    content: "";
    width: 120px;
    height: 1px;
    background: #b6b4b5
}

.banner-article-premium .premium-banner-title {
    display: flex;
    align-items: center;
    gap: .5rem
}

.banner-article-premium .premium-logo {
    width: unset;
    margin-bottom: 0
}

.banner-article-premium .premium-logo img {
    max-width: 2rem;
    width: auto;
    height: 1.5rem
}

.banner-article-premium .premium-title {
    font-family: Roboto, arial, sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 700;
    color: #181818;
    text-transform: uppercase;
    text-align: center
}

.banner-article-premium .premium-indicator img {
    max-width: 1rem;
    width: auto;
    height: 1rem
}

.banner-article-premium.directory .premium-title,
.banner-article-premium.layout-exclusive .premium-title,
.banner-article-premium.layout-video .premium-title {
    color: #fff
}

.w-secondary-header {
    position: fixed;
    top: 0;
    z-index: 1999999900;
    width: 100%;
    background: #000;
    transition: transform .5s ease
}

.w-secondary-header.db-header {
    position: sticky;
    margin-bottom: -54px
}

.w-secondary-header.is-sliding-in {
    transform: translateY(0)
}

.w-secondary-header.is-sliding-out {
    transform: translateY(-100px)
}

.w-secondary-header .w-static-action {
    display: flex;
    justify-content: flex-end
}

.secondary-header {
    position: relative;
    z-index: 1999999900
}

.secondary-header .menu-icon.topnav-icon {
    padding: 0;
    font-size: 1.5rem
}

.secondary-header .btn-fab.img-btn {
    border: 1px solid transparent
}

.secondary-header .game-img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 1rem;
    overflow: hidden
}

.secondary-header .i-follow.followed,
.secondary-header .main-icon.liked {
    color: #49bf3c;
    transition: all .3s ease
}

.w-dynamic-action .main-icon.i-thread {
    padding-top: 2px
}

.w-static-action .btn-fab.action-btn {
    background-color: transparent;
    border: none
}

.w-static-action .btn-fab.action-btn.is-active {
    background-color: #242424
}

.w-more-action {
    position: relative
}

.w-more-action .w-more-action-dropdown {
    display: none;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 120%;
    left: 0;
    z-index: 1999999900;
    background: #000;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15)
}

.w-more-action .btn-fab.is-active+.w-more-action-dropdown {
    display: flex
}

.w-subnav-header-search {
    display: inline-block;
    width: 100%;
    background: #181818;
    padding: .625rem;
    position: fixed;
    z-index: 1999999899;
    top: 54px;
    transition: transform .2s ease
}

.w-subnav-header-search.db-header {
    position: sticky;
    top: 54px
}

.w-subnav-header-search.is-sliding-in {
    transform: translateY(0)
}

.w-subnav-header-search.is-sliding-out {
    transform: translateY(-160px)
}

.w-subnav-header-search:has(.listing-custom-dropdown) {
    display: flex;
    justify-content: center
}

.w-subnav-header-search:has(.listing-custom-dropdown) .subnav-search {
    margin: 0
}

.subnav-search {
    background: #fff;
    width: 100%;
    max-width: 620px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-inline: .5rem
}

.subnav-search .subnav-search-brand {
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid #b6b4b5
}

.subnav-search .subnav-search-brand img {
    width: auto;
    height: 16px
}

.subnav-search .i-search {
    margin-right: .5rem;
    font-size: .875rem;
    color: #333;
    line-height: .875rem
}

.subnav-search .reset-search-btn {
    font-size: 1rem;
    line-height: 1rem;
    padding-top: 2px
}

.subnav-search .subnav-search-input {
    flex-grow: 1;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #181818;
    height: 2rem;
    font-family: Roboto, arial, sans-serif;
    background-color: #fff
}

.subnav-search .subnav-search-input::-moz-placeholder {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #777
}

.subnav-search .subnav-search-input::placeholder {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #777
}

.subnav-search-results {
    background: #fff;
    margin: .25rem auto;
    width: 100%;
    max-width: 620px;
    border-radius: 4px;
    overflow: auto;
    max-height: 420px;
    overscroll-behavior: contain
}

.subnav-search-results.cb-search-results {
    top: 40px;
    position: absolute;
    width: calc(100% - 1rem)
}

.subnav-search-results.cb-search-results img {
    width: 50px;
    height: auto
}

.subnav-search-results .subnav-search-result-item {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    padding: .5rem
}

.subnav-search-results .subnav-search-result-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.subnav-search-results .subnav-search-result-item:hover {
    background: #f2f2f2
}

.subnav-search-results .subnav-search-result-item picture {
    flex: none
}

.subnav-search-results img {
    width: 37px;
    height: 56px;
    margin-right: .5rem;
    border-radius: 4px;
    flex: 0 0 37px
}

.subnav-search-results .subnav-search-result-item-info {
    font-family: Roboto, arial, sans-serif;
    font-size: .875rem;
    font-weight: 400
}

.subnav-search-results .subnav-search-result-item-info .search-result-item-title {
    font-weight: 700;
    font-size: 1rem;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.subnav-search-results .subnav-search-result-item-info .search-result-item-date {
    font-size: .75rem
}

.subnav-search-results .subnav-search-result-item-info .search-result-item-people,
.subnav-search-results .subnav-search-result-item-info .search-result-item-specs {
    color: #333;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.subnav-search-results .subnav-search-result-item-info .search-result-item-people:first-of-type,
.subnav-search-results .subnav-search-result-item-info .search-result-item-specs:first-of-type {
    margin-top: .25rem
}

.subnav-search-results .subnav-search-result-item-info a {
    text-decoration: underline
}

.w-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: .75rem;
    width: 100%
}

.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #333;
    color: #333;
    animation: dot-flashing 1s linear infinite alternate;
    animation-delay: .5s
}

.dot-flashing:after,
.dot-flashing:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0
}

.dot-flashing:before {
    left: -15px;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s
}

.dot-flashing:after,
.dot-flashing:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #333;
    color: #333
}

.dot-flashing:after {
    left: 15px;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s
}

@keyframes dot-flashing {
    0% {
        background-color: #333
    }

    50%,
    to {
        background-color: rgba(51, 51, 51, .2)
    }
}

.w-images-header-menu {
    z-index: 1999999895;
    position: fixed;
    width: 100%;
    top: 54px;
    transition: transform top .5s ease ease .3s
}

.w-images-header-menu.default-menu {
    display: none
}

.w-images-header-menu.default-menu .images-header-menu {
    background: #000
}

.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item {
    height: auto;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center
}

.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item:after {
    content: "\E953";
    font-size: .5em;
    margin-left: .5rem;
    color: #4d4d4d;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400
}

.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item .w-img,
.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item:last-child:after {
    display: none
}

.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item .images-header-label {
    font-weight: 400;
    text-transform: capitalize;
    color: #fff
}

.w-images-header-menu.default-menu .images-header-menu .images-header-menu-item .images-header-label:hover {
    color: #49bf3c
}

.w-images-header-menu.submenu {
    position: sticky
}

.w-images-header-menu:not(.default-menu).is-sliding-in {
    transform: translateY(0)
}

.w-images-header-menu:not(.default-menu).is-sliding-out {
    transform: translateY(-240px)
}

.w-images-header-menu.is-sliding-out-submenu {
    top: 54px
}

.w-images-header-menu.is-sliding-in-submenu {
    top: 162px
}

.images-header-menu {
    width: 100%;
    height: auto;
    background: #f2f2f2
}

.images-header-menu-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: calc(100% - 46px);
    align-items: flex-start;
    justify-content: flex-start;
    padding-block: 1rem;
    max-width: 1300px;
    margin: 0;
    gap: 1rem;
    flex-wrap: wrap;
    transition: all .3s ease-in-out
}

.images-header-menu-checkbox {
    display: none
}

.images-header-menu-checkbox:checked~.images-header-menu-list {
    max-height: 500px
}

.images-header-menu-checkbox:checked~.images-header-menu-list .images-header-menu-item.is-active:after {
    opacity: 0
}

.images-header-menu-checkbox:checked~.images-header-menu-btn:before {
    transform: rotate(45deg)
}

.images-header-menu-btn {
    display: block;
    height: 58px;
    width: 30px;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 1.2rem;
    margin-top: 1rem;
    border-radius: 4px;
    border: 1px solid #333
}

.images-header-menu-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 100%
}

.images-header-menu-item:not(:has(a)) {
    display: none
}

.images-header-menu-item a,
.images-header-menu-item span {
    width: 100%;
    text-align: center
}

.images-header-menu-item .w-img {
    width: 100%;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    margin-bottom: .25rem;
    background: #484e5a;
    background: radial-gradient(circle, #484e5a 0, #252a36 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    padding: .625rem
}

.images-header-menu-item .w-img img {
    width: auto;
    max-height: 50px;
    max-width: 70%;
    margin: 0 auto
}

.images-header-menu-item .images-header-label {
    font-size: .875rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    font-family: Roboto, Sans-serif;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    cursor: pointer
}

.images-header-menu-item.is-active .w-img,
.images-header-menu-item:hover .w-img {
    border: 1px solid #49bf3c;
    filter: brightness(1.2)
}

.images-header-menu-item.is-active .images-header-label,
.images-header-menu-item:hover .images-header-label {
    color: #49bf3c
}

.images-header-menu-item.is-active {
    position: relative
}

.images-header-menu-item.is-active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: #49bf3c transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    transform: rotate(0deg);
    left: 50%;
    bottom: -9px;
    margin-left: -7px;
    opacity: 1;
    transition: all .3s ease-in-out
}

.images-header-submenu {
    width: 100%;
    height: auto;
    background: #e2e2e2;
    position: relative;
    text-align: center
}

.images-header-submenu-list {
    display: flex;
    margin: 0;
    justify-content: flex-start;
    width: 100%;
    overflow: auto;
    scrollbar-width: thin
}

.images-header-submenu-item {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 400;
    color: #181818;
    line-height: 1;
    transition: all .3s ease;
    cursor: pointer;
    width: auto;
    height: 40px;
    padding: 0 1rem
}

.images-header-submenu-item:first-child {
    padding-left: 0
}

.images-header-submenu-item:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #181818;
    position: relative;
    right: -1rem;
    top: 0;
    background: #49bf3c;
    display: block
}

.images-header-submenu-item label {
    width: 100%;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    display: flex;
    gap: 0;
    align-items: center;
    white-space: nowrap
}

.images-header-submenu-item label.has-submenu:after {
    content: "";
    width: 0;
    height: 0;
    border-color: #181818 transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    transform: rotate(0deg);
    left: 50%;
    bottom: -9px;
    margin-left: 7px
}

.images-header-submenu-item label:has(img) {
    gap: 0
}

.comments-feed-item .image-expandable .images-header-submenu-item label div:before,
.images-header-submenu-item:last-child:after,
.images-header-submenu-item label .comments-feed-item .image-expandable div:before,
.images-header-submenu-item label .icon {
    display: none
}

.images-header-submenu-item.is-active {
    color: #49bf3c
}

.images-header-submenu-item.is-active .images-header-submenu-item-2nd-lvl {
    transition: opacity .2s ease-in-out;
    opacity: 1;
    pointer-events: auto
}

.images-header-submenu-item.is-active label.has-submenu:after {
    transform: rotate(180deg)
}

.comments-feed-item .image-expandable .images-header-submenu-item div:before,
.images-header-submenu-item .comments-feed-item .image-expandable div:before,
.images-header-submenu-item .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem
}

.images-header-submenu-item .list-submenu-2nd-lvl-title {
    white-space: nowrap
}

.images-header-submenu-item .images-header-submenu-item-2nd-lvl .list-submenu-2nd-lvl-title {
    white-space: normal
}

.images-header-submenu-item-2nd-lvl {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background: #181818;
    color: #fff;
    width: 100%;
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    pointer-events: none
}

.images-header-submenu-item-2nd-lvl .wrapper {
    display: grid;
    gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1rem 1rem 2rem;
    max-height: 405px;
    overflow: auto;
    max-width: 1300px;
    grid-template-columns: 1fr;
    overscroll-behavior: contain
}

.images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl {
    text-align: left;
    display: grid;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 1rem;
    gap: 2rem
}

.images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
    max-width: 550px
}

.images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(3)) {
    grid-template-columns: repeat(3, 1fr)
}

.images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(4)) {
    grid-template-columns: repeat(4, 1fr)
}

.images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:nth-child(5)):has(>:nth-child(5)) {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item {
    line-height: 24px;
    color: #fff;
    gap: 0;
    padding: 0;
    min-height: 35px;
    height: auto;
    align-items: flex-start;
    line-height: 1rem;
    flex-direction: column
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item label {
    white-space: normal;
    height: auto;
    line-height: 1rem;
    font-size: 1.125rem;
    margin-bottom: .5rem
}

.comments-feed-item .image-expandable .images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item label div:before,
.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item label .comments-feed-item .image-expandable div:before,
.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item label .icon {
    display: block;
    min-width: 18px;
    min-height: 18px
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item:has(.has-submenu):hover {
    text-decoration: none
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item:after {
    display: none
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .has-submenu {
    font-weight: 700;
    align-items: flex-start
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .has-submenu:after {
    display: none
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item:hover label.has-submenu:after {
    transform: rotate(0deg)
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .wrapper {
    min-width: 0;
    padding: 0;
    margin: 0
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .images-header-submenu-item-2nd-lvl {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    background: none;
    color: #fff;
    width: auto;
    box-shadow: none
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl {
    display: flex;
    flex-direction: column;
    gap: 0
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item .images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item {
    min-height: 10px;
    padding-left: 0
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .list-submenu-2nd-lvl-title {
    color: #b6b4b5
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .list-submenu-2nd-lvl-title:hover {
    color: #49bf3c;
    text-decoration: underline
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .list-submenu-2nd-lvl-item {
    line-height: 24px;
    width: 100%;
    font-weight: 700
}

.images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .list-submenu-2nd-lvl-item:has(img) {
    font-weight: 700;
    display: flex;
    align-items: center
}

.footer {
    gap: 0
}

footer .w-footer {
    padding-top: 30px;
    padding-bottom: 1rem;
    background: #181818
}

footer .w-footer .footer-content {
    margin: 0 auto;
    max-width: 1100px;
    text-align: center;
    row-gap: 2rem
}

footer .w-footer .footer-content-el {
    text-align: center;
    padding: 0;
    margin-bottom: 10px
}

footer .w-footer .footer-content-el.span-1 {
    grid-column: 1/span 1;
    justify-content: center
}

footer .w-footer .footer-content-el.span-3 {
    grid-column: 3/span 1;
    justify-content: center
}

footer .w-footer .el-header {
    height: 2rem;
    margin-bottom: 2rem
}

footer .w-footer .el-header .footer-img {
    display: block;
    height: 2rem
}

footer .w-footer .el-header .footer-img img {
    width: 120px;
    height: 50px;
    margin: 0 auto
}

footer .w-footer ul {
    margin: 0 auto;
    text-align: center
}

footer .w-footer ul li::marker {
    color: transparent
}

footer .w-footer .text {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    color: #f2f2f2;
    font-family: Roboto Condensed, sans-serif;
    text-decoration: none;
    white-space: nowrap
}

footer .w-footer .text.highlight {
    font-weight: 700
}

footer .w-footer .text.large {
    font-size: .875rem
}

footer .w-footer .text.x-large {
    font-size: 1rem
}

.comments-feed-item .image-expandable footer .w-footer div.text:before,
footer .w-footer .comments-feed-item .image-expandable div.text:before,
footer .w-footer .text.icon {
    display: flex;
    gap: .25rem
}

footer .w-footer .text .brand,
footer .w-footer .text .link {
    font-weight: 700
}

.comments-feed-item .image-expandable footer .w-footer div.text:before,
footer .w-footer .comments-feed-item .image-expandable div.text:before,
footer .w-footer .text.icon:after,
footer .w-footer .text.icon:before {
    font-size: 1rem
}

footer .w-footer a.text:hover {
    color: #49bf3c;
    cursor: pointer
}

footer .w-footer .footer-note {
    margin: 2rem 0 0;
    padding-left: 0
}

footer .w-footer .social-media {
    margin: 2rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-wrap: wrap
}

footer .w-footer .social-media .social-elements {
    width: 2rem;
    border: 0
}

footer .w-footer .social-media .social-elements a {
    padding: 10px
}

footer .w-footer .social-media>.text {
    white-space: nowrap;
    flex: 1 auto;
    width: 100%
}

footer .w-footer #ccpa-link:not(:has(>*)) {
    display: none
}

footer .w-footer #ccpa-link>a {
    font-size: .75rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #f2f2f2;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    white-space: nowrap
}

.wrapper:has(.valnet-content) {
    background: rgb(251.5, 251.5, 251.5)
}

footer .valnet-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

footer .valnet-content .text {
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-decoration: none
}

footer .valnet-content .text a {
    text-decoration: none;
}

footer .valnet-content .footer-valnet-logo {
    width: 80px;
    display: block;
    text-decoration: none;
    filter: invert(100%)
}

footer .valnet-content .footer-valnet-logo img {
    width: auto
}

.sidebar {
    position: relative;
    height: 100%;
    width: 100%
}

.sidebar section {
    margin-bottom: 2rem
}

.sidebar-hidden .sidebar {
    display: none
}

.w-section-latest .sidebar {
    gap: 1rem
}

.w-section-latest .sidebar .ad-zone-container-sidebar-first,
.w-section-latest .sidebar .sidebar-trending {
    margin-bottom: 0
}

.sidebar-trending {
    display: none;
    margin-bottom: 1rem
}

.sidebar-sticky:has(.adsninja-ad-zone:first-child) {
    margin-top: 1rem
}

.w-article .sidebar-sticky:has(.adsninja-ad-zone:first-child) {
    margin-top: 0
}

.sidebar .display-card.article.large {
    padding: 0;
    border: none
}

.sidebar .display-card.article.large .w-display-card-content .display-card-title {
    font-size: 1.25rem;
    margin: 0
}

.sidebar .display-card.article.small {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: .5rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
    border: none
}

.sidebar .display-card.article.small:last-child {
    margin-bottom: 0
}

.sidebar .display-card.article.small .w-display-card-content .display-card-title {
    margin: 0;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1rem
}

.sidebar .display-card.article.small .w-display-card-content .display-card-title:has(+.w-display-card-extra+.w-display-card-details .w-display-card-meta .meta_txt) {
    font-size: .9rem;
    line-height: 1.1;
    margin-bottom: .25rem
}

.sidebar-tabs {
    margin-bottom: 0px;
    width: 100%
}

.sidebar-tabs .tabs-header {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.sidebar-tabs .tabs-header>* {
    width: 100%;
    text-align: center;
    padding: .5rem 1rem;
    background-color: #d3d3d3;
    border-top: 8px solid #777
}

.sidebar-tabs .tabs-header>.selected {
    background-color: #f2f2f2;
    border-color: #49bf3c;
    color: #49bf3c
}

.sidebar-tabs .tabs-header>:hover {
    cursor: pointer
}

.sidebar-tabs .tabs-header h3 {
    font-size: .875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.sidebar-tabs .tabs-header.js-tabs-ul .section-title:before {
    display: none
}

.sidebar-tabs .sidebar-el-content {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    padding: 1rem;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box
}

.sidebar-tabs .sidebar-el-content a.btn-full {
    align-self: center;
    text-align: center;
    width: 100%;
    margin: 1rem 0 0;
    padding: .5rem 1.5rem;
    border-radius: 8px;
    background-color: #49bf3c;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

.sidebar-tabs .sidebar-el-content a.btn-full:hover {
    background-color: rgb(58.1673306773, 152.1912350598, 47.8087649402);
    transition: all .3s ease
}

.sidebar-tab:has(.tag-interaction) .tabs-header-alt {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-bottom: .75rem
}

.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all .3s ease
}

.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title:after,
.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title:before {
    display: none !important
}

.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title.is-active,
.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title:hover {
    color: #49bf3c
}

.sidebar-tab:has(.tag-interaction) .tabs-header-alt .section-title:first-of-type:has(+.section-title) {
    border-right: 1px solid #b6b4b5;
    padding-right: 1rem;
    flex-shrink: 0
}

.sidebar-tab:has(.tag-interaction) .trending-now {
    width: 100%
}

.sidebar-tabs:has(.tag-interaction) {
    position: relative;
    display: flex;
    margin-bottom: 0;
    overflow: hidden
}

.sidebar-tabs:has(.tag-interaction) .tag-interaction,
.sidebar-tabs:has(.tag-interaction) .trending-now {
    transform: translateX(0);
    width: 100%;
    transition: transform .3s ease, opacity .3s ease
}

.sidebar-tabs:has(.tag-interaction) .tag-interaction.is-hidden,
.sidebar-tabs:has(.tag-interaction) .trending-now.is-hidden {
    display: block !important;
    transition: transform .3s ease, opacity .3s ease
}

.sidebar-tabs:has(.tag-interaction) .tag-interaction {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.sidebar-tabs:has(.tag-interaction) .tag-interaction.is-hidden {
    transform: translateX(320px)
}

.sidebar-featured-links .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sidebar-featured-links li {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .5rem
}

.sidebar-featured-links li:last-of-type {
    margin-bottom: 0
}

.sidebar-featured-links li:before {
    margin-right: 1rem;
    border: 1px solid #000;
    display: inline-flex;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    text-align: center;
    box-sizing: content-box;
    font-size: 1rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    align-self: flex-start
}

.sidebar-featured-links a {
    -webkit-line-clamp: 3;
    font-size: 1rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.sidebar-featured-links a:hover {
    text-decoration: underline
}

.sidebar-featured-links ol {
    margin: 1rem .5rem 0;
    counter-reset: item;
    list-style: none
}

.sidebar-featured-links ol li {
    counter-increment: item
}

.sidebar-featured-links ol li:before {
    content: counter(item);
    font-family: Roboto Condensed, sans-serif
}

.sidebar-featured-links ul {
    margin: 1rem .5rem
}

.sidebar-featured-links ul li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    content: "\E980";
    font-size: .625rem
}

.w-accordian.content-expand {
    margin-bottom: 2rem
}

.w-accordian.content-expand .accordian-header {
    margin-bottom: 0
}

.w-accordian.content-expand .accordian-header:after {
    transform: rotate(90deg)
}

.w-accordian.content-expand .accordian-content {
    transition: all .5s ease 0s;
    max-height: auto
}

.w-accordian .accordian-header {
    cursor: pointer;
    gap: 1.25rem;
    padding-right: 5px
}

.w-accordian .accordian-header:after {
    transition: all .5s ease 0s;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    transform: rotate(0deg)
}

.w-accordian .accordian-content {
    overflow: hidden;
    transition: all .5s ease 0s;
    max-height: 0
}

[class$=-sidebarSticky] {
    margin-bottom: 20px
}

[class$=-sidebarSticky] .display-card.article.large,
[class$=-sidebarSticky] .display-card.article.small {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: .5rem;
    margin-bottom: 1rem;
    padding-bottom: 0;
    border: none;
    align-items: center;
    grid-template-areas: "article-img article-content"
}

[class$=-sidebarSticky] .display-card.article.large:last-child,
[class$=-sidebarSticky] .display-card.article.small:last-child {
    margin-bottom: 0
}

[class$=-sidebarSticky] .display-card.article.large .w-display-card-content .display-card-title,
[class$=-sidebarSticky] .display-card.article.small .w-display-card-content .display-card-title {
    margin: 0;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1rem
}

[class$=-sidebarSticky] .display-card.article.large .w-display-card-content .display-card-title:has(+.w-display-card-extra+.w-display-card-details .w-display-card-meta .meta_txt),
[class$=-sidebarSticky] .display-card.article.small .w-display-card-content .display-card-title:has(+.w-display-card-extra+.w-display-card-details .w-display-card-meta .meta_txt) {
    font-size: .9rem;
    line-height: 1.1;
    margin-bottom: .25rem
}

.sidebar-sticky:has(.sidebar-tags-card) {
    top: 120px
}

.w-sidebar-tags-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 2rem;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    min-height: 370px
}

.w-sidebar-tags-card .display-card-rate.user-rating {
    margin: 0
}

.w-sidebar-tags-card .display-card-rate.user-rating h3 {
    display: none
}

.sidebar-tags-card {
    width: 100%;
    position: relative;
    height: 390px
}

.sidebar-tags-card .image-column {
    flex: 0 0 80px;
    border-radius: 4px;
    position: relative
}

.sidebar-tags-card .image-column img {
    border-radius: 4px
}

.sidebar-tags-card .image-column .w-member-interaction {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: unset;
    z-index: 1
}

.sidebar-tags-card .image-column .w-member-interaction .my-lists .options-toggle {
    min-height: 10px;
    width: auto;
    padding: 0;
    border-radius: 4px;
    line-height: 1.3rem;
    box-shadow: 0 0 8px #49bf3c
}

.sidebar-tags-card .image-column .w-member-interaction .my-lists .options-toggle:before {
    font-size: 1.3rem;
    line-height: 1.3rem;
    height: 1.3rem;
    top: 0
}

.sidebar-tags-card .image-column .w-member-interaction .my-lists .options-toggle span {
    display: none
}

.sidebar-tags-card .info-column {
    background: linear-gradient(0deg, #000, #000 83%, transparent);
    position: absolute;
    bottom: 0;
    width: 100%
}

.sidebar-tags-card .info-column .tags-link.topics {
    height: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 1rem;
    background: none
}

.sidebar-tags-card .info-column .tags-link.topics:hover {
    color: #fff;

    opacity: 1
}

.sidebar-tags-card .info-column .tags-link.topics .article-tags-name {
    font-size: 1.188rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: Roboto Condensed, sans-serif;
    text-align: center
}

.sidebar-tags-card .info-column .tags-link.topics .default-img picture {
    background: #000;
    height: 100%;
    display: inline-flex;
    padding: .25rem;
    opacity: .4
}

.sidebar-tags-card .info-column .w-community-rating,
.sidebar-tags-card .info-column .w-rating {
    margin: 0
}

.sidebar-tags-card .info-column .w-community-rating .rate-cta {
    min-width: 120px;
    justify-content: center;
    background: none;
    background: #000;
    padding: .25rem .5rem;
    border: 1px solid #fff;
    opacity: .9;
    width: 100%
}

.sidebar-tags-card .info-column .w-community-rating .rate-cta .rating-text,
.sidebar-tags-card .info-column .w-community-rating .rate-cta i:before {
    color: #fff
}

.sidebar-tags-card .info-column .w-community-rating .rate-cta .rating-text em,
.sidebar-tags-card .info-column .w-community-rating .rate-cta i:before em {
    color: #b6b4b5
}

.sidebar-tags-card .info-column .user-rating {
    padding: 0
}

.sidebar-tags-card .info-column .user-rating .w-user-rating {
    margin-bottom: .5rem;
    min-width: 60%
}

.sidebar-tags-card .info-column .user-rating .w-user-rating .rate-cta {
    min-width: 100%;
    padding: .25rem;
    min-height: 40px;
    background-color: #333
}

.comments-feed-item .image-expandable .sidebar-tags-card .info-column .user-rating .w-user-rating .rate-cta div.i-star:before,
.sidebar-tags-card .info-column .user-rating .w-user-rating .rate-cta .comments-feed-item .image-expandable div.i-star:before,
.sidebar-tags-card .info-column .user-rating .w-user-rating .rate-cta .icon.i-star {
    filter: none;
    color: #c99730
}

.sidebar-tags-card .info-column .user-rating .w-user-rating .leave-review-link,
.sidebar-tags-card .info-column .user-rating .w-user-rating .rate-cta .rating-text {
    color: #fff
}

.sidebar-tags-card .info-column .display-card-rate.user-rating {
    background: none;
    min-height: 70px
}

.article-series.sidebar-article-series .article-series-all {
    border-bottom: 1px solid #d3d3d3;
    padding-inline: 0;
    padding-block: 0 .5rem;
    margin-top: -.5rem;
    border-radius: 0
}

.article-series.sidebar-article-series>a {
    background: none;
    padding: .25rem 0;
    display: flex
}

.article-series.sidebar-article-series>a picture {
    flex: 0 0 80px;
    margin-right: .5rem
}

.article-series.sidebar-article-series>a h5 {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-block: .5rem;
    line-height: 1rem
}

.w-thread-popular {
    display: grid;
    gap: 1rem;
    margin: 0
}

.w-thread-popular .display-card.article.small {
    margin-bottom: 0
}

.ad-zone-container-footer-footer {
    background: #fff !important
}

.w-footer-threads .comment-submit-rules.small {
    font-size: .85rem
}

.w-footer-threads .comments-feed-item .user-comment {
    font-size: .95rem
}

.custom-button--item.text-only {
    padding: 0;
    border: none;
    background: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    color: #777;
    text-decoration: underline
}

.subnav-link {
    font-weight: 700
}

.nav-elements .nav-link.highlight {
    background-color: #f2f2f2;
    color: #101010
}

footer .w-footer .text {
    font-size: 14px;
}

.section-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
    margin-bottom: 20px
}

.section-title {
    display: flex;
    color: #343434;
    text-transform: capitalize
}

.section-title a {
    color: #343434
}

.section-sub-title {
    display: block;
    color: #343434;
    text-transform: capitalize;
    margin-bottom: 2rem
}

.w-amp .section-sub-title {
    font-size: 1rem
}

.section-view-all-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    background: #f2f2f2;
    padding: 2px .75rem;
    border-radius: 15px
}

.profile-section-title,
.thread-section-title,
.video-section-title {
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: capitalize
}

.profile-section-title a,
.thread-section-title a,
.video-section-title a {
    color: #333
}

.profile-section-title span,
.thread-section-title span,
.video-section-title span {
    font-size: .75rem;
    font-family: Roboto, sans-serif
}

.pinned-emphasize .profile-section-title,
.pinned-emphasize .thread-section-title,
.pinned-emphasize .video-section-title {
    font-size: 1.25rem
}

.section-header {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: .25rem;
    border-bottom: 3px solid #1e2d1e
}

.w-hub-thread-video .section-header {
    border-bottom: none
}

.section-title {
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e2d1e;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase
}

.w-amp .section-title {
    display: block;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: .25rem;
    border-bottom: 3px solid #1e2d1e
}

.section-sub-title {
    display: grid;
    align-items: center;
    grid-template-columns: 25px 1fr;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e2d1e;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase
}

.w-amp .section-sub-title {
    font-size: .75rem
}

.section-sub-title:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #1e2d1e
}

.section-latest .section-latest-news a.section-title {
    padding: .35rem .35rem .25rem
}

.w-section-latest--home .section-latest .section-latest-news h2.section-title {
    padding-bottom: 1rem
}

.browse-clip .bc-details {
    font-size: .75rem
}

.browse-clip .bc-details .bc-author:before {
    font-weight: 700
}

.browse-clip .bc-title-link {
    color: #1e2d1e
}

.sidebar-netflix .browse-clip .bc-info .bc-details .bc-date {
    line-height: 1
}

.w-display-card-content .w-display-card-details .display-card-author {
    color: #777
}

.w-display-card-content .display-card-title {
    color: #1e2d1e
}

.section-latest-news .display-card.article.large .display-card-excerpt,
.section-latest-news .display-card.article.small .display-card-excerpt {
    font-size: 1.05rem
}

.sidebar-button {
    margin-bottom: 1rem
}

.sidebar-button.sidebar-netflix {
    background-size: 100% auto;
    width: 100%;
    position: relative
}

.sidebar-button.sidebar-netflix a {
    display: block
}

.sidebar-staff {
    margin-bottom: 4rem;
    position: relative
}

.sidebar-staff .sidebar-staff-list {
    height: 238px;
    overflow: hidden
}

.sidebar-staff .sidebar-staff-list li {
    margin-bottom: .5rem;
    font-size: 1rem
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-link {
    font-size: .875rem;
    font-weight: 700;
    color: #1e2d1e;
    line-height: 1;
    font-family: Roboto, sans-serif
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-link:hover {
    text-decoration: underline
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-title {
    font-size: .875rem;
    font-weight: 400;
    color: #1e2d1e;
    line-height: 1;
    font-family: Roboto, sans-serif
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-title:before {
    content: "|";
    display: inline-block;
    color: #777;
    margin: 0 .25rem 0 .125rem
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-social {
    font-size: .875rem;
    font-weight: 700;
    color: #b6b4b5;
    line-height: 1;
    font-family: Roboto, sans-serif;
    display: block;
    margin-top: .125rem
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-social:before {
    margin-right: 8px;
    font-size: .8em;
    color: #181818
}

.sidebar-staff .sidebar-staff-list .sidebar-staff-social:hover {
    text-decoration: underline
}

.sidebar-staff .expend-label {
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-family: Roboto, sans-serif;
    background-color: #1e2d1e;
    padding: .5rem 1rem;
    position: absolute;
    bottom: -2.5rem;
    cursor: pointer;
    left: 0
}

.sidebar-staff .expend-input {
    display: none
}

.sidebar-staff .expend-input:checked~.sidebar-staff-list {
    height: auto
}

.sidebar-staff .expend-input:checked~.expend-label {
    display: none
}

.sidebar-netflix .browse-clip {
    display: grid;
    margin: 0;
    padding: 0;
    border-bottom: none
}

.sidebar-netflix .browse-clip .bc-img-link {
    padding: 4px;
    background-color: #d3d3d3
}

.sidebar-netflix .browse-clip .bc-info {
    grid-row: 1
}

.sidebar-netflix .browse-clip .bc-info .bc-details {
    display: flex;
    justify-content: flex-end;
    margin-top: 0
}

.sidebar-netflix .browse-clip .bc-info .bc-details .bc-date {
    font-size: 14px;
    font-weight: 700;
    color: #181818;
    padding: 8px;
    background-color: #d3d3d3
}

.display-card {
    position: relative;
    width: 100%;
    align-items: center;
    margin: 0 auto 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    word-break: break-word;
    container-name: c-display-card;
    container-type: inline-size
}

.display-card .has-image-group {
    position: relative;
    height: -moz-fit-content;
    height: fit-content
}

.display-card .has-image-group .body-img {
    cursor: pointer
}

.display-card .has-image-group .w-display-card-group-counter {
    position: absolute;
    top: 16px;
    right: 16px;
    background: hsla(0, 0%, 100%, .59);
    padding: 4px 8px;
    border-radius: 3px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: width .3s, height .3s;
    display: flex;
    justify-content: center;
    align-self: center
}

.display-card .has-image-group .w-display-card-group-counter .gallery__section-title {
    margin-bottom: 0
}

.display-card .has-image-group .w-group-hover {
    opacity: 0;
    transition: all .5s ease 0s
}

.display-card .has-image-group .w-group-hover .w-display-card-group-counter {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.display-card .has-image-group .body-img {
    overflow: hidden
}

.display-card .has-image-group .body-img .responsive-img {
    transition: all .7s ease
}

.display-card .has-image-group:hover .w-display-card-group-counter {
    display: none
}

.display-card .has-image-group:hover .w-group-hover {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    gap: 1rem
}

.comments-feed-item .image-expandable .display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter div.i-search:before,
.display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter .comments-feed-item .image-expandable div.i-search:before,
.display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter .icon.i-search:before {
    font-size: 2rem
}

.display-card .has-image-group:hover .body-img {
    overflow: hidden
}

.display-card .has-image-group:hover .body-img .responsive-img {
    transform: scale(1.1)
}

.display-card .img-group {
    display: none
}

.gallery-modal-opened .display-card .img-group {
    display: block
}

.display-card .img-description,
.display-card figcaption {
    display: none
}

.display-card .w-display-card-category {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

a {
    text-decoration: none !important;
}

.display-card .w-display-card-category:empty {
    display: none
}

.w-listing-featured-category .display-card .w-display-card-category {
    display: none !important
}

@media (min-width:768px) {
    .display-card .display-card-title {
        line-height: 1;
    }
}

.yc1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yc2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.display-card .display-card-title {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #181818;
    margin: 0 0 .75rem;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card .display-card-title a {
    border: none;
    color: #49bf3c;
    text-decoration: none
}

.display-card .display-card-title a:hover {
    opacity: .9;
    color: #49bf3c;
    background: none
}

.display-card .display-card-excerpt {
    margin: 0 0 1rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #181818;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-clamp: 1;
    line-height: 1.3em;
}

.display-card .dc-tags-genre {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: .5rem .75rem;
    margin-bottom: .75rem
}

.display-card .dc-tags-genre:empty {
    display: none
}

.display-card .dc-tags-genre .dc-movie-rating {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 12px;
    gap: .5rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #49bf3c;
    line-height: 1;
    text-transform: uppercase;
    border: 1px solid #49bf3c;
    border-radius: .25rem
}

.display-card .dc-tags-genre .dc-movie-rating.not-rated,
.display-card .dc-tags-genre .dc-movie-rating.not-yet-rated {
    color: #1f1e1d;
    border-color: #1f1e1d
}

.display-card .dc-tags-genre .dc-movie-rating.pg-13 {
    color: #339493;
    border-color: #339493
}

.display-card .dc-tags-genre .dc-movie-rating.r {
    color: #e21b2e;
    border-color: #e21b2e
}

.display-card .dc-tags-genre .dc-movie-rating.m {
    color: #49bf3c;
    border-color: #49bf3c
}

.display-card .dc-tags-genre .dc-movie-rating.tv-14 {
    color: #739bdf;
    border-color: #739bdf
}

.display-card .dc-tags-genre .dc-movie-rating.tv-pg {
    color: #f6921e;
    border-color: #f6921e
}

.display-card .w-display-card-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    font-size: .75rem
}

.display-card .w-display-card-details:empty {
    display: none
}

.display-card .w-display-card-details .w-display-card-meta {
    display: flex;
    gap: .125rem;
    align-items: baseline;
    height: -moz-fit-content;
    height: fit-content;
    flex-wrap: wrap
}

.display-card .w-display-card-details .display-card-author-img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    overflow: hidden;
    margin-right: .5rem
}

.display-card .w-display-card-details .w-display-card-author-img {
    display: flex;
    margin-right: 2rem
}

.display-card .w-display-card-details .w-display-card-author-img .display-card-author-img {
    margin-right: -1rem
}

.display-card .w-display-card-details .w-author-name {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap
}

.display-card .w-display-card-details .meta_txt {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    width: -moz-max-content;
    width: max-content
}

.display-card .w-display-card-details .meta_txt.article-author {
    color: #181818;
    font-weight: 700;
    transition: color .3s ease;
    margin-right: .5rem;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card .w-display-card-details .meta_txt.article-date {
    padding: 2px 0 0
}

.display-card .w-display-card-details .meta_txt.article-date:only-child {
    font-weight: 700
}

.display-card .w-display-card-details .meta_txt.article-date:has(+meta_text):after {
    content: "|";
    font-size: 1rem;
    color: #d3d3d3;
    margin-left: .5rem;
    font-weight: 400
}

.display-card .w-display-card-details:not(:has(.w-author)) .article-date:before {
    display: none
}

.display-card .display-card-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem 1rem;
    margin-bottom: .75rem;
    border-radius: 4px;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 700;
    color: #fff;
    background: #49bf3c;
    border: 1px solid #49bf3c;
    grid-area: dc-img
}

.display-card p.display-card-subtitle {
    font-size: 1rem;
    color: #333;
    line-height: 1;
    line-height: 1.3em
}

.display-card .display-card-rating,
.display-card p.display-card-subtitle {
    margin: 0 0 .75rem;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700
}

.display-card .display-card-rating {
    font-size: 2rem;
    color: #49bf3c;
    line-height: 1
}

.display-card .display-card-rating span {
    font-size: .625rem;
    font-weight: 400;
    color: #777;
    line-height: 1
}

.display-card.article .display-card .display-card-rating {
    position: absolute;
    top: .25rem;
    left: .25rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    line-height: 1em;
    font-weight: 700;
    color: #fff;
    font-family: Roboto Condensed, sans-serif;
    text-transform: capitalize;
    width: 2rem;
    height: 2rem;
    background: #49bf3c
}

.display-card.article .display-card .display-card-rating span {
    display: none
}

.pinned-tag .display-card.article .display-card .display-card-rating {
    width: 2rem;
    height: 2rem;
    font-size: 1rem
}

.clip-full .display-card.article .display-card .display-card-rating,
.sidebar .display-card.article .display-card .display-card-rating {
    display: none
}

.display-card.article .display-card .display-card-rating:before {
    position: relative;
    bottom: -1px
}

.display-card .dc-rating-star {
    width: 100%;
    height: 1rem;
    background-repeat: no-repeat
}

.display-card.article.large .display-card .dc-rating-star {
    height: 1.5rem
}

.sidebar .display-card .dc-rating-star {
    height: 1.25rem
}

.display-card .rating-0 {
    background-image: url(https://static0.colliderimages.com/assets/images/0-star.591e582e.svg)
}

.display-card .rating-05 {
    background-image: url(https://static0.colliderimages.com/assets/images/05-star.1a7fe015.svg)
}

.display-card .rating-1 {
    background-image: url(https://static0.colliderimages.com/assets/images/1-star.d92d080d.svg)
}

.display-card .rating-1-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/15-star.232bde91.svg)
}

.display-card .rating-2 {
    background-image: url(https://static0.colliderimages.com/assets/images/2-star.e7aec7f6.svg)
}

.display-card .rating-2-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/25-star.d21d200f.svg)
}

.display-card .rating-3 {
    background-image: url(https://static0.colliderimages.com/assets/images/3-star.4de82dee.svg)
}

.display-card .rating-3-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/35-star.bcb289ee.svg)
}

.display-card .rating-4 {
    background-image: url(https://static0.colliderimages.com/assets/images/4-star.5ad6dbec.svg)
}

.display-card .rating-4-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/45-star.40ce458a.svg)
}

.display-card .rating-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/5-star.c991f4f3.svg)
}

.display-card .gr-rating-0 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-0-star.591e582e.svg)
}

.display-card .gr-rating-05 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-05-star.1a7fe015.svg)
}

.display-card .gr-rating-1 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-1-star.712e9fac.svg)
}

.display-card .gr-rating-1-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-15-star.55f46b99.svg)
}

.display-card .gr-rating-2 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-2-star.6bfc07f8.svg)
}

.display-card .gr-rating-2-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-25-star.a99dfa04.svg)
}

.display-card .gr-rating-3 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-3-star.c1e6bc97.svg)
}

.display-card .gr-rating-3-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-35-star.f18e2cd2.svg)
}

.display-card .gr-rating-4 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-4-star.58255118.svg)
}

.display-card .gr-rating-4-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-45-star.f12017a7.svg)
}

.display-card .gr-rating-5 {
    background-image: url(https://static0.colliderimages.com/assets/images/gr-5-star.00e7aff8.svg)
}

.display-card .user-rating {
    font-size: 1.125rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    display: flex;
    align-items: center;
    gap: 0
}

.comments-feed-item .image-expandable .display-card .user-rating div:before,
.display-card .user-rating .comments-feed-item .image-expandable div:before,
.display-card .user-rating .icon {
    color: #49bf3c
}

.display-card .rate-label {
    font-size: 1rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    margin: 1em 0 .5rem
}

.display-card .rate-form-input {
    float: left;
    height: 55px;
    padding-bottom: 1rem;
    position: relative
}

.display-card .rate-form-input:not(:checked)>input {
    position: absolute;
    top: 0;
    visibility: hidden
}

.display-card .rate-form-input:not(:checked)>label {
    float: right;
    width: 18px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 25px;
    color: #ccc;
    text-indent: -9000px;
    height: 35px;
    background-image: url(https://images.valnetcdn.com/sharedimages/star-full-2.svg);
    filter: grayscale(1);
    background-size: cover
}

.display-card .rate-form-margin {
    margin-right: .25rem
}

.display-card .rate-form-input label.position-inverted {
    background-position-x: right;
    margin-right: .25rem
}

.display-card .rate-form-input>input:checked~label {
    color: #ffc700;
    filter: grayscale(0)
}

.display-card .rate-form-input:not(:checked)>label:hover,
.display-card .rate-form-input:not(:checked)>label:hover~label {
    color: #deb217;
    filter: grayscale(0)
}

.display-card .rate-form-input>input:checked+label:hover,
.display-card .rate-form-input>input:checked+label:hover~label,
.display-card .rate-form-input>input:checked~label:hover,
.display-card .rate-form-input>input:checked~label:hover~label,
.display-card .rate-form-input>label:hover~input:checked~label {
    color: #c59b08;
    filter: grayscale(0)
}

.display-card .bc-rating-num {
    position: absolute;
    top: 5px;
    left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #f2f2f2;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: capitalize;
    width: 35px;
    height: 35px;
    background: #49bf3c
}

.pinned-tag .display-card .bc-rating-num {
    width: 32px;
    height: 32px;
    font-size: 16px
}

.clip-full .display-card .bc-rating-num,
.sidebar .display-card .bc-rating-num {
    display: none
}

.display-card .bc-rating-num:before {
    position: relative;
    bottom: -1px
}

.display-card .bc-rating-num.review-0-star:before {
    content: "0"
}

.display-card .bc-rating-num.review-05-star:before {
    content: ".5"
}

.display-card .bc-rating-num.review-1-star:before {
    content: "1"
}

.display-card .bc-rating-num.review-15-star:before {
    content: "1.5"
}

.display-card .bc-rating-num.review-2-star:before {
    content: "2"
}

.display-card .bc-rating-num.review-25-star:before {
    content: "2.5"
}

.display-card .bc-rating-num.review-3-star:before {
    content: "3"
}

.display-card .bc-rating-num.review-35-star:before {
    content: "3.5"
}

.display-card .bc-rating-num.review-4-star:before {
    content: "4"
}

.display-card .bc-rating-num.review-45-star:before {
    content: "4.5"
}

.display-card .bc-rating-num.review-5-star:before {
    content: "5"
}

.display-card .bc-rating-star {
    width: 100%;
    height: 15px;
    background-repeat: no-repeat
}

.clip-full .display-card .bc-rating-star,
.sidebar .display-card .bc-rating-star {
    height: 20px
}

.display-card .w-rating {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.display-card .w-rating-star {
    display: flex;
    gap: 3px;
    margin-bottom: 10px;
    margin-right: 10px
}

.display-card .w-rating-star .rating-star {
    width: 18px;
    height: 18px;
    background-size: 18px auto;
    background-position: 0;
    background-repeat: no-repeat
}

.display-card .w-rating-star .rating-star.empty {
    background-image: url(https://images.valnetcdn.com/sharedimages/star-empty-2.svg)
}

.display-card .w-rating-star .rating-star.full {
    background-image: url(https://images.valnetcdn.com/sharedimages/star-full-2.svg)
}

.display-card .display-item-price {
    display: flex;
    gap: .5rem;
    margin: 0 0 .75rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    line-height: 1em
}

.display-card .display-item-price .regular-price {
    color: #b6b4b5;
    text-decoration: line-through
}

.display-card .display-card-description {
    margin: 0 0 1rem;
    font-family: Roboto, sans-serif;
    color: #777;
    font-size: .875rem;
    line-height: 1.5em
}

.display-card .display-card-description a {
    text-decoration: none;
    transition: all .2s ease;
    border-bottom: 2px solid #49bf3c
}

.display-card .w-display-card-info {
    margin: 0 0 .75rem
}

.display-card .w-display-card-info dl div {
    display: block;
    border-bottom: 1px solid #ededed;
    padding: .35rem 0
}

.display-card .w-display-card-info dl div:last-of-type {
    border: 0
}

.display-card .w-display-card-info dl div.is-hidden {
    display: none
}

.display-card .w-display-card-info dt {
    min-width: 100%;
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    line-height: 1.3em
}

.display-card .w-display-card-info dd {
    max-width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #777;
    line-height: 1;
    line-height: 1.3em
}

.display-card .w-display-card-info dd p {
    font-size: 1em;
    margin-bottom: 0;
    line-height: 1.3
}

.display-card .w-display-card-info dd a {
    color: #333
}

.display-card .w-display-card-info dd a:hover {
    color: #9d9d9d
}

.display-card .w-display-card-info dd.rating .small {
    font-size: 80%
}

.w-display-card-list.null-description .display-card .w-display-card-info {
    height: 40px;
    overflow: hidden;
    margin: 0
}

.w-display-card-list.null-description .display-card .w-display-card-info dl div {
    padding: 0
}

.w-display-card-list.null-description .display-card .w-display-card-info dd span {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card .w-display-card-pros-cons {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
    font-size: 1rem
}

.w-display-card-list .display-card .w-display-card-pros-cons {
    flex-direction: column
}

.versus .display-card .w-display-card-pros-cons {
    margin-top: 0;
    margin-bottom: .5rem
}

.display-card .w-display-card-pros-cons>div {
    flex-grow: 1
}

.display-card .w-display-card-pros-cons>div .sub-title {
    font-family: Roboto Condensed, sans-serif
}

.display-card .w-display-card-pros-cons>div ul {
    margin-top: .5rem
}

.display-card .w-display-card-pros-cons>div ul li {
    margin-left: 0;
    margin-bottom: .25rem;
    padding-left: 0;
    display: flex;
    gap: .5rem;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    line-height: 1.3em
}

.display-card .w-display-card-pros-cons>div ul.pro-list li:before {
    content: "\F067";
    color: #10c46e;
    font-size: .75rem
}

.display-card .w-display-card-pros-cons>div ul.con-list li:before {
    content: "\F068";
    color: #ff1540;
    font-size: .75rem
}

.display-card .w-display-card-extra {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: flex-end;
    gap: 1rem
}

.display-card .dc-tags-genre .w-display-card-extra:hover .dc-movie-genre:is(a),
.display-card .w-display-card-extra:hover .dc-tag-label:is(a),
.display-card .w-display-card-extra:hover .dc-tags-genre .dc-movie-genre:is(a),
.display-card .w-display-card-extra:hover .tag-label:is(a),
.display-card .w-display-card-extra:hover .w-display-card-content .tag-label-text:is(a),
.w-display-card-content .display-card .w-display-card-extra:hover .tag-label-text:is(a) {
    color: #333
}

.display-card .w-display-card-extra .dc-more-btn {
    display: flex;
    gap: .5rem;
    align-items: center;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 700;
    color: #333;
    text-transform: uppercase
}

.display-card .w-display-card-extra .dc-more-btn:after {
    font-size: 1.25em;
    color: #49bf3c;
    content: "\E9D0";
    padding-bottom: 4px
}

.display-card .w-display-card-extra .dc-more-btn:hover {
    opacity: .75
}

.display-card-badge-custom {
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 2;
    width: 80px;
    margin: 0
}

.w-display-card-list .display-card-badge-custom {
    width: 60px
}

.w-display-card-content:first-child .display-card-badge-custom {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: .5rem
}

.display-card-firstParagraph {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    margin-top: .5rem;
    margin-bottom: 0
}

.display-card-firstParagraph a {
    padding: 0 2px;
    color: #49bf3c
}

.w-display-card-link {
    width: 100%;
    display: flex;
    gap: .75rem;
    flex-direction: column;
    margin-top: 1rem
}

.w-display-card-link a {
    width: 100%;
    display: block;
    padding: .75rem 1.5rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #1e2d1e;
    line-height: 1;
    line-height: 1em;
    text-align: center;
    background-color: #fff;
    border: 1px solid #1e2d1e;
    border-radius: .25rem;
    transition: all .3s ease
}

.display-card-special-fields {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: .75rem;
    border: 1px solid #eaeaea;
    margin-bottom: .75rem
}

.display-card-special-fields h6 {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    margin: 0 0 .25rem
}

.display-card-special-fields .display-card-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 2.5rem 10px 10px;
    white-space: normal;
    background-image: url(https://static0.colliderimages.com/assets/images/chevron-down.f6dce445.svg);
    background-repeat: no-repeat;
    background-position: 94.5%;
    background-size: auto 15px;
    font-family: Roboto Condensed, sans-serif;
    font-size: .9rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    border: 1px solid #e5e5e5;
    background-color: #f2f2f2;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

.display-card.article.large.custom .w-display-card-content .meta_txt {
    width: -moz-fit-content;
    width: fit-content;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card.article {
    margin-bottom: 0;
    grid-template-rows: auto 1fr;
    gap: .5rem 1rem;
    grid-template-areas: "article-img" "article-content"
}

.section-latest-news .display-card.article {
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    margin: 0;
    grid-template-rows: auto 120px
}

.section-latest-news .display-card.article .w-display-card-category {
    grid-area: tag-label;
    margin-bottom: .5rem
}

.section-latest-news .display-card.article .dc-tags-genre .w-display-card-category .dc-movie-genre,
.section-latest-news .display-card.article .w-display-card-category .dc-tag-label,
.section-latest-news .display-card.article .w-display-card-category .dc-tags-genre .dc-movie-genre,
.section-latest-news .display-card.article .w-display-card-category .tag-label,
.section-latest-news .display-card.article .w-display-card-category .w-display-card-content .tag-label-text,
.w-display-card-content .section-latest-news .display-card.article .w-display-card-category .tag-label-text {
    color: #000;
    border: none;
    opacity: .8;
    padding: 0;
    text-transform: uppercase
}

.section-latest-news .display-card.article .dc-tags-genre .w-display-card-category .dc-movie-genre:hover,
.section-latest-news .display-card.article .w-display-card-category .dc-tag-label:hover,
.section-latest-news .display-card.article .w-display-card-category .dc-tags-genre .dc-movie-genre:hover,
.section-latest-news .display-card.article .w-display-card-category .tag-label:hover,
.section-latest-news .display-card.article .w-display-card-category .w-display-card-content .tag-label-text:hover,
.w-display-card-content .section-latest-news .display-card.article .w-display-card-category .tag-label-text:hover {
    opacity: 1
}

.section-latest-news .display-card.article .w-display-card-details {
    grid-area: tag;
    align-items: flex-end;
    margin-bottom: 0
}

.section-latest-news .display-card.article .display-card-excerpt {
    margin-bottom: .5rem
}

.section-latest-news .display-card.article .w-display-card-meta {
    flex-direction: column
}

.popular-main .display-card.article .w-display-card-details,
.w-recommended-feed .display-card.article .w-display-card-details {
    grid-area: tag;
    align-items: flex-end;
    margin-bottom: 0
}

.popular-main .display-card.article .display-card-excerpt,
.w-recommended-feed .display-card.article .display-card-excerpt {
    margin-bottom: .5rem
}

.w-listing-featured-category .display-card.article.large,
.w-listing-featured-category .display-card.article.small {
    overflow: hidden;
    background: #f2f2f2;
    padding: 0;
    border-radius: 8px;
    border: none;
    gap: 0 1rem
}

.w-listing-featured-category .display-card.article.large .w-display-card-content,
.w-listing-featured-category .display-card.article.small .w-display-card-content {
    gap: 0
}

.w-listing-featured-category .display-card.article.large .w-display-card-details,
.w-listing-featured-category .display-card.article.small .w-display-card-details {
    width: 100%;
    overflow: hidden
}

.display-card.article .dc-img-link {
    display: block;
    grid-area: article-img
}

.display-card.article .dc-img-link:hover {
    opacity: .9
}

.display-card.article .dc-img-link .w-img {
    position: relative
}

.display-card.article .dc-img-link .w-img .logo {
    position: absolute;
    bottom: -8px;
    left: 0;
    background-color: rgba(16, 16, 16, .7);
    padding: .25rem .5rem;
    display: flex;
    margin-bottom: .5rem;
    align-items: center;
    z-index: 10;
    height: 32px
}

.hfd {
    gap: 0px !important;
}

.hfd {
    padding-top: 10px;
    padding-bottom: 60px;
}

.hfd p img {
    padding-top: 10px;
}

.hfd h2 img {
    padding-bottom: 10px;
}

.hfd h2 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
}

.hfd h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.hfd h4 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

@media (max-width:768px) {
    .hfd p {
        text-align: center;
    }
}


body {
    word-break: break-all;
}

.comments-feed-item .image-expandable .display-card.article .dc-img-link .w-img div.logo.i-star:before,
.display-card.article .dc-img-link .w-img .comments-feed-item .image-expandable div.logo.i-star:before,
.display-card.article .dc-img-link .w-img .logo.icon.i-star:before {
    font-size: 1rem;
    margin-right: 8px;
    color: #49bf3c
}

.display-card.article .dc-img-link .w-img .logo.specific:before {
    display: none
}

.display-card.article .dc-img-link .w-img .logo img,
.display-card.article .dc-img-link .w-img .logo picture {
    width: auto;
    height: 100%
}

.listing-pinned-tags .display-card.article .dc-img-link,
.w-listing-featured-category .display-card.article .dc-img-link {
    aspect-ratio: 240/160
}

.sidebar-pinned-listing-page-article .display-card.article .dc-img-link,
.sidebar-sticky .display-card.article .dc-img-link,
.w-header-related-feed .display-card.article .dc-img-link {
    aspect-ratio: 120/80
}

.display-card.article img {
    border-radius: 4px;
    object-fit: cover;
    position: relative
}

.w-listing-featured-category .display-card.article img {
    border-radius: 0
}

.display-card.article .w-display-card-content {
    grid-area: article-content;
    display: grid;
    align-content: start;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto 1fr;
    gap: 0 1rem;
    grid-template-areas: "article-title article-title" "article-excerpt article-excerpt" "meta meta" "tag extra"
}

.w-listing:has(.section-latest-news) .display-card.article .w-display-card-content,
.w-section-latest:not(.w-section-latest--home) .display-card.article .w-display-card-content {
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "tag-label ." "article-title article-title" "article-excerpt article-excerpt" "meta meta" "tag extra"
}

.w-listing-featured-category .display-card.article .w-display-card-content,
.w-popular-feed .display-card.article .w-display-card-content {
    padding: .75rem;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr
}

.w-listing-featured-category .display-card.article .w-display-card-content {
    grid-template-areas: "article-title article-title" "meta extra"
}

.w-listing-featured-category .display-card.article .w-display-card-content .w-display-card-extra {
    transform: translate(2px, 3px)
}

.w-popular-feed .display-card.article .w-display-card-content {
    padding: 0;
    grid-template-rows: 69px auto;
    grid-template-areas: "article-title article-title" "meta extra";
    gap: .5rem
}

.article-follow .article-list-item .display-card.article .w-display-card-content {
    align-self: center;
    align-items: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-template-areas: "article-title premium-icon"
}

.w-display-card-heading {
    display: flex;
    flex-direction: column-reverse;
    padding-inline: 1rem;
    padding-top: 1rem;
    grid-area: dc-heading;
    margin-bottom: .75rem
}

.w-display-card-heading .w-rating {
    margin-right: 0
}

.null-description .w-display-card-heading {
    flex-direction: column-reverse;
    grid-column: 2;
    padding-top: 0;
    grid-row: 1;
    margin-bottom: 0
}

.display-card.article .display-card-title {
    grid-area: article-title;
    margin-bottom: 0
}

.display-card.article .display-card-title a {
    color: inherit;
    text-decoration: none
}

.display-card.article .display-card-title a:hover {
    text-decoration: underline
}

.display-card.article.small .display-card-title {
    font-size: 1.55rem
}

.w-listing-featured-category .display-card.article.small .display-card-title {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
    margin-bottom: .75rem
}

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

.w-listing-featured-category .display-card.article.large .display-card-title {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
    margin-bottom: .75rem
}

.article-follow .article-list-item .display-card.article.large .display-card-title,
.article-follow .article-list-item .display-card.article.small .display-card-title {
    font-size: 1.25rem;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.dc-premium-indicator {
    position: absolute;
    top: 2rem;
    left: 2rem;
    z-index: 10;
    display: flex;
    gap: .25rem;
    align-items: center;
    padding: 2px 4px;
    font-family: Roboto, arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #daa520
}

.dc-premium-indicator.i-premium:before {
    color: #fff;
    font-size: .875rem
}

.sidebar .dc-premium-indicator,
.w-header-related-feed .dc-premium-indicator {
    width: -moz-fit-content;
    width: fit-content;
    top: .25rem;
    left: .25rem;
    padding: 2px
}

.sidebar .dc-premium-indicator span,
.w-header-related-feed .dc-premium-indicator span {
    display: none
}

.listing-featured .dc-premium-indicator,
.w-featured-pinned-article .dc-premium-indicator,
.w-hub-widgets-two-columns .dc-premium-indicator,
.w-popular-feed .dc-premium-indicator {
    top: 1rem;
    left: 1rem
}

.w-popular-feed .dc-premium-indicator {
    top: .5rem;
    left: .5rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px
}

.w-popular-feed .dc-premium-indicator span {
    display: none
}

.w-popular-feed .dc-premium-indicator.i-premium:before {
    font-size: 1.125rem
}

.w-listing-featured-category .dc-premium-indicator {
    top: .75rem;
    left: .75rem
}

.w-listing-featured-category .dc-premium-indicator span {
    display: none
}

.w-listing-featured-category .dc-premium-indicator.i-premium:before {
    font-size: 1.125rem
}

.featured-news .dc-premium-indicator {
    top: .5rem;
    left: unset;
    right: .5rem
}

.featured-news .dc-premium-indicator span {
    display: none
}

.w-video-home-secondary-cards .dc-premium-indicator {
    width: -moz-fit-content;
    width: fit-content;
    top: .75rem;
    left: .75rem;
    padding: 2px
}

.w-video-home-secondary-cards .dc-premium-indicator span {
    display: none
}

.w-video-home-secondary-cards .dc-premium-indicator.i-premium:before {
    font-size: .875rem
}

.w-video-listing.listing-tag .pinned-tag .dc-premium-indicator {
    top: .75rem;
    left: .75rem
}

.w-video-listing.listing-tag .pinned-tag .dc-premium-indicator span {
    display: none
}

.w-video-listing.listing-tag .pinned-tag .dc-premium-indicator.i-premium:before {
    font-size: 1rem
}

.w-video-listing.listing-tag .pinned-tag.pinned-emphasize .dc-premium-indicator span {
    display: inline-flex
}

.w-video-listing.listing-tag .pinned-tag.pinned-emphasize .dc-premium-indicator.i-premium:before {
    font-size: 1.25rem
}

.listing-tag .listing-pinned-tags.pin-1 .dc-premium-indicator,
.listing-tag .listing-pinned-tags.pin-2 .dc-premium-indicator,
.listing-tag .listing-pinned-tags.pin-4 .dc-premium-indicator {
    top: .75rem;
    left: .75rem
}

.listing-tag .listing-pinned-tags.pin-1 .dc-premium-indicator span,
.listing-tag .listing-pinned-tags.pin-2 .dc-premium-indicator span,
.listing-tag .listing-pinned-tags.pin-4 .dc-premium-indicator span {
    display: none
}

.listing-tag .listing-pinned-tags.pin-1 .dc-premium-indicator.i-premium:before,
.listing-tag .listing-pinned-tags.pin-2 .dc-premium-indicator.i-premium:before,
.listing-tag .listing-pinned-tags.pin-4 .dc-premium-indicator.i-premium:before {
    font-size: 1rem
}

.listing-tag .listing-pinned-tags.pin-3 .dc-premium-indicator,
.listing-tag .listing-pinned-tags.pin-5 .dc-premium-indicator,
.listing-tag .listing-pinned-tags.pin-5:nth-child(-n+3) .dc-premium-indicator,
.listing-tag .listing-pinned-tags.pin-6 .dc-premium-indicator {
    top: .75rem;
    left: .75rem
}

.listing-tag .listing-pinned-tags.pin-3 .dc-premium-indicator span,
.listing-tag .listing-pinned-tags.pin-5:nth-child(-n+3) .dc-premium-indicator span,
.listing-tag .listing-pinned-tags.pin-6 .dc-premium-indicator span {
    display: none
}

.listing-tag .listing-pinned-tags.pin-3 .dc-premium-indicator.i-premium:before,
.listing-tag .listing-pinned-tags.pin-5:nth-child(-n+3) .dc-premium-indicator.i-premium:before,
.listing-tag .listing-pinned-tags.pin-6 .dc-premium-indicator.i-premium:before {
    font-size: 1rem
}

.listing-screen-section-content .dc-premium-indicator {
    top: .75rem;
    left: .75rem
}

.article-follow .article-list-item .display-card.article .dc-premium-indicator {
    position: relative;
    top: unset;
    left: unset;
    grid-area: premium-icon;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 2px 4px
}

.article-follow .article-list-item .display-card.article .dc-premium-indicator span {
    display: none
}

.display-card.vertical-card.article .dc-premium-indicator {
    top: .5rem;
    left: .5rem
}

.w-video-home-primary .dc-premium-indicator .listing-featured .w-featured-3-pin-videos {
    top: .75rem;
    left: .75rem
}

.display-card.vertical-card.article .dc-premium-indicator .w-display-card.playlist span {
    display: none
}

.display-card.article .display-card-excerpt {
    grid-area: article-excerpt;
    margin-bottom: .25rem
}

.display-card.article .w-display-card-details {
    grid-area: meta;
    margin-bottom: 1rem
}

.w-listing-featured-category .display-card.article .w-display-card-details {
    margin: 0;
    align-self: flex-end
}

.sidebar-sticky .display-card.article .w-display-card-details {
    margin-bottom: 0
}

.w-listing-featured-category .display-card.article .w-display-card-details .w-display-card-meta,
.w-popular-feed .display-card.article .w-display-card-details .w-display-card-meta {
    flex-direction: column;
    align-items: flex-start
}

.w-listing-featured-category .display-card.article .w-display-card-details .w-display-card-meta .meta_txt.article-date:before,
.w-popular-feed .display-card.article .w-display-card-details .w-display-card-meta .meta_txt.article-date:before {
    display: none
}

.display-card.article .w-display-card-category {
    align-self: flex-end;
    grid-area: tag
}

.display-card.article .w-display-card-extra {
    grid-area: extra;
    transform: translateY(.5rem)
}

.article-follow .article-list-item .display-card.article .w-display-card-extra,
.display-card.article .w-display-card-extra .total-info-label {
    display: none
}

.display-card.small.article-card,
.sub-content .display-card.small.article-card {
    display: grid;
    gap: .5rem .75rem;
    padding: 1rem;
    margin-bottom: 2rem;
    background-color: #f2f2f2;
    border-radius: 8px;
    border: none;
    grid-template-columns: 100px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "dc-img dc-content"
}

.display-card.small.article-card .body-img,
.sub-content .display-card.small.article-card .body-img {
    margin: 0
}

.display-card.small.article-card .body-img .responsive-img,
.sub-content .display-card.small.article-card .body-img .responsive-img {
    padding: 0 !important
}

.display-card.small.article-card .article-card-label,
.sub-content .display-card.small.article-card .article-card-label {
    position: absolute;
    top: -6px;
    left: 1rem;
    font-size: .875rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px
}

.display-card.small.article-card .dc-img-link,
.sub-content .display-card.small.article-card .dc-img-link {
    grid-area: dc-img;
    width: 100%;
    margin-bottom: 0
}

.display-card.small.article-card .dc-img-link .articleHasVideo:before,
.sub-content .display-card.small.article-card .dc-img-link .articleHasVideo:before {
    font-size: 1.25rem;
    top: .125rem;
    right: .125rem
}

.display-card.small.article-card .dc-img-link .w-img,
.sub-content .display-card.small.article-card .dc-img-link .w-img {
    position: relative
}

.display-card.small.article-card .dc-img-link .w-img .logo,
.sub-content .display-card.small.article-card .dc-img-link .w-img .logo {
    height: 32px
}

.comments-feed-item .image-expandable .display-card.small.article-card .dc-img-link .w-img div.logo.i-star:before,
.display-card.small.article-card .dc-img-link .w-img .comments-feed-item .image-expandable div.logo.i-star:before,
.display-card.small.article-card .dc-img-link .w-img .logo.icon.i-star:before,
.sub-content .display-card.small.article-card .dc-img-link .w-img .logo.icon.i-star:before {
    font-size: 1rem
}

.display-card.small.article-card .dc-img-link .w-img .logo.specific,
.sub-content .display-card.small.article-card .dc-img-link .w-img .logo.specific {
    height: 32px
}

.display-card.small.article-card .w-display-card-content,
.sub-content .display-card.small.article-card .w-display-card-content {
    grid-area: dc-content;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "article-title article-title" "article-excerpt article-excerpt" "meta extra"
}

.display-card.small.article-card .w-display-card-content .display-card-title,
.sub-content .display-card.small.article-card .w-display-card-content .display-card-title {
    font-size: 1rem;
    line-height: 1.2;
    word-break: break-word;
    margin: 0 1rem 0 0;
    width: 85%;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card.small.article-card .w-display-card-content .w-display-card-extra,
.sub-content .display-card.small.article-card .w-display-card-content .w-display-card-extra {
    align-self: flex-end;
    align-items: center;
    position: absolute;
    margin-bottom: 0;
    right: 1rem;
    bottom: 1rem
}

.display-card.small.article-card .w-display-card-content .display-card-excerpt,
.sub-content .display-card.small.article-card .w-display-card-content .display-card-excerpt {
    display: none !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .875rem
}

.display-card.small.article-card .w-display-card-content .w-display-card-category,
.sub-content .display-card.small.article-card .w-display-card-content .w-display-card-category {
    grid-area: tag
}

.display-card.small.article-card .dc-tags-genre .w-display-card-content .dc-movie-genre,
.display-card.small.article-card .w-display-card-content .dc-tag-label,
.display-card.small.article-card .w-display-card-content .dc-tags-genre .dc-movie-genre,
.display-card.small.article-card .w-display-card-content .tag-label,
.display-card.small.article-card .w-display-card-content .tag-label-text,
.sub-content .display-card.small.article-card .w-display-card-content .dc-tag-label {
    gap: .25rem;
    padding-bottom: 2px;
    color: #777
}

.display-card.small.article-card .dc-tags-genre .w-display-card-content .dc-movie-genre text,
.display-card.small.article-card .w-display-card-content .dc-tag-label text,
.display-card.small.article-card .w-display-card-content .dc-tags-genre .dc-movie-genre text,
.display-card.small.article-card .w-display-card-content .tag-label-text text,
.display-card.small.article-card .w-display-card-content .tag-label text,
.sub-content .display-card.small.article-card .w-display-card-content .dc-tag-label text {
    font-size: 1rem
}

.adsninja-ad-zone.adsninja-valstream+.display-card.small.article-card {
    margin-top: 2rem
}

.display-card.article.content-preview {
    grid-template-columns: 1fr;
    grid-template-areas: "article-author" "article-title" "article-image" "article-excerpt" "preview-btn";
    border-left: 2px solid #49bf3c;
    margin-left: 1rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    width: calc(100% - 1rem)
}

.display-card.article.content-preview .w-display-card-details {
    grid-area: article-author;
    margin-bottom: .5rem
}

.display-card.article.content-preview .display-card-title {
    grid-area: article-title;
    margin-bottom: 0
}

.display-card.article.content-preview .w-img {
    grid-area: article-image
}

.display-card.article.content-preview .w-img .body-img {
    margin: .5rem 0
}

.display-card.article.content-preview .w-img .img-article-square {
    padding-bottom: 0 !important
}

.display-card.article.content-preview .display-card-content-preview {
    grid-area: article-excerpt;
    margin-bottom: 0
}

.display-card.article.content-preview .content-preview-btn {
    grid-area: preview-btn;
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    margin-bottom: 0;
    transition: color .2s ease-in-out
}

.display-card.article.content-preview .content-preview-btn:hover {
    color: #49bf3c
}

.sentinel-home-featuredNews .articleHasVideo:before,
.sidebar-sticky .articleHasVideo:before,
.sidebar .display-card.article.small .articleHasVideo:before,
.xsmall-video-play-icon {
    font-size: 1.25rem;
    top: .5rem;
    right: .5rem
}

.article-widget-feed .articleHasVideo:before,
.sidebar .sidebar-sticky .display-card.article.small .articleHasVideo:before,
.sidebar .sidebar-tabs .display-card.article.large .articleHasVideo:before,
.sidebar .sidebar-tabs .display-card.article.small .articleHasVideo:before,
.w-header-related-feed .articleHasVideo:before,
.xsmall-video-icon-only {
    font-size: 1.5rem;
    top: .5rem;
    right: .5rem
}

.small-video-play-icon {
    font-size: 1.25rem;
    top: .5rem;
    right: .75rem
}

.video-time-xsmall {
    bottom: .25rem;
    right: .25rem;
    padding: .125rem .25rem;
    font-size: .625rem
}

.article-card .articleHasVideo span,
.video-time-small,
.wrapper.w-video-home-header .video-home-secondary .articleHasVideo span {
    bottom: .25rem;
    right: .25rem;
    padding: .125rem .25rem;
    font-size: .75rem
}

.articleHasVideo span,
.video-time-medium {
    bottom: .75rem;
    right: .75rem;
    padding: .125rem .25rem;
    font-size: .875rem
}

.video-time-large {
    bottom: .75rem;
    right: .75rem;
    font-size: 1rem;
    padding: .25rem .5rem
}

.articleHasVideo span {
    position: absolute;
    z-index: 9;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    color: #fff;
    background: rgba(16, 16, 16, .8);
    border-radius: .25rem;
    box-shadow: 0 0 12px rgba(16, 16, 16, .25)
}

.featured-3-col .articleHasVideo span,
.featured-4-pin-emphasis .articleHasVideo span,
.featured-4-pin-single .featured-primary .articleHasVideo span,
.featured-4-pin-single .featured-secondary .articleHasVideo span,
.featured-5-pin-large .articleHasVideo span,
.featured-5-pin-news .featured-news .articleHasVideo span,
.featured-5-pin-news .featured-primary .articleHasVideo span,
.featured-5-pin-reverse .featured-primary .articleHasVideo span,
.featured-6-pin .articleHasVideo span,
.featured-7-pin-3-sections .articleHasVideo span,
.sidebar-sticky .articleHasVideo span,
.sidebar-tabs .articleHasVideo span,
.w-header-related-feed .articleHasVideo span {
    display: none
}

.listing-pinned-tags.pin-3 .articleHasVideo span,
.listing-pinned-tags.pin-4 .articleHasVideo span,
.listing-pinned-tags.pin-5:nth-child(-n+3) .articleHasVideo span,
.listing-pinned-tags.pin-6 .articleHasVideo span {
    bottom: .75rem;
    right: .75rem;
    padding: .25rem .375rem;
    font-size: 1rem
}

.listing-pinned-tags.pinned-compact .articleHasVideo span {
    display: none
}

.articleHasVideo:before {
    content: "\EA03";
    font-family: icomoon;
    line-height: 1;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    z-index: 9;
    opacity: .8;
    font-size: 2.5rem;
    top: 1rem;
    right: 1rem
}

.display-card.article.small.article-card .articleHasVideo:before {
    top: .5rem;
    right: .5rem
}

.featured-4-pin-single .sentinel-featuredPrimary .articleHasVideo:before {
    top: 2.25rem;
    right: 2.5rem;
    font-size: 4rem
}

.featured-5-pin-news .featured-news .articleHasVideo:before {
    font-size: 1.125rem;
    top: .5rem;
    right: .75rem
}

.listing-pinned-tags.pin-1 .articleHasVideo:before,
.listing-pinned-tags.pin-2 .articleHasVideo:before,
.listing-pinned-tags.pin-4 .articleHasVideo:before {
    right: .75rem;
    top: .75rem
}

.listing-pinned-tags.pin-3 .articleHasVideo:before,
.listing-pinned-tags.pin-5:nth-child(-n+3) .articleHasVideo:before,
.listing-pinned-tags.pin-6 .articleHasVideo:before {
    right: .75rem;
    top: .75rem;
    font-size: 2rem
}

.w-hub-video .articleHasVideo:before {
    font-family: video player;
    content: "\E905";
    font-size: 1.5rem;
    right: unset;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    opacity: 1;
    background: rgba(0, 0, 0, .3882352941);
    padding: 11px 9px 11px 13px;
    border-radius: 100%
}

.articleHasVideo+.logo {
    bottom: .5rem;
    left: .5rem;
    border-radius: .5rem;
    padding: .5rem .75rem
}

.display-card.article .dc-img-link .w-img .articleHasVideo+.logo {
    display: none;
    bottom: .5rem;
    left: .5rem;
    border-radius: .5rem;
    padding: .5rem .75rem;
    margin: 0
}

.sidebar-sticky .articleHasVideo+.logo {
    left: 0;
    bottom: 0;
    border-radius: 0;
    padding: .25rem .75rem;
    height: 24px
}

.display-card.article-thread {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: .75rem 1rem;
    grid-template-areas: "prompt-title" "prompt-response" "prompt-details";
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    margin: 0;
    container-name: dc-thread-container;
    container-type: inline-size
}

.article-follow .article-list-item .display-card.article-thread {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "prompt-title"
}

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

.article-follow .article-list-item .display-card.article-thread:has(.featured-img-thread),
.article-follow .article-list-item .display-card.article-thread:has(.prompt-link) {
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    border-radius: 0;
    grid-template-columns: 60px 1fr;
    grid-template-rows: auto;
    grid-template-areas: "prompt-img prompt-title"
}

.sidebar-sticky .display-card.article-thread,
.sidebar .display-card.article-thread {
    gap: 0 .5rem;
    margin-bottom: .5rem;
    padding: 0 0 .5rem;
    background: none !important;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0
}

.sidebar-sticky .display-card.article-thread:last-of-type,
.sidebar .display-card.article-thread:last-of-type {
    padding: 0;
    margin: 0;
    border: none
}

.sidebar-sticky .display-card.article-thread:has(.w-thread-prompt-img),
.sidebar .display-card.article-thread:has(.w-thread-prompt-img) {
    grid-template-columns: 1fr 64px;
    grid-template-areas: "prompt-title prompt-img" "prompt-details prompt-details"
}

.display-card.article-thread .w-details {
    grid-area: prompt-details;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-top: 2rem
}

.sidebar-sticky .display-card.article-thread .w-details,
.w-thread-popular .display-card.article-thread .w-details {
    margin-top: 0
}

.article-follow .article-list-item .display-card.article-thread .w-details {
    display: none
}

.display-card.article-thread .w-details .w-threads-prompt-text {
    display: flex;
    gap: .5rem
}

.display-card.article-thread .w-details.extra-options {
    align-items: center;
    gap: .75rem;
    margin-top: 0;
    margin-bottom: -8px;
    border-top: 1px solid #d3d3d3;
    flex-direction: row;
    padding: 8px 0 0;
    gap: .5rem
}

.sidebar-sticky .display-card.article-thread .w-details.extra-options,
.sidebar .display-card.article-thread .w-details.extra-options {
    border: none;
    margin-bottom: 0
}

.profile-section .display-card.article-thread .w-details.extra-options {
    margin-top: .5rem
}

.display-card.article-thread .w-thread-prompt-img {
    margin: 0;
    grid-area: prompt-img;
    position: relative;
    height: -moz-fit-content;
    height: fit-content
}

.display-card.article-thread .w-thread-prompt-img:hover {
    opacity: .8
}

.sidebar-sticky .display-card.article-thread .w-thread-prompt-img:hover,
.sidebar .display-card.article-thread .w-thread-prompt-img:hover {
    opacity: unset
}

.display-card.article-thread .w-thread-prompt-img img {
    border-radius: 4px;
    position: relative
}

.display-card.article-thread .prompt-link-img {
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    border-radius: 4px
}

.display-card.article-thread .prompt-link-img img {
    border-radius: 0;
    width: 150%;
    max-width: unset;
    height: auto
}

.display-card.article-thread .prompt-link-img:before {
    cursor: pointer;
    color: #fff;
    font-size: .875rem;
    position: absolute;
    top: .25rem;
    right: .25rem;
    z-index: 2;
    padding: .125rem .25rem;
    border-radius: 2px;
    background: rgba(10, 10, 10, .5)
}

.sidebar-sticky .display-card.article-thread .prompt-link-img:before,
.sidebar .display-card.article-thread .prompt-link-img:before {
    display: none !important
}

.display-card.article-thread .display-card-title {
    grid-area: prompt-title;
    font-size: 1.55rem;
    margin-bottom: -.5rem
}

.profile-section .display-card.article-thread .display-card-title {
    font-size: 1.25rem
}

.sidebar-sticky .display-card.article-thread .display-card-title,
.sidebar .display-card.article-thread .display-card-title {
    margin: 0;
    font-size: 1rem
}

.display-card.article-thread .display-card-title a {
    color: inherit;
    text-decoration: none
}

.display-card.article-thread .display-card-title a:hover {
    text-decoration: underline
}

.article-follow .article-list-item .display-card.article-thread .display-card-title {
    font-size: 1.25rem
}

.display-card.article-thread .w-details.extra-options .w-display-card-details {
    width: -moz-fit-content;
    width: fit-content
}

.display-card.article-thread .w-details.extra-options .threads-text.extra-date {
    color: #777;
    font-weight: 700;
    font-size: .75rem
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra {
    justify-content: flex-end;
    align-items: baseline
}

.display-card.article-thread .dc-tags-genre .w-details.extra-options .w-display-card-extra:hover .dc-movie-genre:is(a),
.display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a),
.display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tags-genre .dc-movie-genre:is(a),
.display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .tag-label:is(a),
.display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .w-display-card-content .tag-label-text:is(a),
.w-display-card-content .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .tag-label-text:is(a) {
    color: #333
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    white-space: nowrap
}

.sidebar-sticky .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info,
.sidebar .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info {
    align-self: flex-end
}

.sidebar-sticky .display-card.article-thread .w-details.extra-options .w-display-card-extra .extra-comments .total-info-number.i-thread:before,
.sidebar .display-card.article-thread .w-details.extra-options .w-display-card-extra .extra-comments .total-info-number.i-thread:before {
    font-size: 1rem;
    transform: translateY(3px)
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .date-info {
    display: flex;
    align-items: center
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-label {
    font-size: 14px
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    align-self: stretch;
    white-space: nowrap
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.last-comment {
    font-size: 1.4rem;
    line-height: 1.2rem;
    margin-left: -3px;
    gap: 1px
}

.sidebar-sticky .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number,
.sidebar .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number {
    height: 1.125rem
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number .num {
    font-weight: 700;
    font-size: .75rem
}

.display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number .num:empty {
    display: none !important
}

.display-card.article-thread .w-display-card-details {
    grid-area: prompt-meta
}

.display-card.article-thread .w-display-card-details .w-threads-author {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start
}

.display-card.article-thread .w-display-card-details .w-threads-author:has(.premium-indicator),
.display-card.article-thread .w-display-card-details .w-threads-author:has(.user-img-comp) {
    align-items: flex-end
}

.display-card.article-thread .w-display-card-details .w-threads-author .user-img {
    flex: none
}

.display-card.article-thread .w-display-card-details .threads-text {
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.display-card.article-thread .w-display-card-details .threads-text.date.date {
    display: flex !important;
    white-space: nowrap
}

.display-card.article-thread .w-display-card-details .threads-text.author {
    font-weight: 700;
    font-size: .75rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sidebar-sticky .display-card.article-thread .w-display-card-details .threads-text.author,
.sidebar .display-card.article-thread .w-display-card-details .threads-text.author {
    font-size: .75rem
}

.sidebar-sticky .display-card.article-thread .w-display-card-details .threads-text.author a,
.sidebar-sticky .display-card.article-thread .w-display-card-details .threads-text.author div,
.sidebar .display-card.article-thread .w-display-card-details .threads-text.author a,
.sidebar .display-card.article-thread .w-display-card-details .threads-text.author div {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 12rem
}

.display-card.article-thread .w-display-card-details .threads-text.date {
    color: #edc23f;
    font-size: 14px
}

@container dc-thread-container (width < 420px) {
    .display-card.article-thread .w-display-card-details .threads-text.date {
        display: none !important
    }
}

.display-card.article-thread .w-display-card-details .threads-text.date:only-child {
    font-weight: 700
}

.display-card.article-thread .w-display-card-details .threads-text span {
    color: #b6b4b5;
    font-size: .65rem;
    display: block
}

.display-card.article-thread .w-display-card-details .threads-text.premium-indicator img {
    max-width: 12px;
    width: auto;
    height: 12px
}

.article-follow .article-list-item .display-card.article-thread .w-display-card-details {
    display: none
}

.sidebar-sticky .display-card.article-thread .w-display-card-extra,
.sidebar .display-card.article-thread .w-display-card-extra {
    align-items: center
}

.display-card.article-thread .w-display-card-extra .comment {
    padding: 0
}

.display-card.article-thread .w-display-card-extra .comment:before {
    font-size: 1rem
}

.display-card.article-thread .w-display-card-extra span.num {
    font-size: .875rem
}

.article-follow .article-list-item .display-card.article-thread .w-display-card-extra {
    display: none
}

.display-card.article-thread .w-threads-prompt-subtitle {
    grid-area: prompt-response
}

.article-follow .article-list-item .display-card.article-thread .w-threads-prompt-subtitle,
.sidebar-sticky .display-card.article-thread .w-threads-prompt-subtitle,
.sidebar .display-card.article-thread .w-threads-prompt-subtitle {
    display: none
}

.display-card.article-thread .display-card-excerpt {
    margin: 0;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: .875rem;
    line-height: 1.5em
}

.sidebar-sticky .display-card.article-thread .display-card-excerpt,
.sidebar .display-card.article-thread .display-card-excerpt {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.article-follow .article-list-item .display-card.article-thread .display-card-excerpt {
    display: none
}

.display-card.article-thread .w-prompt-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .25rem;
    gap: .5rem;
    background: hsla(0, 0%, 88.6%, .9);
    border-radius: 0 0 4px 4px
}

.display-card.article-thread .w-prompt-link .prompt-link-favicon {
    width: 1rem;
    flex-shrink: 0
}

.display-card.article-thread .w-prompt-link .prompt-link-url {
    font-family: Roboto Condensed, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    word-break: break-all
}

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

.threads-prompt {
    padding: 1rem;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 8px
}

.threads-prompt .threads-prompt-title {
    position: relative;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #101010;
    line-height: 1;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #d3d3d3
}

.threads-prompt .threads-prompt-title:has(+.w-threads-author) {
    border: none;
    padding: 0
}

.threads-prompt .w-threads-author {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d3d3d3
}

.threads-prompt .w-thread-author-usercards {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center
}

.threads-prompt .w-thread-author-usercards:has(.premium-indicator),
.threads-prompt .w-thread-author-usercards:has(.user-img-comp) {
    align-items: flex-end
}

.threads-prompt .w-thread-author-usercards .premium-indicator img {
    max-width: 12px;
    width: auto;
    height: 12px
}

.threads-prompt .threads-prompt-response {
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    line-height: 1.5em;
    font-weight: 400;
    color: #333
}

.threads-prompt .threads-prompt-response a {
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 1;
    text-decoration: none;
    transition: all .2s ease;
    border-bottom: 2px solid #ccc
}

.threads-prompt .threads-prompt-response a:empty {
    display: none
}

.threads-prompt .w-thread-prompt-content {
    width: 100%;
    display: grid;
    grid-template-areas: "prompt-response" "prompt-img";
    gap: 1rem
}

.threads-prompt .w-thread-prompt-content.has-link .threads-prompt-link {
    grid-area: prompt-url
}

.threads-prompt .w-thread-prompt-content.has-link .threads-prompt-response {
    display: block
}

.threads-prompt .w-thread-prompt-content.has-link .threads-prompt-response p {
    grid-area: prompt-response
}

.threads-prompt .w-thread-prompt-content .thread-prompt-img.featured-img-thread {
    position: relative
}

.threads-prompt .w-thread-prompt-content .thread-prompt-link {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 4px;
    float: right;
    margin-left: .7rem;
    height: 5.25em;
    width: 120px
}

.threads-prompt .w-thread-prompt-content .thread-prompt-link:hover {
    opacity: .8
}

.threads-prompt .w-thread-prompt-content .prompt-link-img {
    display: block;
    height: 5.25em;
    overflow: hidden;
    border-radius: 4px
}

.thread-suggestion-form .threads-prompt .w-thread-prompt-content .prompt-link-img {
    background: #b6b4b5;
    display: flex;
    align-items: center
}

.threads-prompt .w-thread-prompt-content .prompt-link-img:before {
    cursor: pointer;
    color: #fff;
    font-size: .875rem;
    position: absolute;
    top: .25rem;
    right: .25rem;
    padding: .125rem .25rem;
    border-radius: 2px;
    background: rgba(10, 10, 10, .5);
    line-height: 1.2
}

.threads-prompt .w-thread-prompt-content .w-prompt-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .25rem;
    gap: .5rem;
    background: hsla(0, 0%, 88.6%, .9);
    border-radius: 0 0 4px 4px
}

.threads-prompt .w-thread-prompt-content .prompt-link-img img {
    border-radius: 0;
    width: 150%;
    max-width: unset;
    height: auto
}

.thread-suggestion-form .threads-prompt .w-thread-prompt-content .prompt-link-img img {
    width: 20%;
    margin: 0 auto
}

.threads-prompt .w-thread-prompt-content .prompt-link-favicon {
    width: 1rem;
    flex-shrink: 0
}

.threads-prompt .w-thread-prompt-content .prompt-link-url {
    font-family: Roboto Condensed, sans-serif;
    font-size: .625rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    word-break: break-all
}

.threads-prompt .w-thread-prompt-content .prompt-link-url a {
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1
}

.threads-text {
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.threads-text.author {
    display: flex;
    gap: .25rem;
    align-items: flex-start;
    flex-direction: column;
    font-weight: 700
}

.user-info .threads-text.author {
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.db-user-leaderboard-item .threads-text.author {
    max-width: 16ch;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.threads-text.date {
    color: #777
}

.threads-text span {
    color: #b6b4b5;
    font-size: .65rem;
    display: block
}

.threads-text.user-id {
    font-size: .625rem;
    font-weight: 700;
    color: #b6b4b5
}

.listing-screen-header .review-user:has(.user-img-comp) .threads-text.author {
    padding-top: .75rem
}

.w-threads-attachment {
    background-color: #fff;
    margin-top: -1px;
    border: 1px solid #d3d3d3;
    border-radius: 0 0 8px 8px;
    padding: .25rem .5rem .5rem
}

.comments-feed-list .w-threads-attachment {
    border-radius: border-radius-block
}

.w-threads-attachment .threads-attachment {
    background-color: #e2e2e2;
    padding: .25rem 0 .25rem .25rem;
    margin-top: .25rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.w-threads-attachment .threads-attachment-label {
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #777;
    line-height: 1;
    margin-top: .125rem
}

.edit .w-threads-attachment .threads-attachment-img:hover img {
    opacity: .8
}

.w-threads-attachment .threads-attachment-close {
    display: flex;
    align-items: center;
    padding: 0 .25rem;
    color: #777
}

.w-threads-attachment .threads-attachment-close:hover {
    color: #1e90ff
}

.w-threads-attachment img {
    height: 60px !important;
    width: auto
}

.w-threads-attachment.edit {
    grid-area: user-image-upload
}

.comment-submit-rules {
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.comment-submit-rules a {
    text-decoration: underline
}

.comment-submit-rules.small {
    font-size: .75rem;
    margin-top: .4rem
}

.ql-container.ql-snow {
    height: 150px
}

.ql-container.ql-snow,
.ql-editor.ql-blank:before {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.ql-editor.ql-blank:before {
    font-style: normal
}

.ql-editor img {
    max-width: 80px !important;
    max-height: 238px !important
}

.ql-snow.ql-toolbar .ql-image {
    line-height: 1.125rem;
    border-left: 1px solid #d3d3d3;
    margin-left: .5rem;
    padding-left: .5rem;
    font-size: .75rem
}

.ql-snow.ql-toolbar .ql-image svg .ql-fill {
    fill: #1e90ff
}

.ql-snow.ql-toolbar .ql-image svg .ql-stroke {
    stroke: #1e90ff
}

.ql-snow.ql-toolbar .ql-image svg:hover .ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar .ql-image svg:hover .ql-stroke {
    stroke: #06c
}

.w-thread-sort {
    display: flex;
    align-items: center;
    padding: 1rem 0 .25rem;
    gap: .5rem
}

.w-thread-sort label {
    font-weight: 400
}

.w-thread-sort label,
.w-thread-sort select {
    font-size: .875rem;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif
}

.w-thread-sort select {
    padding: .125rem;
    font-weight: 700;
    border-radius: 4px;
    border-color: #b6b4b5
}

.user-img {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem
}

.comments-feed-item .user-img,
.threads-prompt.main .user-img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem
}

.comments-feed-item .user-img:has(.premium-indicator)+.user-info,
.comments-feed-item .user-img:has(.user-img-comp)+.user-info,
.threads-prompt.main .user-img:has(.premium-indicator)+.user-info,
.threads-prompt.main .user-img:has(.user-img-comp)+.user-info {
    align-items: flex-end
}

.w-hub-widgets-two-columns .user-img {
    width: 1.75rem;
    height: 1.75rem
}

.user-img.no-img {
    background: #d3d3d3
}

.user-img img {
    border-radius: 1.5rem
}

.user-img .premium-indicator,
.user-img .user-img-comp {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.user-img .premium-indicator picture,
.user-img .user-img-comp picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-img .premium-indicator img,
.user-img .user-img-comp img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    border-radius: 0
}

.user-img .user-img-comp {
    right: -16px;
    top: -8px;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 12px;
    padding: 2px;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1)
}

.threads-prompt.main .user-img .user-img-comp {
    right: -20px;
    top: -12px;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem
}

.comments-feed-item .user-img .user-img-comp {
    right: -12px;
    top: -6px
}

.w-hub-widgets-two-columns .user-img .user-img-comp {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    right: -4px;
    top: -4px
}

.comments-feed-item .user-img .premium-indicator,
.comments-feed-item .user-img .premium-indicator img,
.threads-prompt.main .user-img .premium-indicator,
.threads-prompt.main .user-img .premium-indicator img {
    width: 20px;
    height: 20px;
    max-width: unset
}

.footer-threads-user {
    position: relative;
    display: grid;
    grid-template-areas: "user" "user-input" "cta";
    align-items: center;
    padding: .5rem .5rem .5rem 0
}

.footer-threads-user:before {
    display: none
}

.footer-threads-user.logged-out {
    border: none;
    background: #fff
}

.footer-threads-user.logged-out .user-comment-show {
    min-width: 240px;
    cursor: text
}

.footer-threads-user .w-user-comment {
    grid-area: user-input
}

.footer-threads-user .username {
    position: relative;
    grid-area: user;
    display: grid;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start
}

.footer-threads-user .username .user-edit div:before {
    font-size: 1rem;
    color: #b6b4b5
}

.footer-threads-user .username:has(.update-display-name-box) .js-profile-card {
    display: none !important
}

.footer-threads-user .username:has(.update-display-name-box) .user-img {
    margin-top: .75rem;
    align-self: start
}

.footer-threads-user .username .user-info {
    flex: 1
}

.footer-threads-user .username .w-tooltip {
    width: 100%
}

.footer-threads-user .username .text-input-note {
    margin: .5rem 0 0 1rem
}

.footer-threads-user .user-img {
    width: 2rem;
    height: 2rem;
    grid-area: user-img
}

.footer-threads-user .user-display-name,
.footer-threads-user .user-name {
    flex-basis: 100%;
    grid-area: user-name
}

.footer-threads-user .user-comment-input {
    grid-area: user-input
}

.footer-threads-user .user-comment-show {
    grid-area: cta;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    width: 90%;
    z-index: 2;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    transition: all .3s ease
}

.footer-threads-user .user-comment-show:before {
    color: rgb(144.5, 144.5, 144.5);
    font-size: 2rem
}

.footer-threads-user .user-comment-show span {
    width: 100%;
    border: 1px solid #b6b4b5;
    border-radius: 30px;
    padding: .75rem 1rem;
    font-size: .875rem;
    font-weight: 700;
    color: #b6b4b5;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    background: #f2f2f2
}

.footer-threads-user .user-comment-show:hover span {
    color: #777
}

textarea.user-comment-text {
    background: none;
    border-color: #d3d3d3;
    resize: vertical;
    width: 100%;
    max-width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: .5rem;
    font-size: .875rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif
}

textarea.user-comment-text::-moz-placeholder {
    color: #d3d3d3
}

textarea.user-comment-text::placeholder {
    color: #d3d3d3
}

.w-footer-threads:not(:has(.threads-prompt)) .footer-threads-user.logged-out {
    background: #fff;
    border: 1px solid #d3d3d3
}

.w-footer-threads:not(:has(.threads-prompt)) .footer-threads-user.logged-out .user-comment-show {
    margin: 0 auto;
    min-width: 120px
}

.w-welcome-msg {
    width: 100%;
    text-align: center;
    padding: 1rem 1rem 0;
    margin-bottom: 0
}

.w-welcome-msg .welcome-msg {
    display: flex;
    flex-direction: column;
    font-family: Roboto Condensed, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #181818;
    line-height: 1;
    margin: 0 auto .75rem
}

.w-welcome-msg .welcome-msg:before {
    opacity: .4;
    color: #1e90ff;
    font-size: 4rem;
    margin-bottom: 1rem
}

.w-welcome-msg .welcome-msg.bold {
    font-size: .875rem;
    font-weight: 800;
    color: #181818;
    line-height: 1
}

.w-comments-feed .comments-feed-list {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.comments-feed-item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem .5rem;
    grid-template-areas: "user-info" "user-date" "user-comment" "user-image-upload" "user-interaction" "user-comment-reply";
    padding: 1rem;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    word-break: break-word
}

.comments-feed-item:has(.w-user-comment-text:not(.is-hidden)) {
    grid-template-areas: "user-info" "user-date" "user-comment" "user-image-upload" "user-comment-reply"
}

.is-edited .comments-feed-item {
    padding-bottom: 3.5rem
}

.comments-feed-item.is-show-more {
    overflow: hidden;
    max-height: 132px
}

.comments-feed-item.is-last,
.comments-feed-item:has(+.comments-feed-pagination) {
    overflow: hidden;
    max-height: 132px
}

.comments-feed-item.is-last~.comments-feed-item {
    display: none
}

.comments-feed-item.reply {
    margin-inline-start: 1.5rem
}

.comments-feed-item.reply:before {
    left: -1.5rem;
    top: 0
}

#w-comment-feed-no-comment .comments-feed-item {
    background: none;
    border: none;
    padding: 0
}

.comments-feed-item:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    position: absolute;
    top: 1.4rem;
    right: 2.5rem
}

.comments-feed-item.flair-user-comment {
    border-color: #939393;
    border-width: 2px
}

.comments-feed-item.flair-pinned-comment {
    background: #fefbe8
}

.comments-feed-item.flair-pinned-comment:after {
    content: "\E970";
    color: #333;
    transform: rotate(45deg)
}

.comments-feed-item.comment-highlight {
    border-color: #1e90ff;
    border-width: 2px
}

.comments-feed-item .w-user-comment-text {
    grid-area: user-comment
}

.comments-feed-item .w-user-comment-text.reply {
    grid-area: user-comment-reply
}

.comments-feed-item .w-thread-author-usercards {
    grid-area: user-info
}

.comments-feed-item .user-img.is-loading {
    background: #d3d3d3
}

.comments-feed-item .user-info {
    display: inline-flex;
    gap: .25rem;
    align-items: center;
    justify-content: space-between
}

.comments-feed-item .user-name {
    font-size: .875rem;
    font-weight: 800;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif
}

.comments-feed-item .user-name.is-loading {
    height: 14px;
    width: 160px;
    background: #d3d3d3
}

.comments-feed-item .user-date {
    grid-area: user-date;
    font-size: .75rem;
    font-weight: 400;
    color: #b6b4b5;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    border-top: 1px solid #d3d3d3;
    padding-top: .75rem
}

.comments-feed-item .user-date.is-loading {
    height: 14px;
    width: 80px;
    background: #d3d3d3
}

.comments-feed-item .image-expandable {
    grid-area: user-image-upload;
    padding: .5rem 0;
    margin-top: -1px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    justify-content: flex-start;
    display: none
}

.comments-feed-item .image-expandable:has(img) {
    display: flex
}

.comments-feed-item .image-expandable div {
    background-color: #fff;
    border-radius: 8px;
    padding: .5rem;
    position: relative
}

.comments-feed-item .image-expandable div:before {
    content: "\F065";
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: #fff;
    font-size: 10px;
    background: rgba(10, 10, 10, .7);
    padding: 4px 6px;
    border-radius: 4px
}

.comments-feed-item .image-expandable div:hover:before {
    background: #0a0a0a
}

.comments-feed-item .image-expandable img {
    height: 150px !important;
    width: auto
}

.comments-feed-item .user-comment {
    grid-area: user-comment;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    line-height: 1.5em;
    font-family: Roboto Condensed, sans-serif;
    word-break: normal;
    width: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.comments-feed-item .user-comment::-webkit-scrollbar {
    display: none
}

.comments-feed-item .user-comment .user-comment-mention,
.comments-feed-item .user-comment span[data-id-public] {
    font-weight: 700;
    color: #49bf3c
}

.comments-feed-item .user-comment .user-comment-mention:before,
.comments-feed-item .user-comment span[data-id-public]:before {
    content: "@"
}

.comments-feed-item .user-comment.is-loading {
    height: 14px;
    width: 100%;
    background: #d3d3d3
}

.comments-feed-item .user-comment.is-edited:after {
    content: "(Edited)";
    font-size: 1rem;
    font-size: .75em;
    margin-left: .25rem;
    color: #b6b4b5
}

.comments-feed-item .user-comment a {
    font-size: 1em;
    font-weight: 700;
    color: #333;
    line-height: 1;
    transition: all .2s ease;
    border-bottom: 2px solid #ccc
}

.comments-feed-item .user-interaction {
    grid-area: user-interaction;
    display: flex;
    gap: .5rem;
    margin-block-start: .5rem
}

.comments-feed-item .user-interaction-item {
    display: inline-flex;
    padding: .5rem .75rem;
    font-size: .75rem;
    font-weight: 300;
    color: #333;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    transition: all .3s ease;
    border-radius: 4px;
    gap: .25rem
}

.comments-feed-item .user-interaction-item:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

.comment-view {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 1rem;
    border-top: 1px solid #b6b4b5
}

.comment-view .comment-view-title {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    line-height: 1
}

.comment-view .btn-comment-view {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #777;
    line-height: 1
}

.comment-view .btn-comment-view:after,
.comment-view .btn-comment-view:before {
    color: #49bf3c
}

.btn-comment-submit,
.btn-user-action {
    grid-area: cta
}

.w-user-comment-options {
    position: absolute;
    top: 1rem;
    right: .5rem
}

.comment-options-btn,
.comment-options-btn:before,
.user-comment-btn,
.user-comment-btn:before,
.w-user-comment-options {
    display: flex;
    align-items: center;
    justify-content: center
}

.comment-options-btn:before,
.user-comment-btn:before {
    font-size: 1rem;
    color: rgb(144.5, 144.5, 144.5);
    width: 1.5rem;
    height: 1.5rem
}

.comment-options-btn {
    position: relative;
    width: 32px;
    height: 32px;
    text-align: center
}

.comment-options-dropdown {
    flex-direction: column;
    gap: .25rem;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    top: 28px;
    right: 2px;
    display: none;
    background-color: #f2f2f2;
    border-radius: 4px
}

.comment-options-dropdown.active {
    display: flex
}

.user-comment-alert {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, .9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    z-index: 1
}

.user-comment-alert .user-comment {
    margin-bottom: 1rem;
    font-weight: 800;
    text-align: center
}

.w-user-comment-btn {
    display: flex;
    grid-area: user-comment-reply;
    padding-top: 1rem;
    gap: .5rem
}

.w-user-comment-btn.right {
    flex-direction: row-reverse
}

.user-comment-btn {
    background-color: #f2f2f2;
    font-size: .75rem;
    font-weight: 800;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    border-radius: 4px;
    height: 30px;
    width: 100%;
    padding: 0 .5rem 0 .25rem;
    text-align: left;
    white-space: nowrap;
    transition: all .15s ease
}

.w-user-comment-btn .user-comment-btn {
    width: auto
}

.user-comment-btn.i-delete:before {
    font-size: 1rem
}

.user-comment-btn.i-edit:before {
    margin-top: .65rem
}

.user-comment-btn:hover,
.user-comment-btn:hover:before {
    color: rgb(93.5, 93.5, 93.5)
}

.user-comment-btn span {
    flex: 1
}

.w-user-comment-footer-option {
    grid-area: user-interaction;
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem
}

.comment-footer-option {
    background-color: #f2f2f2;
    border-radius: 8px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center
}

.comment-footer-option .comment-footer-btn {
    padding: .25rem .375rem;
    display: flex;
    align-items: center
}

.comment-footer-option .comment-footer-btn:before {
    font-size: 1rem;
    color: #777
}

.comment-footer-option .comment-footer-btn.vote-down {
    padding-right: 0;
    transform: rotate(180deg);
    border-right: 1px solid #fff
}

.comment-footer-option .comment-footer-btn.voted:not(.i-thumb-off, .i-thumb-on):before {
    content: "\E994";
    color: #49bf3c
}

.comment-footer-option .comment-footer-btn.i-thumb-off:before,
.comment-footer-option .comment-footer-btn.i-thumb-on:before {
    font-size: 1.5rem;
    content: "\E957"
}

.comment-footer-option .comment-footer-btn.i-thumb-off.voted:before,
.comment-footer-option .comment-footer-btn.i-thumb-on.voted:before {
    color: #49bf3c
}

.comment-footer-option .comment-footer-btn.reply {
    padding: .25rem .5rem
}

.comment-footer-option .comment-footer-btn span {
    display: none
}

.comment-footer-option .comment-option-text {
    font-size: .75rem;
    font-weight: 700;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    white-space: nowrap;
    margin: 0 .5rem;
    min-width: .5rem
}

.comment-footer-option .comment-option-text:empty {
    display: none;
    margin: 0
}

.comment-footer-option.is-own {
    pointer-events: none
}

.comment-share-btn {
    background-color: #f2f2f2;
    border-radius: 8px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: .25rem .5rem;
    gap: .25rem;
    font-size: .75rem;
    font-weight: 700;
    color: #777;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    white-space: nowrap;
    transition: all .3s ease
}

.profile-section.review .comment-share-btn,
.profile-section.reviews .comment-share-btn {
    position: absolute;
    z-index: 10;
    bottom: .25rem;
    right: 0
}

.comment-share-btn.success {
    transform: scale(1.05);
    background-color: #1e90ff;
    color: #fff
}

.comment-share-btn.success.icon.i-comment-share:before,
.comment-share-btn.success.icon.i-share:before,
.comments-feed-item .image-expandable div.comment-share-btn.success.i-comment-share:before,
.comments-feed-item .image-expandable div.comment-share-btn.success.i-share:before {
    content: "\E5CA"
}

.comment-share-btn.small:after,
.comment-share-btn.small:before {
    font-size: .75em
}

.comments-feed-pagination {
    display: flex;
    gap: 2rem;
    padding-bottom: 0;
    align-items: flex-end;
    justify-content: space-between;
    z-index: 2;
    position: relative;
    margin-top: -66px;
    margin-bottom: 8px;
    height: 75px;
    background: linear-gradient(0deg, #f2f2f2 52%, hsla(0, 0%, 94.9%, 0))
}

.comments-feed-pagination:has(.i-thread) {
    padding-bottom: 4px;
    margin-top: -54px
}

.comment-prev-next {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1rem auto 0;
    padding: .35rem .75rem;
    font-size: .8rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    font-family: Roboto Condensed, sans-serif;
    border-radius: 0 0 8px 8px;
    border: 1px solid #d3d3d3;
    background-color: #fff
}

.comment-prev-next:hover {
    opacity: .7
}

.comment-prev-next:after {
    content: "";
    position: absolute;
    top: -1px;
    height: 1px;
    background-color: #d3d3d3;
    left: -50%;
    right: -50%
}

.thread-footer-notes {
    border-top: 1px solid #d3d3d3;
    padding-top: .5rem
}

.thread-footer-notes ul {
    display: flex;
    justify-content: end
}

.thread-footer-notes ul li {
    display: flex;
    align-items: center
}

.thread-footer-notes ul li:after {
    content: "|";
    display: inline-block;
    margin: 0 .25rem;
    color: #d3d3d3
}

.thread-footer-notes ul li:last-of-type:after {
    display: none
}

.thread-footer-notes ul li a {
    font-size: .75rem;
    font-weight: 400;
    color: #b6b4b5;
    line-height: 1
}

.thread-footer-notes ul li a:hover {
    color: #9d9a9c
}

.thread-alert-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
    margin: 1rem auto;
    padding: 1rem;
    background: #f2f2f2;
    border: 1px solid #d3d3d3;
    border-radius: 8px
}

.thread-alert-msg.alert-error .comment-msg {
    color: #ff1540
}

.comments-feed-item .image-expandable .thread-alert-msg.alert-error div.comment-msg:before,
.thread-alert-msg.alert-error .comment-msg.icon:before,
.thread-alert-msg.alert-error .comments-feed-item .image-expandable div.comment-msg:before {
    content: "\E934";
    font-size: 1.25em;
    color: #ff1540;
    display: inline-block
}

.thread-alert-msg.alert-success .comment-msg {
    color: #10c46e
}

.comments-feed-item .image-expandable .thread-alert-msg.alert-success div.comment-msg:before,
.thread-alert-msg.alert-success .comment-msg.icon:before,
.thread-alert-msg.alert-success .comments-feed-item .image-expandable div.comment-msg:before {
    content: "\E934";
    font-size: 1.25em;
    color: #10c46e;
    display: inline-block
}

.thread-alert-msg.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 2s ease
}

.thread-alert-msg p.comment-msg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .5rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
    margin-bottom: 0
}

.w-total-info {
    display: flex;
    gap: 2rem
}

.section-latest-news .w-total-info {
    margin-bottom: 2rem;
    flex-wrap: wrap
}

.w-total-info.article-threada {
    margin-bottom: 1rem
}

.w-total-info .total-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem
}

.topics-options .w-total-info .total-info {
    flex-direction: column-reverse;
    width: 4rem
}

.w-total-info .w-btn-thread {
    display: flex;
    align-items: center;
    margin-left: auto
}

.w-total-info+.topics-list {
    border-top: 1px solid #d3d3d3
}

@incldue dark-mode {
    .w-total-info+.topics-list {
        border-color: #777
    }
}

.total-info-label {
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #222;
    line-height: 1
}

.topics-options .total-info-label {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px
}

.total-info-number {
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #777;
    line-height: 1
}

.w-footer-threads .total-info-number span {
    color: #777
}

.topics-options .total-info-number {
    gap: .25rem;
    color: #777;
    font-size: .875rem
}

.topics-options .total-info-number span {
    font-size: 1rem
}

.tags-link.topics .total-info-number {
    gap: .25rem;
    font-size: .75rem;
    color: #777
}

.browse-clip .total-info-number,
.display-card.article .total-info-number {
    font-size: 1.25rem
}

.browse-clip .total-info-number span,
.display-card.article .total-info-number span {
    font-size: .75rem;
    flex-shrink: 0
}

.btn-premium {
    gap: 1rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .75rem 1.5rem;
    font-family: Roboto Condensed, sans-serif
}

.btn-premium:hover {
    opacity: .8;
    transition: all .3s ease;
    cursor: pointer
}

.btn-premium.is-disable {
    pointer-events: none
}

.btn-premium.primary {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    background: #333;
    border-radius: 8px
}

.btn-premium.primary.light {
    background: #bfbfbf
}

.btn-premium.primary.is-activated,
.btn-premium.primary.save {
    background: #10c46e
}

.btn-premium.primary.cancel {
    background: #ff1540
}

.btn-premium.secondary {
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    background: none;
    border: 1px solid #333;
    border-radius: 8px
}

.btn-premium.tertiary {
    font-size: .875rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    border-radius: 8px
}

.btn-premium.tertiary.text-only {
    padding: 0;
    min-width: unset;
    text-decoration: underline
}

.btn-premium.tertiary.small-txt {
    font-size: .75rem
}

.btn-premium.tertiary.cancel {
    color: #ff1540
}

.btn-premium.icon-only {
    width: 2rem;
    min-width: unset;
    aspect-ratio: 1;
    padding: .25rem;
    border-radius: 4px;
    background-color: #333;
    color: #fff
}

.btn-premium.icon-only:before {
    font-size: 1rem;
    color: #fff
}

.btn-premium.icon-only span {
    display: none
}

.btn-premium.small-txt {
    font-size: .75rem
}

.btn-premium.small {
    padding: .5rem 1rem
}

.btn-premium.full-content {
    width: 100%;
    min-width: unset
}

.btn-premium.is-disabled {
    opacity: .3;
    pointer-events: none
}

.btn-premium.square {
    width: 2.5rem !important;
    height: 2.5rem
}

.btn-premium.square-text {
    flex: none;
    width: 3rem;
    min-width: unset;
    padding: .25rem;
    gap: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: .6rem;
    font-weight: 700;
    text-transform: capitalize
}

.btn-premium.square-text:before {
    font-size: .85rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    color: #fff;
    opacity: 1 !important
}

.btn-premium.icon:after,
.btn-premium.icon:before,
.comments-feed-item .image-expandable div.btn-premium:before {
    display: none;
    font-size: 1rem
}

.btn-premium.icon.icon-end:after,
.btn-premium.icon.icon-start:before,
.comments-feed-item .image-expandable div.btn-premium.icon-start:before {
    display: inline-flex
}

.btn-premium .hide-text {
    display: none
}

.btn-edit.icon.i-edit-2:before,
.comments-feed-item .image-expandable div.btn-edit.i-edit-2:before {
    display: block;
    font-size: 1.125rem
}

.btn-edit span {
    display: none
}

.btn-edit.top-right-corner {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.btn-close.top-right-corner {
    position: absolute;
    z-index: 2;
    top: .25rem;
    right: .5rem;
    font-size: 1.25rem
}

.btn-close span {
    display: none
}

.btn-close.icon.i-close:before,
.comments-feed-item .image-expandable div.btn-close.i-close:before {
    content: "\E94B" !important
}

.btn-group {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem
}

.btn-group.row {
    flex-direction: row
}

.btn-group.vert-centred {
    align-items: center
}

.btn-group.end {
    justify-content: flex-end
}

.btn-group.space-top {
    margin-top: 1rem
}

.btn-group.space-top-large {
    margin-top: 2rem
}

.btn-group.space-bottom {
    margin-bottom: 1rem
}

.btn-group.center {
    justify-content: center
}

.btn-group.center,
.btn-group.fit {
    align-items: center
}

.premium-box label,
.user-content label {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #181818;
    line-height: 1
}

.premium-box label:has(+input),
.premium-box label:has(+textarea),
.user-content label:has(+input),
.user-content label:has(+textarea) {
    margin-bottom: .5rem
}

.premium-box label.label-title,
.user-content label.label-title {
    text-transform: uppercase;
    letter-spacing: 1px
}

.premium-box input[type=checkbox],
.user-content input[type=checkbox] {
    width: 12px
}

.premium-box .read-only,
.user-content .read-only {
    padding: .65rem .5rem;
    background-color: #fff
}

.user-switch {
    --line: #242424;
    --circle: #242424;
    --duration: .25s
}

.form-group {
    position: relative;
    width: 100%;
    margin-bottom: 1rem
}

.form-group:last-of-type {
    margin-bottom: 0
}

.form-group.grid-layout-1,
.form-group.grid-layout-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem
}

.form-group.inline-elements {
    padding-left: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: self-start;
    justify-content: center;
    gap: .5rem
}

.form-group.submit {
    margin-bottom: 0
}

.form-group .row,
.form-group.submit p {
    margin-bottom: .5rem
}

.form-group .row {
    display: flex
}

.form-group .row label {
    width: 7rem
}

.form-group.row {
    display: flex;
    margin-bottom: .5rem
}

.form-group label {
    display: block
}

.form-group label.term-of-use {
    line-height: 1.25em;
    font-size: .65rem;
    font-weight: 400
}

.form-group label.term-of-use a {
    color: #b6b4b5
}

.form-group.recaptcha {
    display: flex;
    justify-content: flex-end
}

.form-group.submit button {
    width: 100%;
    margin: 1rem auto .25rem
}

.text-input-note {
    text-align: left;
    margin: .5rem 0 0 1rem;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.user-static-form {
    margin-bottom: 2rem;
    padding: 1rem;
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #eaeaea;
    border-radius: 4px;
    border: 1px solid #afafaf
}

.user-static-form.newsletter-content,
.user-static-form.popup {
    margin-bottom: 0
}

#newsletter-preferences-container .user-static-form {
    margin: 0 auto
}

.user-static-form p {
    margin-bottom: 1rem
}

.user-static-form .user-msg-img {
    width: 4rem;
    height: 4rem;
    display: block;
    margin: 0 auto 1rem;
    background: url(/public/build/images/profil-confirmation.svg) no-repeat
}

.user-static-form p.user-msg {
    margin-bottom: .25rem;
    line-height: 1.3em;
    font-size: .875rem
}

.user-static-form input+input {
    margin-top: .5rem
}

.user-static-form input[type=email]+input[type=password] {
    margin-top: 1rem
}

.user-static-form .topyenoh {
    display: none !important
}

.user-static-form .g-recaptcha,
.user-static-form .g-recaptcha>div {
    margin: 0 auto !important
}

.text-input-list {
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    list-style: initial;
    background: #f2f2f2;
    padding: .5rem 1rem;
    border: 1px solid #d3d3d3;
    border-top: none
}

.text-input-list li {
    list-style: unset;
    margin-bottom: 2px;
    margin-left: 12px
}

.w-popup-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    border-radius: 8px;
    background: rgba(10, 10, 10, .7);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center
}

.w-user-msg {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    position: relative;
    background: #f2f2f2;
    border: 1px solid #d3d3d3;
    border-radius: .5rem;
    z-index: 80
}

#register-success-msg .w-user-msg {
    padding: 0;
    border: none;
    background: none;
    width: 100%
}

.w-user-msg.popup-box {
    width: 96%;
    background: #fff;
    box-shadow: 0 0 20px rgba(10, 10, 10, .2)
}

.w-user-msg.overlay {
    position: fixed;
    top: 8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    box-shadow: 0 0 2rem rgba(24, 24, 24, .3);
    z-index: 20
}

.w-user-msg.overlay.bottom {
    top: unset;
    bottom: 8rem
}

.w-user-msg.overlay.center {
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.w-user-msg.fade-in {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity .3s ease
}

.w-user-msg.fade-out {
    opacity: 0;
    transition: opacity 2s ease
}

.w-user-msg.is-hidden {
    opacity: 0;
    display: none !important;
    visibility: hidden;
    transition: visibility 0s, opacity 2s ease
}

.w-user-msg.notification,
.w-user-msg.user-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.w-user-msg.notification .alert-title,
.w-user-msg.user-alert .alert-title {
    grid-row: 1/2;
    grid-column: 2/3
}

.w-user-msg.notification .complementary-text,
.w-user-msg.notification .user-msg,
.w-user-msg.user-alert .complementary-text,
.w-user-msg.user-alert .user-msg {
    grid-row: 2/3;
    grid-column: 2/3
}

.w-user-msg.notification .btn-alert,
.w-user-msg.user-alert .btn-alert {
    gird-row: 3/4;
    grid-column: 2/3
}

.w-user-msg.notification:not(:has(.alert-title)) .complementary-text,
.w-user-msg.notification:not(:has(.alert-title)) .user-msg,
.w-user-msg.user-alert:not(:has(.alert-title)) .complementary-text,
.w-user-msg.user-alert:not(:has(.alert-title)) .user-msg {
    grid-row: 1/2;
    grid-column: 2/3
}

.w-user-msg.notification:not(:has(.alert-title)) .btn-alert,
.w-user-msg.user-alert:not(:has(.alert-title)) .btn-alert {
    gird-row: 2/3;
    grid-column: 2/3
}

.w-user-msg.notification.text-only,
.w-user-msg.user-alert.text-only {
    grid-template-columns: auto
}

.w-user-msg.notification.text-only .alert-title,
.w-user-msg.notification.text-only .btn-alert,
.w-user-msg.notification.text-only .complementary-text,
.w-user-msg.notification.text-only .user-msg,
.w-user-msg.user-alert.text-only .alert-title,
.w-user-msg.user-alert.text-only .btn-alert,
.w-user-msg.user-alert.text-only .complementary-text,
.w-user-msg.user-alert.text-only .user-msg {
    grid-column: 1/2
}

.w-user-msg.notification.has-close,
.w-user-msg.user-alert.has-close {
    grid-template-columns: auto 1fr auto
}

.w-user-msg.notification.has-close .btn-alert,
.w-user-msg.notification.has-close .complementary-text,
.w-user-msg.notification.has-close .user-msg,
.w-user-msg.user-alert.has-close .btn-alert,
.w-user-msg.user-alert.has-close .complementary-text,
.w-user-msg.user-alert.has-close .user-msg {
    grid-column: 2/4
}

.w-user-msg.notification.has-close .btn-close,
.w-user-msg.user-alert.has-close .btn-close {
    grid-column: 3/4;
    grid-row: 1/2
}

.comments-feed-item .image-expandable .w-user-msg.notification div:before,
.comments-feed-item .image-expandable .w-user-msg.user-alert div:before,
.w-user-msg.notification .comments-feed-item .image-expandable div:before,
.w-user-msg.notification .icon,
.w-user-msg.user-alert .comments-feed-item .image-expandable div:before,
.w-user-msg.user-alert .icon {
    display: inline-flex;
    align-self: center;
    font-size: 1.125rem
}

.w-user-msg.notification {
    width: 100%;
    padding: .5rem 1rem
}

.w-user-msg.notification.alert-success {
    background: #e1ffe9;
    border-color: #0a8349
}

.w-user-msg.notification.alert-error {
    background: #ffe7eb;
    border-color: #c70116
}

.w-user-msg.notification.alert-info {
    background: #fffcec;
    border-color: #e5a000
}

.w-user-msg.user-alert {
    width: 100%;
    background: #181818;
    border: none
}

.w-user-msg.user-alert.overlay {
    width: 80%
}

.w-user-msg.dialog-box {
    overflow: hidden;
    display: grid;
    grid-template-rows: minmax(80px, auto) auto;
    padding: 0;
    gap: 1rem
}

.w-user-msg.dialog-box .dialog-text-content {
    padding: 1rem
}

.w-user-msg.dialog-box .dialog-text-content p:first-child {
    font-weight: 700;
    margin-bottom: .5rem
}

.w-user-msg.dialog-box .btn-group {
    border-top: 1px solid #d3d3d3;
    gap: 0
}

.w-user-msg.dialog-box .btn-premium {
    border-radius: 0
}

.w-user-msg p,
.w-user-msg p.comment-msg,
.w-user-msg p.user-msg {
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    line-height: 1.5em;
    margin-bottom: 0
}

.w-user-msg .alert-title {
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #181818;
    line-height: 1
}

.w-user-msg .alert-title:has(+.complementary-text) {
    font-weight: 700
}

.w-user-msg .complementary-text {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    line-height: 1.5em;
    margin-bottom: 0
}

.comments-feed-item .image-expandable .w-user-msg.alert-success div:before,
.w-user-msg.alert-success .comments-feed-item .image-expandable div:before,
.w-user-msg.alert-success .icon:before {
    content: "\E95C";
    color: #10c46e
}

.comments-feed-item .image-expandable .w-user-msg.alert-error div:before,
.w-user-msg.alert-error .comments-feed-item .image-expandable div:before,
.w-user-msg.alert-error .icon:before {
    content: "\E95A";
    color: #ff1540
}

.comments-feed-item .image-expandable .w-user-msg.alert-info div:before,
.w-user-msg.alert-info .comments-feed-item .image-expandable div:before,
.w-user-msg.alert-info .icon:before {
    content: "\E934";
    color: #ffbe2e
}

.w-user-msg.alert-success {
    border-color: #0a8349
}

.w-user-msg.alert-error {
    border-color: #c70116
}

.w-user-msg.alert-info {
    border-color: #e5a000
}

.w-user-msg.user-alert .alert-title,
.w-user-msg.user-alert p,
.w-user-msg.user-alert p.comment-msg,
.w-user-msg.user-alert p.user-msg {
    color: #fff
}

.w-user-msg.notification.alert-success p {
    color: #053a20
}

.w-user-msg.notification.alert-error p {
    color: #700003
}

.w-user-msg.notification.alert-info p {
    color: #936f38
}

.w-user-msg.registration-user {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0
}

.w-user-msg.registration-user p.user-msg {
    font-size: 1rem
}

p.f-errors,
p.login-error-msg {
    width: 100%;
    text-align: center;
    font-family: Roboto, arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #c70116;
    line-height: 1;
    line-height: 1.5em;
    padding: .5rem .75rem;
    border: 1px solid #ff1540;
    border-radius: 4px;
    background: #ffe7eb;
    margin-bottom: 0
}

.w-threads-author {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center
}

.w-threads-author:has(.premium-indicator),
.w-threads-author:has(.user-img-comp) {
    align-items: flex-end
}

.w-thread-author-usercards {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: flex-start
}

.w-thread-author-usercards:has(.premium-indicator),
.w-thread-author-usercards:has(.user-img-comp) {
    align-items: flex-end
}

.w-thread-author-usercards .user-img,
.w-thread-author-usercards .user-info {
    flex: none
}

.user-profile-card {
    display: none;
    width: 100%;
    min-width: 310px;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    container: user-profile-card/inline-size;
    border: 1px solid #e2e2e2;
    background: #fff;
    position: absolute;
    top: 1.75rem;
    left: 0;
    z-index: 4
}

.w-profile-card .user-profile-card,
.w-user-box-content .user-profile-card {
    display: block;
    position: relative;
    top: unset;
    left: unset
}

.user-profile-card.active {
    display: block;
    box-shadow: 0 0 12px rgba(24, 24, 24, .2)
}

.user-profile-card .profile-card {
    z-index: 2;
    position: relative
}

.user-profile-card .profile-card-header {
    position: relative;
    background-color: #333;
    padding: .5rem;
    width: 100%;
    display: grid;
    grid-template-columns: 3rem 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "user-profile-img user-profile-info" "follow-module follow-module";
    align-items: center;
    gap: 0 .75rem
}

.user-profile-card .profile-card-header .w-img {
    grid-area: user-profile-img;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    overflow: hidden;
    border: 2px solid #fff
}

.user-profile-card .profile-card-header .header-user-content {
    grid-area: user-profile-info;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.user-profile-card .profile-card-header .w-follow-module {
    grid-area: follow-module;
    display: flex;
    gap: 1rem
}

.user-profile-card .profile-card-header .profile-info {
    grid-area: profile-info;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .25rem;
    white-space: nowrap
}

.user-profile-card .w-follow-module {
    justify-content: center;
    padding: 0
}

.user-profile-card .w-follow-module,
.user-profile-card .w-profile-card-username {
    display: flex;
    align-items: center;
    gap: .5rem
}

.user-profile-card .profile-card-username {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f2f2f2;
    line-height: 1;
    line-height: 1em
}

@container user-profile-card (width < 360px) {
    .user-profile-card .profile-card-username {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.25rem;
        max-width: 16ch
    }
}

.user-profile-card .profile-card-username:is(a):hover {
    color: #49bf3c;
    transition: color .3s ease
}

.user-profile-card .profile-user-followers {
    font-size: .75rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    border-left: 1px solid #b6b4b5;
    padding-left: .5rem
}

.user-profile-card .profile-card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: .75rem
}

.user-profile-card .profile-stats-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 .5rem;
    flex: 1
}

.user-profile-card .profile-stats-info .profile-stats {
    display: flex;
    align-items: center;
    gap: .25rem
}

.user-profile-card .profile-card-writer-footer {
    background-color: #333;
    padding: .5rem .75rem;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    height: 36px
}

.user-profile-card .profile-card-writer-footer .profile-card-link {
    transform: translateY(2px)
}

.user-profile-card .profile-card-writer-footer .w-follow-btn {
    font-size: .75rem
}

.user-profile-card .profile-card-writer-footer .author-social {
    font-size: .85rem;
    transform: translateY(2px);
    gap: .5rem;
    display: flex
}

.user-profile-card .profile-card-link {
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #49bf3c;
    line-height: 1;
    display: flex;
    gap: .5rem;
    align-items: center;
    transition: all .3s ease
}

.user-profile-card .profile-card-link:hover {
    color: #fff
}

.user-profile-card .profile-card-link .w-img {
    width: 20px;
    height: 20px;
    flex: 0 0 20px
}

.user-profile-card .profile-card-link .w-img img {
    width: 100%;
    height: auto
}

.user-profile-card .profile-card-link span {
    font-size: 1em;
    color: #49bf3c;
    transition: all .3s ease;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.user-profile-card .profile-card-link span:hover {
    color: #fff
}

.user-profile-card .profile-card-stats {
    background-color: rgb(247.1, 247.1, 247.1);
    padding: .75rem
}

.user-profile-card .profile-card-stats .w-profile-info {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: .75rem
}

@container user-profile-card (width > 390px) {
    .user-profile-card .profile-card-stats .w-profile-info {
        gap: 1.5rem
    }
}

.user-profile-card .profile-card-stats .w-profile-info .profile-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    line-height: 1
}

.user-profile-card .profile-card-stats .w-profile-info .profile-card-label {
    font-size: .8rem
}

.user-profile-card .profile-card-stats .w-profile-info .profile-card-label:before {
    transform: translateY(1px)
}

.user-profile-card .profile-card-stats .w-profile-info .profile-card-value {
    font-size: 1.25rem;
    font-weight: 400
}

.user-profile-card .profile-usercard-text {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: .75rem;
    font-weight: 800;
    color: #b6b4b5;
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: .25rem
}

.user-profile-card .profile-usercard-text.i-author:before {
    font-size: .75em;
    gap: 1rem
}

.user-profile-card .profile-usercard-text.small {
    font-size: .75rem
}

.user-profile-card .profile-usercard-text.large {
    font-size: 1rem
}

.user-profile-card .profile-stats-value {
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
    line-height: 1em
}

@container user-profile-card (width < 360px) {
    .user-profile-card .profile-stats-value {
        font-size: 1.25rem
    }
}

.user-profile-card .profile-stats-value.large {
    font-size: 2rem
}

@container user-profile-card (width < 360px) {
    .user-profile-card .profile-stats-value.large {
        font-size: 1.75rem
    }
}

.user-profile-card .profile-stats-label {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1
}

@container user-profile-card (width < 480px) {
    .user-profile-card .profile-stats-label {
        font-size: .75rem
    }
}

.user-profile-card .profile-stats-label.followed {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: .5rem;
    font-weight: 800;
    color: #333;
    line-height: 1;
    text-transform: uppercase;
    flex: 1
}

.w-premium-indicator {
    display: flex;
    align-items: center;
    gap: .25rem;
    transform: translateY(-7px)
}

.w-premium-indicator .premium-indicator {
    width: 16px
}

.w-premium-indicator span {
    font-family: Roboto Condensed, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #181818;
    line-height: 1;
    line-height: 1em;
    text-transform: uppercase
}

.user-profile-card .w-premium-indicator span {
    color: #fff
}

.profile-card-follows .profile-stats-info {
    justify-content: start;
    gap: .25rem .5rem
}

.profile-card-follows .profile-stats-info .profile-stats {
    align-items: flex-start
}

.profile-card-follows .profile-stats-label.followed {
    width: 100%;
    flex: 0 0 100%
}

.profile-card-follows .profile-stats-value {
    font-family: Roboto, sans-serif;
    color: #777;
    font-size: .875rem
}

.btn-account {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 20px;
    height: 20px;
    opacity: .6;
    z-index: 5
}

.sidebar .btn-account {
    right: 0
}

.profile-card .btn-account {
    right: .25rem
}

.btn-account:before {
    font-size: 1rem
}

.btn-account span {
    display: none
}

.btn-account:hover {
    opacity: 1
}

.profile-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    border-top: 1px solid #e2e2e2
}

@keyframes grow-shrink {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.sidebar-sticky .user-card-header {
    padding-left: 1rem
}

.sidebar-sticky .w-user-box-content {
    margin-bottom: 2rem !important
}

#home-latest-title {
    margin-bottom: 0
}

.has-listing-tabs {
    border-top: 1px solid #e9e9e9;
    border-bottom: 0 solid #181818
}

.has-listing-tabs .section-title {
    border-bottom: 0 solid #181818;
    border-top: 0 solid #181818;
    padding-top: .5rem
}

.section-latest.scroll-offset:before {
    content: "";
    display: block;
    height: 135px;
    margin-top: -115px
}

.section-latest-news {
    position: relative;
    display: flex;
    flex-direction: column;
}

.section-latest-news .infinite-btn-next {
    margin-top: auto
}

.section-latest-news .w-tabs-loader {
    height: calc(100% - 6.5rem);
    top: 7.5rem;
    z-index: 5
}

.section-latest-news .w-tabs-loader .tabs-loader {
    right: 2.5rem;
    top: -1.5rem
}

.section-latest-news .section-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1rem .25rem;
    border: none
}

.w-section-latest--no-background .section-latest-news .section-header {
    background: #f2f2f2
}

.w-section-latest--home .section-latest-news .section-header {
    margin: 0;
    padding-bottom: .5rem
}

.section-latest-news .section-header .section-title {
    grid-row: 1
}

.section-latest-news .section-header .section-title:before {
    display: none
}

.section-latest-news .listing-tabs {
    gap: .5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden
}

.w-section-latest--home .section-latest-news .listing-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem
}

.w-section-latest--home .section-latest-news .listing-tabs div {
    display: flex;
    gap: .5rem;
    padding: .25rem;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    scrollbar-width: auto;
    scrollbar-width: thin
}

.section-latest-news .listing-tabs .filter-label {
    font-size: .75rem;
    font-family: roboto, sans-serif;
    color: #181818;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: .75rem;
    white-space: nowrap;
    display: none
}

.section-latest-news a.section-title.home-latest {
    font-size: .875rem;
    padding: .5rem;
    text-decoration: none;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    text-align: center;
    text-wrap: nowrap;
    border: 1px solid #d3d3d3;
    border-radius: 4px
}

.section-latest-news a.section-title.home-latest.is-active,
.section-latest-news a.section-title.home-latest:hover {
    background-color: #49bf3c;
    color: #fff
}

.w-section-latest--home .section-latest-news a.section-title.home-latest {
    width: auto;
    border: none;
    background-color: #333;
    color: #fff;
    min-height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: Roboto, sans-serif
}

.w-section-latest--home .section-latest-news a.section-title.home-latest.is-active,
.w-section-latest--home .section-latest-news a.section-title.home-latest:hover {
    background-color: #49bf3c;
    color: #fff;
    outline: 1px solid #49bf3c;
    outline-offset: 2px;
    position: relative
}

.sentinel-home-list,
.sentinel-listing-page-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.w-section-latest--home .sentinel-home-list,
.w-section-latest--home .sentinel-listing-page-list {
    background: #fff;
    padding: .5rem 1rem 1rem;
    border-radius: 0 0 8px 8px;
    border: none
}

.w-section-latest--home .sentinel-home-list .display-card.article,
.w-section-latest--home .sentinel-listing-page-list .display-card.article {
    padding: 0;
    border-color: #d3d3d3;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    grid-template-rows: auto auto
}


.w-section-latest--home .sentinel-home-list .display-card.article .w-img,
.w-section-latest--home .sentinel-home-list .display-card.article img,
.w-section-latest--home .sentinel-listing-page-list .display-card.article .w-img,
.w-section-latest--home .sentinel-listing-page-list .display-card.article img {
    border-radius: 8px 8px 0 0
}

.w-section-latest--home .sentinel-home-list .display-card.article.large .display-card-title,
.w-section-latest--home .sentinel-home-list .display-card.article.medium .display-card-title,
.w-section-latest--home .sentinel-home-list .display-card.article.small .display-card-title,
.w-section-latest--home .sentinel-listing-page-list .display-card.article.large .display-card-title,
.w-section-latest--home .sentinel-listing-page-list .display-card.article.medium .display-card-title,
.w-section-latest--home .sentinel-listing-page-list .display-card.article.small .display-card-title {
    font-size: 1.25rem;
    min-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-clamp: 2;
    line-height: 1.1em;
    max-height: calc(2.2em + 5px)
}

.w-section-latest--home .sentinel-home-list .display-card.article .w-display-card-content,
.w-section-latest--home .sentinel-listing-page-list .display-card.article .w-display-card-content {
    grid-template-areas: "article-title article-title" "article-excerpt article-excerpt" "tag extra";
    display: flex;
    flex-direction: column;
    padding: .5rem 1rem 1rem
}

.w-section-latest--home .sentinel-home-list .display-card.article .w-display-card-category,
.w-section-latest--home .sentinel-listing-page-list .display-card.article .w-display-card-category {
    display: none
}

.w-section-latest--no-background .sentinel-home-list,
.w-section-latest--no-background .sentinel-listing-page-list {
    background: #f2f2f2
}

.infinite-btn-next {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 8px;
    font-family: Roboto Condensed, sans-serif;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    background: #fff !important;
    width: 50% !important;
    border: 1px solid #777;
    line-height: 1em;
    padding: 1rem 0
}

.infinite-btn-next:hover {
    opacity: .75
}

.w-tabs-loader {
    background: hsla(0, 0%, 100%, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 6rem
}

.w-tabs-loader .tabs-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: load7 1.8s ease-in-out infinite;
    color: #49bf3c;
    font-size: 6px;
    position: absolute;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -.16s;
    right: 1.5rem;
    top: .25rem
}

.w-tabs-loader .tabs-loader:after,
.w-tabs-loader .tabs-loader:before {
    content: "";
    position: absolute;
    top: 0;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: load7 1.8s ease-in-out infinite
}

.w-tabs-loader .tabs-loader:before {
    left: -3.5em;
    animation-delay: -.32s
}

.w-tabs-loader .tabs-loader:after {
    left: 3.5em
}

.w-section-latest.w-section-latest--home .sidebar .adsninja-ad-zone.an-zone.an-zone-sidebar-first {
    margin-top: 1rem
}

.w-homepage-hero-template>[class*=template-] {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    display: grid;
    padding-block: 0 1rem
}

.light-hero-background-active {
    background: #f2f2f2
}

.dark-hero-background-active {
    background: #222
}

.sidebar {
    margin-top: 24px
}

@media(min-width:410px) {
    a.header-logo img {
        max-width: 196px
    }
}

@media(min-width:481px) {
    .images-header-submenu-item-2nd-lvl .wrapper {
        padding: 1rem 2rem 2rem
    }

    .sidebar .display-card.article.large {
        grid-template-columns: 85px 1fr
    }

    .sidebar .display-card.article.large .dc-img-link {
        margin-bottom: 0;
        display: block
    }

    .clip-half .browse-clip:not(.browse-custom) {
        grid-template-columns: 32.5% 1fr
    }

    .display-card.article {
        grid-template-columns: 320px 1fr;
        gap: 0 1rem;
        grid-template-areas: "article-img article-content"
    }

    .display-card.article,
    .section-latest-news .display-card.article {
        grid-template-rows: 1fr
    }

    .section-latest-news .display-card.article .dc-img-link {
        aspect-ratio: 825/440
    }

    .w-hub-video .articleHasVideo:before {
        font-size: 2.75rem;
        top: 50%;
        padding: 18px 14px 18px 22px
    }

    .profile-card-follows .profile-stats-value {
        font-size: 1rem
    }

    .w-section-latest--home .section-latest-news .listing-tabs div {
        gap: 1rem
    }

    .w-section-latest--home .section-latest-news a.section-title.home-latest {
        flex: inherit
    }

    .w-section-latest--home .sentinel-home-list .display-card.article,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article {
        grid-template-columns: 200px 1fr;
        grid-template-rows: 1fr;
        gap: 0
    }

    .w-section-latest--home .sentinel-home-list .display-card.article img,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article img {
        border-radius: 8px 0 0 8px
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .meta_txt.article-date,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .meta_txt.article-date {
        top: .75rem
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .dc-img-link,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .dc-img-link {
        aspect-ratio: 825/440
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .w-display-card-content,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .w-display-card-content {
        grid-area: auto;
        padding-top: 1.5rem
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .display-card-title,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .display-card-title {
        margin-top: .25rem
    }
}

@media screen and (min-width:481px)and (max-width:540px) {
    .display-card.article {
        grid-template-columns: 220px 1fr
    }
}

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

    .w-section-latest--home .sentinel-home-list .display-card.article .w-img,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .w-img {
        height: 138px
    }
}

@media(min-width:768px) {
    .main-cta {
        width: -moz-fit-content;
        width: fit-content
    }

    .dc-tag-label,
    .display-card .dc-tags-genre .dc-movie-genre,
    .tag-label,
    .w-display-card-content .tag-label-text {
        max-width: 200px
    }

    .comment.tag-label:before,
    .dc-tag-label.comment:before,
    .display-card .dc-tags-genre .comment.dc-movie-genre:before,
    .w-display-card-content .comment.tag-label-text:before {
        font-size: 1.25rem
    }

    .user-alert-box {
        gap: 2rem;
        padding: 2rem
    }

    .user-dialog-container {
        padding: 3rem
    }

    .adzone-above-latest {
        grid-column: 1/span 6
    }

    .is-mobile-only {
        display: none !important
    }

    .w-grid-system,
    .web-layout {
        gap: 1.5rem;
        grid-template-columns: repeat(6, 1fr)
    }

    .wrapper {
        --margin-site: 2rem;
        padding: .5rem 2rem
    }

    .wrapper.w-listing-header {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .wrapper.w-listing-header.author {
        margin-bottom: 2rem
    }

    .header-nav.subnav-menu {
        padding: 1rem 0
    }

    .header-nav .nav-right,
    .header-nav .w-static-action {
        gap: .75rem
    }

    a.header-logo img {
        max-width: 100%
    }

    .drop-down.nav-user .nav-link {
        grid-template-rows: 16px
    }

    .side-navigation {
        max-width: 420px;
        padding: 3rem 3rem 6rem;
        box-shadow: 100px 0 200px rgba(0, 0, 0, .3)
    }

    .sidenav-subnav .sidenav-subnav {
        margin-inline-start: 2rem
    }

    .side-navigation-footer .footer-copy {
        justify-content: flex-start
    }

    .banner-article-premium .premium-indicator img {
        max-width: 1.5rem;
        width: auto;
        height: 1.5rem
    }

    .subnav-search-results {
        position: absolute;
        left: calc(50% - 310px);
        border: 1px solid #777
    }

    .subnav-search-results.cb-search-results {
        left: calc(50% - 345px)
    }

    .images-header-submenu .wrapper {
        padding-block: 0
    }

    .images-header-submenu-list {
        width: 100%
    }

    .images-header-submenu-item-2nd-lvl .wrapper {
        padding: 1rem 2rem 2rem
    }

    footer .w-footer .social-media {
        flex-wrap: nowrap;
        margin: 0
    }

    footer .w-footer .social-media>.text {
        width: auto;
        flex: none;
        margin-right: 1rem
    }

    .w-section-latest .sidebar {
        gap: 1.5rem
    }

    .w-section-latest .sidebar .sidebar-trending {
        margin-bottom: 0
    }

    .sidebar-trending {
        margin-bottom: 1.5rem
    }

    .sidebar .display-card.article.large .w-display-card-content .display-card-title {
        font-size: 1.25rem
    }

    .sidebar .display-card.article.small .w-display-card-content .display-card-title {
        font-size: 1rem
    }

    .sidebar .display-card.article.small .w-display-card-content .w-display-card-details {
        margin-bottom: 0
    }

    [class$=-sidebarSticky] .display-card.article.large .w-display-card-content .display-card-title,
    [class$=-sidebarSticky] .display-card.article.small .w-display-card-content .display-card-title {
        font-size: 1rem
    }

    [class$=-sidebarSticky] .display-card.article.large .w-display-card-content .w-display-card-details,
    [class$=-sidebarSticky] .display-card.article.small .w-display-card-content .w-display-card-details {
        margin-bottom: 0
    }

    .section-latest-news .display-card.article.large .display-card-excerpt,
    .section-latest-news .display-card.article.small .display-card-excerpt {
        font-size: 1.15rem
    }

    .display-card .display-card-excerpt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-clamp: 2;
        line-height: 1.3em;
        max-height: calc(2.6em + 2px)
    }

    .display-card .w-display-card-details .meta_txt.article-date {
        padding: 0
    }

    .display-card .display-card-badge {
        min-width: 190px;
        font-size: .8rem;
        width: -moz-fit-content;
        width: fit-content
    }

    .display-card .w-display-card-info dl div {
        display: flex;
        flex-flow: row wrap
    }

    .display-card .w-display-card-info dt {
        min-width: 40%;
        max-width: 40%;
        line-height: 1.4em
    }

    .display-card .w-display-card-info dd {
        font-size: .875rem;
        max-width: 60%;
        line-height: 1.3em
    }

    .w-display-card-link {
        grid-column: 2
    }

    .large .w-display-card-link {
        grid-column: 1/span 2
    }

    .w-display-card-link a {
        width: 50%
    }

    .display-card.article.large.custom .w-display-card-content .display-card-title {
        font-size: 1.5rem;
        line-height: 1
    }

    .display-card.article.large.custom .w-display-card-content .display-card-title,
    .display-card.article.small.custom .w-display-card-content .display-card-title {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .display-card.article.small.custom .w-display-card-content .w-display-card-details .w-display-card-meta .meta_txt {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        width: -moz-fit-content;
        width: fit-content
    }

    .section-latest-news .display-card.article .w-display-card-meta {
        flex-direction: row
    }

    .w-listing-featured-category .display-card.article.large,
    .w-listing-featured-category .display-card.article.small {
        grid-template-columns: 1fr;
        gap: 0;
        grid-template-rows: auto 1fr;
        grid-template-areas: "article-img" "article-content"
    }

    .section-latest-news .display-card.article .dc-img-link {
        aspect-ratio: 360/200
    }

    .w-popular-feed .display-card.article .w-display-card-content {
        grid-template-rows: 71px auto
    }

    .w-display-card-heading {
        flex-direction: column;
        margin-bottom: 0
    }

    .w-display-card-heading .display-card-title {
        margin-bottom: 0
    }

    .display-card.article.small .display-card-title {
        font-size: 2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-clamp: 3;
        max-height: calc(3.6em + 1px);
        line-height: 1.2em
    }

    .w-listing-featured-category .display-card.article.small .display-card-title {
        font-size: 1.25rem
    }

    .display-card.article.large .display-card-title {
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 2rem;
        line-height: 1.2
    }

    .w-listing-featured-category .display-card.article.large .display-card-title {
        font-size: 1.25rem
    }

    .section-latest-news .display-card.article.large .display-card-excerpt,
    .section-latest-news .display-card.article.small .display-card-excerpt {
        font-size: 1rem
    }

    .popular-main .display-card .w-display-card-details .meta_txt,
    .section-latest-news .display-card.article.large .meta_txt,
    .section-latest-news .display-card.article.small .meta_txt {
        font-size: .875rem
    }

    .display-card.small.article-card .dc-img-link,
    .sub-content .display-card.small.article-card .dc-img-link {
        height: 120px;
        overflow: hidden;
        border-radius: 8px
    }

    .display-card.small.article-card .w-display-card-content .display-card-title,
    .sub-content .display-card.small.article-card .w-display-card-content .display-card-title {
        width: 100%;
        font-size: 1.5rem;
        margin: 0 3rem 0 0
    }

    .display-card.small.article-card .w-display-card-content .w-display-card-extra,
    .sub-content .display-card.small.article-card .w-display-card-content .w-display-card-extra {
        display: block
    }

    .display-card.small.article-card .w-display-card-content .display-card-excerpt,
    .sub-content .display-card.small.article-card .w-display-card-content .display-card-excerpt {
        display: -webkit-box !important;
        margin: 0;
        width: 92%
    }

    .display-card.article.content-preview {
        grid-template-columns: 1fr;
        grid-template-areas: "article-author" "article-title" "article-image" "article-excerpt" "preview-btn";
        margin-left: 1.5rem;
        padding-left: 1.5rem;
        width: calc(100% - 1.5rem)
    }

    .display-card.article.content-preview .w-img .body-img {
        margin: 1rem 0
    }

    .display-card.article.content-preview .content-preview-btn {
        font-size: 1rem
    }

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

    .profile-section .display-card.article-thread:has(.featured-img-thread),
    .profile-section .display-card.article-thread:has(.prompt-link) {
        grid-template-columns: 1fr 180px;
        grid-template-rows: 1fr auto auto;
        gap: 0 1rem
    }

    .article-follow .article-list-item .display-card.article-thread:has(.featured-img-thread),
    .article-follow .article-list-item .display-card.article-thread:has(.prompt-link) {
        grid-template-areas: "prompt-img prompt-title";
        grid-template-columns: 60px 1fr;
        grid-template-rows: auto
    }

    .sidebar-sticky .display-card.article-thread,
    .sidebar .display-card.article-thread {
        gap: .25rem .5rem
    }

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

    .profile-section .display-card.article-thread .display-card-title {
        font-size: 1.5rem
    }

    .sidebar-sticky .display-card.article-thread .display-card-title,
    .sidebar .display-card.article-thread .display-card-title {
        font-size: 1rem
    }

    .sidebar-sticky .display-card.article-thread .display-card-title a,
    .sidebar .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
    }

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

    .display-card.article-thread .w-details.extra-options .w-display-card-extra {
        align-self: flex-end
    }

    .display-card.article-thread .w-display-card-details .threads-text {
        font-size: .875rem
    }

    .display-card.article-thread .w-display-card-details .threads-text.date.date {
        display: flex !important
    }

    .display-card.article-thread .w-display-card-details .threads-text.premium-indicator img {
        max-width: 14px;
        width: auto;
        height: 14px
    }

    .display-card.article-thread .display-card-excerpt {
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 1rem
    }

    .profile-section .display-card.article-thread .display-card-excerpt {
        font-size: .875rem
    }

    .threads-prompt .w-thread-author-usercards .premium-indicator img {
        max-width: 14px;
        width: auto;
        height: 14px
    }

    .threads-prompt .threads-prompt-response {
        font-size: 1rem
    }

    .threads-prompt .w-thread-prompt-content .thread-prompt-link {
        width: 140px
    }

    .footer-threads-user {
        padding: 0;
        grid-template-columns: 1fr auto;
        grid-template-areas: "user user" "user-input user-input" ". cta";
        gap: .5rem 1rem
    }

    .footer-threads-user .username .text-input-note {
        margin: .5rem 0 0 1rem
    }

    .footer-threads-user .user-comment-show {
        grid-area: user-input;
        margin: 0 auto;
        width: 100%;
        min-width: 120px
    }

    .w-welcome-msg {
        padding: 1rem 0 .5rem
    }

    .comments-feed-item.is-show-more {
        max-height: 140px
    }

    .comments-feed-item.is-last,
    .comments-feed-item:has(+.comments-feed-pagination) {
        max-height: 140px
    }

    .btn-premium {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 240px
    }

    .btn-edit.top-right-corner {
        top: -1rem
    }

    .btn-group.t-row {
        flex-direction: row;
        align-items: center
    }

    .form-group.grid-layout-2 {
        grid-template-columns: 1fr 1fr
    }

    .text-input-note {
        margin: .5rem 0 0 1rem
    }

    .user-static-form {
        padding: 2rem;
        background-color: hsla(0, 0%, 94.9%, .9)
    }

    .w-user-msg.popup-box {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 320px;
        max-width: 100%
    }

    .js-profile-card {
        position: relative
    }

    .user-profile-card {
        top: 1rem
    }

    .section-latest-news .section-header {
        padding: 1rem 1rem 1.25rem
    }

    .w-section-latest--home .section-latest-news .listing-tabs div {
        gap: .5rem
    }

    .section-latest-news a.section-title.home-latest {
        padding-inline: .75rem
    }

    .sentinel-home-list,
    .sentinel-listing-page-list {
        grid-template-columns: 1fr
    }

    .w-section-latest--home .sentinel-home-list .display-card.article,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article {
        grid-template-columns: 350px 1fr
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .meta_txt.article-date,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .meta_txt.article-date {
        top: 1rem
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .dc-img-link,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .dc-img-link {
        aspect-ratio: 360/240
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .w-img,
    .w-section-latest--home .sentinel-home-list .display-card.article img,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .w-img,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article img {
        border-radius: 8px 0 0 8px
    }

    .w-section-latest--home .sentinel-home-list .display-card.article.large .display-card-title,
    .w-section-latest--home .sentinel-home-list .display-card.article.medium .display-card-title,
    .w-section-latest--home .sentinel-home-list .display-card.article.small .display-card-title,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article.large .display-card-title,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article.medium .display-card-title,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article.small .display-card-title {
        line-height: 1.1
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .w-display-card-content,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .w-display-card-content {
        padding: 2.5rem 1rem 1rem
    }

    .w-homepage-hero-template>[class*=template-] {
        padding-block: 1rem
    }
}

@media screen and (prefers-color-scheme:dark)and (min-width:768px) {
    .user-form-btn-reset:hover {
        color: #d3d3d3;
        border-color: #d3d3d3
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .sidebar div[class*=-sidebarTop] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem
    }

    .sidebar div[class*=-sidebarTop] div[class=adsninja-ad-zone] {
        grid-column: span 3
    }

    .sidebar-sticky div[class*=-sidebarSticky] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem
    }
}

@media(min-width:1024px) {

    .btn-fab,
    .btn-premium,
    .btn-user-action,
    .ds-button,
    .user-form-btn-reset,
    .user-form-btn-upload {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 240px
    }

    .ds-button.fit-content,
    .fit-content.btn-fab,
    .fit-content.btn-premium,
    .fit-content.btn-user-action,
    .fit-content.user-form-btn-reset,
    .fit-content.user-form-btn-upload {
        width: -moz-fit-content;
        width: fit-content;
        min-width: unset
    }

    .btn-user-action {
        min-width: unset
    }

    .btn-user-action:hover {
        background: rgb(0, 118.56, 234)
    }

    .sidebar-sticky .btn-user-action,
    .sidebar .btn-user-action {
        place-self: flex-end
    }

    .sidebar .btn-user-action.small {
        width: -moz-fit-content;
        width: fit-content
    }

    .btn-user-action.my-list:hover {
        background-color: #49bf3c !important
    }

    .user-form-btn-upload:hover {
        background-color: #e5a717
    }

    .user-form-btn-reset:hover {
        color: #d3d3d3
    }

    .btn-fab {
        min-width: unset
    }

    .btn-fab.tertiary.light-only:hover {
        color: #49bf3c !important
    }

    .btn-fab.action-btn,
    .btn-fab.img-btn {
        width: -moz-fit-content;
        width: fit-content;
        min-width: unset
    }

    .w-options-btn .options-toggle:hover~.options-dropdown,
    .w-options-btn:hover>.options-dropdown {
        display: flex
    }

    .w-options-btn .options-dropdown {
        right: 16px
    }

    .user-form-select {
        max-width: 600px
    }

    .searchable-dropdown,
    .user-form-select {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 320px
    }

    .w-tooltip .tooltip-content {
        position: relative
    }

    .tooltip-box {
        width: -moz-max-content;
        width: max-content;
        max-width: 400px
    }

    .adzone-above-latest {
        grid-column: 1/span 12
    }

    .is-desktop-hidden {
        display: none !important
    }

    .w-grid-system,
    .web-layout {
        gap: 1.5rem;
        grid-template-columns: repeat(12, 1fr)
    }

    #waypointLoader .w-loader svg {
        margin: 20px auto
    }

    .w-website {
        width: 100%
    }

    .w-content+.w-content {
        padding-top: 2rem
    }

    .wrapper {
        --margin-site: 3rem;
        padding: 0 3rem
    }

    .wrapper.w-listing-header {
        padding-top: 3rem;
        padding-bottom: 1.5rem
    }

    .wrapper.w-listing-header.author {
        margin-bottom: 3rem
    }

    .w-grid-system.article-layout {
        gap: 40px;
        grid-template-columns: 1fr 310px
    }

    .section-latest,
    .w-pencil-banner a {
        max-width: 1300px
    }

    .section-latest {
        display: grid;
        gap: 0 40px;
        grid-template-columns: minmax(500px, 1fr) 310px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
        grid-template-areas: "listing-content sidebar"
    }

    .section-latest:has(.listing-tabs) {
        grid-template-areas: "listing-tabs listing-tabs" "listing-content sidebar"
    }

    .section-latest .listing-tabs {
        grid-column: 1/-1
    }

    .section-latest:has(.subcontent) {
        grid-template-areas: "subcontent sidebar"
    }

    .header-nav {
        max-width: 1300px
    }

    .header-nav.nav-menu {
        padding: .75rem 0;
        gap: 2rem;
        height: 54px
    }

    .header-nav .nav-left {
        gap: 2rem
    }

    .nav-link.nav-link-user {
        background-color: #fff;
        color: #181818
    }

    .nav-link.nav-link-user.logged-in {
        padding: 2px 2px 2px 8px
    }

    .nav-link.nav-link-user.logged-out {
        padding: 4px 15px
    }

    .nav-link.nav-link-user.has-notification:after {
        top: -4px;
        right: -4px
    }

    .nav-link.nav-link-user:before {
        color: #181818;
        font-size: 1.25rem
    }

    .header-search {
        width: 60%
    }

    .search-form:before {
        top: 8px;
        left: 0;
        font-size: 35px
    }

    .search-input {
        font-size: 4rem;
        padding: 0 1rem 2rem 6rem
    }

    .header-search-exit {
        top: 25px;
        right: 25px
    }

    .header-search-exit:before {
        padding: 2rem;
        font-size: 3rem;
        transition: all .2s ease
    }

    .header-search-exit:hover:before {
        color: #49bf3c
    }

    .banner-article-premium {
        background: #f2f2f2
    }

    .banner-article-premium.layout-regular {
        background-color: #f2f2f2
    }

    .w-images-header-menu.default-menu {
        display: inline;
        position: relative;
        top: 0
    }

    .w-images-header-menu.default-menu.db-header {
        position: sticky;
        top: 55px
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-list {
        justify-content: center;
        gap: 0.5rem
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-list:before {
        content: "Trending";
        font-family: Roboto, sans-serif;
        font-size: .875rem;
        font-weight: 700;
        color: #49bf3c;
        margin-right: 1rem
    }

    .w-images-header-menu.is-sliding-in-submenu {
        top: 166px
    }

    .images-header-menu-list {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
        display: flex
    }

    .images-header-menu-btn {
        display: none
    }

    .images-header-submenu-item:after {
        right: -1rem
    }

    .images-header-submenu-item.is-active {
        text-decoration: underline
    }

    .images-header-submenu-item:hover {
        color: #49bf3c;
        text-decoration: underline
    }

    .images-header-submenu-item-2nd-lvl {
        bottom: 15px;
        z-index: 1;
        padding-top: 15px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 14px, #181818 15px, #181818)
    }

    .images-header-submenu-item-2nd-lvl .images-header-submenu-item-2nd-lvl {
        bottom: 0;
        border: none;
        z-index: auto
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl {
        max-width: 1300px;
        margin: 0;
        row-gap: 1rem
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(2)) {
        margin: 0 auto
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(3)) {
        margin: 0 auto
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(4)) {
        margin: 0 auto
    }

    footer .w-footer {
        padding-bottom: 30px
    }

    footer .w-footer .footer-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }

    footer .w-footer .footer-content-el.section-right,
    footer .w-footer .footer-content-el.section-right ul {
        text-align: right
    }

    footer .w-footer .footer-content-el {
        margin-bottom: 0
    }

    footer .w-footer .el-header.section-right {
        display: flex;
        justify-content: right
    }

    footer .w-footer .el-header .footer-img img {
        margin: 0
    }

    footer .w-footer ul {
        text-align: left
    }

    footer .w-footer .footer-note.section-right {
        text-align: right;
        padding-right: 0
    }

    footer .w-footer .social-media {
        justify-content: flex-start
    }

    .sidebar {
        max-width: 310px;
        justify-self: flex-end
    }

    .sidebar section {
        margin-bottom: 4rem
    }

    .w-section-latest .sidebar .sidebar-sticky,
    .w-section-latest .sidebar .sidebar-trending {
        margin-bottom: 0
    }

    .sidebar-sticky,
    .sidebar-trending {
        margin-bottom: 2rem
    }

    .sidebar-sticky {
        position: sticky;
        top: 80px
    }

    .w-website:has(.w-images-header-menu.is-sliding-out-submenu) .sidebar-sticky {
        top: 120px
    }

    .sidebar .display-card.article.small,
    [class$=-sidebarSticky] .display-card.article.large,
    [class$=-sidebarSticky] .display-card.article.small {
        grid-template-columns: 100px 1fr
    }

    .section-title {
        font-size: 1rem
    }

    .section-view-all-link:hover {
        color: #49bf3c;
        transition: all .3s ease
    }

    .profile-section-title,
    .thread-section-title,
    .video-section-title {
        font-size: 1.25rem
    }

    .pinned-emphasize .profile-section-title,
    .pinned-emphasize .thread-section-title,
    .pinned-emphasize .video-section-title {
        font-size: 1.75rem
    }

    .clip-half .browse-clip:not(.browse-custom) {
        grid-template-columns: 40% 1fr
    }

    .sidebar-button {
        margin-top: 1rem
    }

    .display-card .w-display-card-details .meta_txt.article-author:hover {
        color: #49bf3c
    }

    .display-card.article .display-card .display-card-rating {
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem
    }

    .display-card.article.large .display-card .dc-rating-star,
    .display-card .dc-rating-star {
        height: 1.5rem
    }

    .display-card .bc-rating-num {
        width: 45px;
        height: 45px;
        font-size: 1.5rem
    }

    .display-card .bc-rating-star {
        height: 25px
    }

    .display-card .display-card-description a:hover {
        color: #fff;
        background: #49bf3c
    }

    .display-card-badge-custom+.display-card-title {
        padding-right: 88px
    }

    .w-display-card-list .display-card-badge-custom {
        width: 60px
    }

    .w-display-card-list .display-card-badge-custom+.display-card-title {
        padding-right: 0
    }

    .display-card-firstParagraph {
        grid-column: 1/span 2
    }

    .w-display-card-link a:hover {
        background-color: #1e2d1e;
        color: #fff
    }

    .display-card-special-fields .display-card-dropdown {
        background-position: 98%
    }

    .sub-content .display-card.article.large,
    .sub-content .display-card.article.small {
        grid-template-columns: 100px 1fr;
        grid-gap: .5rem;
        margin: 0;
        padding: 0;
        border: none;
        background: none
    }

    .display-card.article .display-card-title {
        margin-bottom: .25rem
    }

    .article-follow .article-list-item .display-card.article.large .display-card-title,
    .article-follow .article-list-item .display-card.article.small .display-card-title {
        font-size: 1.25rem;
        margin-bottom: 0
    }

    .dc-premium-indicator {
        padding: 4px 6px
    }

    .featured-4-pin-large .featured-secondary .dc-premium-indicator span {
        display: none
    }

    .featured-4-pin-large .featured-secondary .dc-premium-indicator.i-premium:before {
        font-size: 1rem
    }

    .featured-5-pin-large .featured-secondary .dc-premium-indicator span {
        display: none
    }

    .w-listing-featured-category .dc-premium-indicator span {
        display: inline-flex
    }

    .w-listing-featured-category .dc-premium-indicator.i-premium:before {
        font-size: .875rem
    }

    .listing-tag .listing-pinned-tags.pin-1 .dc-premium-indicator span,
    .listing-tag .listing-pinned-tags.pin-2 .dc-premium-indicator span,
    .listing-tag .listing-pinned-tags.pin-4 .dc-premium-indicator span {
        display: inline-flex
    }

    .listing-tag .listing-pinned-tags.pin-3 .dc-premium-indicator,
    .listing-tag .listing-pinned-tags.pin-5:nth-child(-n+3) .dc-premium-indicator,
    .listing-tag .listing-pinned-tags.pin-6 .dc-premium-indicator {
        padding: 2px 4px;
        top: .5rem;
        left: .5rem
    }

    .listing-tag .listing-pinned-tags.pin-3 .dc-premium-indicator.i-premium:before,
    .listing-tag .listing-pinned-tags.pin-5:nth-child(-n+3) .dc-premium-indicator.i-premium:before,
    .listing-tag .listing-pinned-tags.pin-6 .dc-premium-indicator.i-premium:before {
        font-size: 1rem
    }

    .display-card.small.article-card,
    .sub-content .display-card.small.article-card {
        margin-bottom: 2rem;
        padding: 1rem;
        grid-template-columns: 200px 1fr;
        background-color: #f2f2f2
    }

    .layout-exclusive .display-card.small.article-card,
    .layout-exclusive .sub-content .display-card.small.article-card {
        margin-left: auto;
        margin-right: auto;
        max-width: 900px
    }

    .display-card.small.article-card .article-card-label,
    .sub-content .display-card.small.article-card .article-card-label {
        top: -10px;
        font-size: 1rem;
        left: 1rem
    }

    .display-card.small.article-card .dc-img-link .articleHasVideo:before,
    .sub-content .display-card.small.article-card .dc-img-link .articleHasVideo:before {
        font-size: 2rem;
        top: .25rem;
        right: .25rem
    }

    .display-card.small.article-card .dc-img-link .w-img .logo,
    .display-card.small.article-card .dc-img-link .w-img .logo.specific,
    .sub-content .display-card.small.article-card .dc-img-link .w-img .logo,
    .sub-content .display-card.small.article-card .dc-img-link .w-img .logo.specific {
        height: 32px
    }

    .adsninja-ad-zone.adsninja-valstream+.display-card.small.article-card {
        margin-top: 3rem
    }

    .video-time-xsmall {
        bottom: .25rem;
        right: .25rem;
        padding: .125rem .25rem;
        font-size: .625rem
    }

    .article-card .articleHasVideo span,
    .video-time-small,
    .wrapper.w-video-home-header .video-home-secondary .articleHasVideo span {
        bottom: .25rem;
        right: .25rem;
        padding: .125rem .25rem;
        font-size: .75rem
    }

    .articleHasVideo span,
    .video-time-medium {
        bottom: .75rem;
        right: .75rem;
        padding: .25rem .5rem;
        font-size: .875rem
    }

    .video-time-large {
        bottom: .75rem;
        right: .75rem;
        font-size: 1rem
    }

    .listing-pinned-tags.pin-3 .articleHasVideo span,
    .listing-pinned-tags.pin-4 .articleHasVideo span,
    .listing-pinned-tags.pin-5:nth-child(-n+3) .articleHasVideo span,
    .listing-pinned-tags.pin-6 .articleHasVideo span {
        bottom: .25rem;
        right: .25rem;
        padding: .125rem .25rem;
        font-size: .75rem
    }

    .w-listing-featured-category .articleHasVideo:before {
        font-size: 1.75rem;
        top: .75rem;
        right: .75rem
    }

    .featured-3-col .articleHasVideo:before,
    .featured-4-pin-single .featured-secondary .articleHasVideo:before {
        font-size: 3rem
    }

    .featured-5-pin-news .featured-primary .articleHasVideo:before {
        top: 2.25rem;
        right: 2.5rem;
        font-size: 4rem
    }

    .listing-pinned-tags.pin-3 .articleHasVideo:before,
    .listing-pinned-tags.pin-5:nth-child(-n+3) .articleHasVideo:before,
    .listing-pinned-tags.pin-6 .articleHasVideo:before {
        right: .5rem;
        top: .5rem;
        font-size: 1.5rem
    }

    .listing-pinned-tags.pin-3 .display-card.article .dc-img-link .w-img .articleHasVideo+.logo,
    .listing-pinned-tags.pin-6 .display-card.article .dc-img-link .w-img .articleHasVideo+.logo {
        bottom: .25rem;
        left: .25rem
    }

    .display-card.article-thread .w-details.extra-options {
        gap: .5rem
    }

    .article-follow .article-list-item .display-card.article-thread .display-card-title {
        font-size: 1.25rem
    }

    .display-card.article-thread .w-details.extra-options .w-display-card-extra {
        align-self: flex-end
    }

    .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number {
        font-size: 1rem
    }

    .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.last-comment {
        font-size: 24px;
        line-height: 19px
    }

    .sidebar-sticky .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.last-comment,
    .sidebar .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.last-comment {
        font-size: 20px;
        line-height: 20px
    }

    .sidebar-sticky .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.total-users:before,
    .sidebar .display-card.article-thread .w-details.extra-options .w-display-card-extra .total-info-number.total-users:before {
        font-size: 1rem;
        line-height: 1rem
    }

    .display-card.article-thread .w-display-card-extra .comment:before {
        font-size: 1.25rem
    }

    .sidebar-sticky .display-card.article-thread .w-display-card-extra .comment:before,
    .sidebar .display-card.article-thread .w-display-card-extra .comment:before {
        font-size: 1rem
    }

    .threads-prompt .threads-prompt-response a:hover {
        color: #fff;
        background: #ccc
    }

    .comments-feed-item.reply {
        margin-inline-start: 3rem
    }

    .comments-feed-item.reply:before {
        left: -3rem
    }

    .comments-feed-item.reply.first:before {
        display: block;
        content: "";
        position: absolute;
        left: -2.5rem;
        width: 2rem;
        height: 50%;
        border-radius: 0 0 0 1rem;
        border-left: 3px solid #d3d3d3;
        border-bottom: 3px solid #d3d3d3
    }

    .comments-feed-item .user-comment a:hover {
        background: #ccc
    }

    .comment-view .comment-view-title {
        font-size: 1.25rem
    }

    .comment-view .btn-comment-view {
        font-size: .875rem
    }

    .comments-feed-pagination {
        padding-bottom: 6px;
        margin-top: -72px;
        margin-bottom: 1px
    }

    .comments-feed-pagination:has(.i-thread) {
        margin-top: -65px
    }

    .thread-alert-msg {
        width: 70%
    }

    .w-total-info.article-threada {
        margin-bottom: 1.5rem
    }

    .btn-premium.secondary:hover {
        opacity: 1;
        background: #333;
        color: #fff
    }

    .btn-premium.tertiary:hover {
        color: #333;
        opacity: .8;
        background: #e2e2e2
    }

    .btn-premium.tertiary.text-only:hover {
        background: none
    }

    .btn-premium.tertiary.cancel:hover {
        color: #fff;
        background: #ff1540
    }

    .btn-premium.tertiary.cancel.text-only:hover {
        color: #c70116;
        background: none
    }

    .popup-box .btn-premium.tertiary.cancel:hover {
        color: #ff1540;
        background: #eef1f7
    }

    .btn-premium.square-text {
        min-width: unset
    }

    .btn-group.fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .premium-box .read-only,
    .user-content .read-only {
        width: 50%
    }

    .user-static-form {
        padding: 2rem 3rem;
        margin-bottom: 2rem
    }

    .user-static-form.popup {
        margin-bottom: 0;
        max-width: 480px
    }

    .user-static-form.newsletter-content {
        margin-bottom: 0;
        max-width: 580px
    }

    .w-user-msg {
        max-width: 600px
    }

    .w-user-msg.notification {
        max-width: 800px
    }

    .w-user-msg.registration-user p.user-msg {
        font-size: 1.125rem
    }

    .section-latest-news .w-tabs-loader {
        height: calc(100% - 9rem)
    }

    .w-section-latest--home .section-latest-news .section-header {
        margin: 0
    }

    .infinite-btn-next {
        margin: 0 auto 3rem
    }

    .sidebar {
        margin-top: 0
    }
}

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

    .banner-article-premium,
    .banner-article-premium.layout-regular {
        background: rgb(36.75, 36.75, 36.75)
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-list:before {
        color: #49bf3c
    }

    .images-header-submenu-item:hover {
        color: #fff;
        border-color: #fff
    }

    .threads-prompt .threads-prompt-response a:hover {
        background: #6d6d6d
    }

    .comments-feed-item.reply.first:before {
        border-color: #333
    }

    .comments-feed-item .user-comment a:hover {
        background: #6d6d6d
    }

    .popup-box .btn-premium.tertiary.cancel:hover {
        color: #f45967;
        background: #48484d
    }
}

@media(min-width:1024px)and (min-width:1024px) {
    footer .w-footer ul:not(.social-media) {
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        gap: .25rem
    }

    footer .w-footer ul:not(.social-media) li:after {
        content: "|";
        display: inline-block;
        color: hsla(0, 0%, 100%, .25);
        margin-left: .25rem
    }

    footer .w-footer ul:not(.social-media) li:last-of-type:after {
        display: none
    }

    footer .w-footer ul.align-right {
        justify-content: flex-end
    }

    footer .w-footer ul.align-right li:last-of-type:after {
        display: none
    }
}

@media screen and (prefers-color-scheme:dark)and (min-width:1024px) {
    .btn-premium.secondary:hover {
        background: #fff;
        color: #333
    }
}

@media(min-width:1180px) {
    .images-header-submenu-item-2nd-lvl .w-list-submenu-2nd-lvl .images-header-submenu-item {
        min-width: 140px
    }

    .w-section-latest--home .section-latest-news a.section-title.home-latest.is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-color: #49bf3c transparent transparent;
        border-style: solid;
        border-width: 13px 11px 0;
        transform: rotate(0deg);
        position: absolute;
        left: calc(50% - 11px);
        bottom: -18px;
        opacity: 1;
        transition: all .3s ease-in-out
    }
}

@media(min-width:1440px) {
    .wrapper {
        --margin-site: 80px;
        padding: 0 80px
    }

    .images-header-submenu-list {
        max-width: 1300px;
        margin: 0 auto;
        justify-content: center
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(3)) {
        grid-template-columns: repeat(3, 260px)
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(4)) {
        grid-template-columns: repeat(4, 260px)
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:nth-child(5)):has(>:nth-child(5)) {
        grid-template-columns: repeat(4, 260px)
    }
}

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

    .btn-fab.thread-creation {
        flex-direction: column;
        gap: 0
    }

    .btn-fab.thread-creation .main-icon {
        font-size: 1.5em
    }

    .btn-fab.thread-creation .fab-label {
        font-size: .625rem
    }

    .btn-fab .mobile-icon-only {
        padding: 0;
        aspect-ratio: 1
    }

    .btn-fab .mobile-icon-only .fab-label {
        display: none
    }

    .tooltip-box.tooltip-bottom,
    .tooltip-box.tooltip-top {
        left: 0
    }

    .article_heading .heading_breadcrumb+.adsninja-ad-zone {
        grid-row: 3
    }

    .article_heading .adsninja-ad-zone+.heading_title {
        margin-top: 4rem
    }

    .is-mobile-hidden {
        display: none !important
    }

    .w-secondary-header .w-static-action {
        display: none
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(3)) {
        grid-template-columns: repeat(2, 1fr)
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:last-child:nth-child(4)) {
        grid-template-columns: repeat(2, 1fr)
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:nth-child(5)) {
        grid-template-columns: repeat(2, 1fr)
    }

    .images-header-submenu-item-2nd-lvl .wrapper .w-list-submenu-2nd-lvl:has(>:nth-child(5)):has(>:nth-child(5)) {
        grid-template-columns: repeat(2, 1fr)
    }

    .clip-half .browse-clip:not(.browse-custom) .bc-info {
        margin-left: 0;
        margin-top: 8px
    }

    .display-card .rate-form-input label.position-inverted {
        margin-right: 4px
    }

    .display-card .w-display-card-pros-cons {
        flex-direction: column
    }

    .w-display-card-list.null-description .display-card-badge-custom {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: .5rem
    }

    .w-display-card-heading {
        grid-column: 1/-1
    }

    .null-description .w-display-card-heading {
        grid-column: 1
    }

    .articleHasVideo:before .listing-pinned-tags {
        top: .5rem
    }

    .display-card.article-thread .w-thread-prompt-img:hover {
        opacity: unset
    }

    .display-card.article-thread .prompt-link-img:before {
        display: none !important
    }

    .display-card.article-thread .w-details.extra-options .w-display-card-extra {
        gap: .75rem
    }

    .display-card.article-thread .w-display-card-details .threads-text.date.date {
        display: flex !important
    }

    .w-thread-latest .display-card.article-thread .w-display-card-details .threads-text.author a,
    .w-thread-latest .display-card.article-thread .w-display-card-details .threads-text.author div {
        max-width: 5rem;
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .display-card.article-thread .w-display-card-details .threads-text.date,
    .threads-prompt .w-thread-prompt-content .prompt-link-img:before {
        display: none !important
    }

    .comment-submit-rules {
        margin-bottom: 1rem
    }

    .ql-emoji {
        display: none !important
    }

    .ql-toolbar {
        margin-top: 1rem
    }

    .footer-threads-user:before {
        display: block;
        position: absolute;
        top: .5rem;
        right: .5rem;
        font-size: 1rem;
        opacity: .5
    }

    .footer-threads-user.logged-out {
        grid-template-areas: "user-input user-input" "cta"
    }

    .w-total-info {
        flex: 1;
        gap: 1rem;
        justify-content: space-around
    }
}

.dszr {
    color: #000;
}

@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
    }

    .font-system-text-label,
    .w-input-checkbox .input-checkbox-label {
        color: #fff
    }

    .font-system-text-label {
        color: #d3d3d3
    }

    .font-system-text-complementary {
        color: #fff;
        color: #d3d3d3
    }

    .main-cta {
        color: #fff
    }

    .main-cta.secondary-cta {
        border-color: #777;
        color: #777
    }

    .btn-user-action {
        color: #fff
    }

    .btn-user-action.cancel {
        background-color: #333;
        color: #fff
    }

    .btn-user-action.cancel:hover {
        background: #777
    }

    .btn-user-action.light-wide-hyperlink {
        background: #333;
        color: #fff
    }

    .btn-user-action.light-wide-hyperlink:hover {
        background: #e2e2e2;
        color: #101010
    }

    .user-form-btn-upload {
        color: #fff
    }

    .user-form-btn-reset {
        color: #fff;
        border: 1px solid #fff
    }

    .btn-fab.square-text {
        color: #e2e2e2
    }

    .btn-fab.primary {
        background-color: #777;
        color: #e2e2e2
    }

    .btn-fab.primary-reversed {
        background-color: #e2e2e2;
        color: #333
    }

    .btn-fab.secondary {
        border-color: #e2e2e2;
        color: #e2e2e2
    }

    .btn-fab.secondary-reversed {
        border-color: #333;
        color: #333
    }

    .btn-fab.tertiary {
        color: #e2e2e2
    }

    .btn-fab.tertiary-reversed {
        color: #333
    }

    .btn-fab.action-btn,
    .btn-fab .action-icon {
        border-color: #777;
        background-color: #242424
    }

    .dc-tag-label,
    .display-card .dc-tags-genre .dc-movie-genre,
    .tag-label,
    .w-display-card-content .tag-label-text {
        color: #fff;
        border-color: #333;
        color: #b6b4b5
    }

    .dc-tag-label .js-tag-interaction,
    .display-card .dc-tags-genre .dc-movie-genre .js-tag-interaction,
    .tag-label .js-tag-interaction,
    .w-display-card-content .tag-label-text .js-tag-interaction {
        border-color: #b6b4b5
    }

    .dc-tag-label:hover,
    .display-card .dc-tags-genre .dc-movie-genre:hover,
    .tag-label:hover,
    .w-display-card-content .tag-label-text:hover {
        border-color: #777;
        color: #b6b4b5
    }

    .dc-tag-label:hover .js-tag-interaction,
    .display-card .dc-tags-genre .dc-movie-genre:hover .js-tag-interaction,
    .tag-label:hover .js-tag-interaction,
    .w-display-card-content .tag-label-text:hover .js-tag-interaction {
        border-color: #b6b4b5
    }

    .dc-tag-label.no-bg,
    .display-card .dc-tags-genre .no-bg.dc-movie-genre,
    .no-bg.tag-label,
    .w-display-card-content .no-bg.tag-label-text {
        color: #777;
        border-color: #777
    }

    .dc-tag-label.no-bg .js-tag-interaction,
    .display-card .dc-tags-genre .no-bg.dc-movie-genre .js-tag-interaction,
    .no-bg.tag-label .js-tag-interaction,
    .w-display-card-content .no-bg.tag-label-text .js-tag-interaction {
        border-color: #777
    }

    .dc-tag-label.no-bg:hover,
    .display-card .dc-tags-genre .no-bg.dc-movie-genre:hover,
    .no-bg.tag-label:hover,
    .w-display-card-content .no-bg.tag-label-text:hover {
        background: none;
        border-color: #b6b4b5;
        color: #b6b4b5;
        filter: brightness(1.2)
    }

    .dc-tag-label.no-bg:hover .js-tag-interaction,
    .display-card .dc-tags-genre .no-bg.dc-movie-genre:hover .js-tag-interaction,
    .no-bg.tag-label:hover .js-tag-interaction,
    .w-display-card-content .no-bg.tag-label-text:hover .js-tag-interaction {
        border-color: #b6b4b5
    }

    .w-options-btn .options-dropdown {
        background-color: #333
    }

    .w-options-btn.member-interaction .options-toggle {
        background: #fff
    }

    .w-options-btn.member-interaction.my-lists .options-dropdown .btn-premium.tertiary:hover {
        color: #333;
        background: #fff
    }

    .premium-box label,
    .user-alert-box,
    .user-content label,
    .user-form-label {
        color: #fff
    }

    .premium-box label,
    .user-content label,
    .user-form-label {
        color: #b6b4b5
    }

    .premium-box input[type=email],
    .premium-box input[type=password],
    .premium-box input[type=text],
    .premium-box textarea,
    .user-content input[type=email],
    .user-content input[type=password],
    .user-content input[type=text],
    .user-content textarea,
    .user-form-input,
    .w-searchable-input,
    .w-searchable-list .searchable-results {
        background-color: #181818;
        border-color: #333;
        color: #fff
    }

    .premium-box input[type=email]:focus,
    .premium-box input[type=email]:hover,
    .premium-box input[type=password]:focus,
    .premium-box input[type=password]:hover,
    .premium-box input[type=text]:focus,
    .premium-box input[type=text]:hover,
    .premium-box textarea:focus,
    .premium-box textarea:hover,
    .user-content input[type=email]:focus,
    .user-content input[type=email]:hover,
    .user-content input[type=password]:focus,
    .user-content input[type=password]:hover,
    .user-content input[type=text]:focus,
    .user-content input[type=text]:hover,
    .user-content textarea:focus,
    .user-content textarea:hover,
    .user-form-input:focus,
    .user-form-input:hover,
    .w-searchable-input:focus,
    .w-searchable-input:hover,
    .w-searchable-list .searchable-results:focus,
    .w-searchable-list .searchable-results:hover {
        border-color: #b6b4b5
    }

    .premium-box input[type=email]::-moz-placeholder,
    .premium-box input[type=password]::-moz-placeholder,
    .premium-box input[type=text]::-moz-placeholder,
    .premium-box textarea::-moz-placeholder,
    .user-content input[type=email]::-moz-placeholder,
    .user-content input[type=password]::-moz-placeholder,
    .user-content input[type=text]::-moz-placeholder,
    .user-content textarea::-moz-placeholder,
    .user-form-input::-moz-placeholder,
    .w-searchable-input::-moz-placeholder,
    .w-searchable-list .searchable-results::-moz-placeholder {
        color: #777
    }

    .premium-box input[type=email]::placeholder,
    .premium-box input[type=password]::placeholder,
    .premium-box input[type=text]::placeholder,
    .premium-box textarea::placeholder,
    .user-content input[type=email]::placeholder,
    .user-content input[type=password]::placeholder,
    .user-content input[type=text]::placeholder,
    .user-content textarea::placeholder,
    .user-form-input::placeholder,
    .w-searchable-input::placeholder,
    .w-searchable-list .searchable-results::placeholder {
        color: #777
    }

    .user-form-select {
        color: #fff;
        background-color: #181818;
        border-color: rgb(49.5, 49.5, 49.5);
        background-image: url(https://static0.colliderimages.com/assets/images/chevron-down-white.d0a16784.svg)
    }

    .user-form-select:focus,
    .user-form-select:hover {
        border-color: #b6b4b5
    }

    .user-form-select option,
    .user-form-select option[value=""] {
        color: #fff
    }

    .searchable-dropdown.is-opened .w-searchable-input {
        border-color: #b6b4b5
    }

    .w-searchable-input .searchable-input {
        color: #e2e2e2
    }

    .w-searchable-list {
        box-shadow: 0 4px 12px 0 #333
    }

    .w-searchable-list .searchable-results {
        border-color: #b6b4b5
    }

    .w-searchable-list .searchable-results .searchable-item {
        color: #fff
    }

    .w-searchable-list .searchable-results .searchable-item:hover {
        background-color: #333
    }

    .modal-content .modal-title {
        color: #fff
    }

    .w-tooltip .tooltip-btn:before {
        color: #d3d3d3
    }

    .tooltip-box p,
    .tooltip-box ul li {
        color: #fff
    }

    body {
        background: #181818
    }

    .wrapper.w-section-latest,
    .wrapper.w-section-latest--home {
        background: #2d2d2d
    }

    .wrapper.w-listing-header {
        background: #181818
    }

    .comments-feed-item .image-expandable .w-header-user-box div:before,
    .user-box-title,
    .w-header-user-box .comments-feed-item .image-expandable div:before,
    .w-header-user-box .icon,
    .w-pencil-banner a {
        color: #fff
    }

    .w-header {
        background: rgb(36.75, 36.75, 36.75)
    }

    .wrapper.main-navigation,
    .wrapper.secondary-header {
        background: #101010;
        border-color: #333
    }

    .wrapper.subnav-navigation {
        background: #101010
    }

    .side-navigation {
        background: #242424
    }

    .nav-elements {
        color: #fff;
        color: #d3d3d3
    }

    .nav-elements .nav-link.highlight {
        background-color: #f2f2f2;
        color: #101010
    }

    .subnav-elements {
        color: #fff;
        color: #e2e2e2
    }

    .subnav-elements:not(.menu-trending) a {
        border-color: #101010
    }

    .subnav-elements:not(.menu-trending) a:hover {
        color: #e2e2e2;
        border-color: #e2e2e2
    }

    .subnav-elements:not(.menu-trending):after {
        color: #333
    }

    .menu-trending {
        color: #e2e2e2
    }

    .sidenav-elements {
        color: #fff;
        color: #e2e2e2
    }

    .sidenav-elements .sidenav-link span {
        border-color: #242424
    }

    #menu-features .sidenav-elements .sidenav-link-user,
    .sidenav-elements .sidenav-elements .sidenav-elements {
        color: #e2e2e2
    }

    .social-elements {
        color: #e2e2e2;
        border-color: #e2e2e2
    }

    .menu-icon.topbar-icon,
    .menu-icon.topnav-icon {
        color: #e2e2e2
    }

    .side-navigation-footer .footer-copy {
        color: #fff;
        color: #e2e2e2
    }

    .side-navigation-footer #ccpa-link a {
        color: #fff;
        color: #f2f2f2
    }

    footer .menu-legal ul a {
        color: #fff;
        color: #e2e2e2
    }

    .search-input {
        color: #fff
    }

    .subnav-navigation.w-expanded .expanded-level-2.header-nav {
        background: #101010
    }

    .subnav-navigation.w-expanded .subnav-element-content {
        border-color: #333
    }

    .banner-article-premium.layout-video {
        background: #101010
    }

    .banner-article-premium.layout-exclusive {
        background: #1e1e1e
    }

    .banner-article-premium.directory {
        background: #181818
    }

    .banner-article-premium .premium-title {
        color: #fff
    }

    .w-secondary-header {
        background: #101010
    }

    .w-static-action .btn-fab.action-btn.is-active {
        background-color: #242424
    }

    .w-more-action .w-more-action-dropdown {
        background: #101010
    }

    .w-subnav-header-search {
        background: #101010;
        border-bottom: 1px solid #333
    }

    .subnav-search .subnav-search-input {
        color: #181818 !important
    }

    .subnav-search-results .subnav-search-result-item-info .search-result-item-title {
        color: #181818
    }

    .w-images-header-menu.default-menu .images-header-menu {
        background: #101010
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-item:after {
        color: #777
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-item .images-header-label:hover {
        color: #49bf3c
    }

    .w-images-header-menu.default-menu .images-header-menu .images-header-menu-item .images-header-label {
        color: #fff
    }

    .images-header-menu {
        background: #181818
    }

    .images-header-menu-item .images-header-label {
        color: #fff
    }

    .images-header-submenu {
        background: #333
    }

    .images-header-submenu-item {
        color: #fff
    }

    .images-header-submenu-item label.has-submenu:after {
        border-color: #fff transparent transparent
    }

    .images-header-submenu-item.is-active {
        color: #fff;
        border-color: #fff
    }

    footer .w-footer {
        background: #181818
    }

    .wrapper:has(.valnet-content) {
        background: #000
    }

    footer .valnet-content .text {
        color: #fff
    }

    .sidebar-tabs .tabs-header>.selected {
        background-color: #242424
    }

    .sidebar-tabs .tabs-header>* {
        background-color: #333
    }

    .sidebar-tabs .sidebar-el-content {
        background-color: #242424
    }

    .sidebar-tabs .sidebar-el-content a.btn-full {
        color: #fff
    }

    .sidebar-featured-links li:before {
        color: #fff;
        border: 1px solid #fff
    }

    .sidebar-featured-links a,
    .w-accordian .accordian-header:after {
        color: #fff
    }

    .w-sidebar-tags-card {
        border-color: #333
    }

    .sidebar-tags-card .info-column .tags-link.topics .article-tags-name {
        color: #fff
    }

    .ad-zone-container-footer-footer {
        background: #181818 !important
    }

    .custom-button--item.text-only {
        color: #fff
    }

    .section-title a {
        color: #b6b4b5
    }

    .section-view-all-link {
        color: #fff;
        color: #d3d3d3;
        background: #333
    }

    .profile-section-title,
    .profile-section-title a,
    .thread-section-title,
    .thread-section-title a,
    .video-section-title,
    .video-section-title a {
        color: #fff
    }

    .section-header {
        border-color: #b6b4b5
    }

    .section-title,
    .hfd {
        color: #fff;
        color: #b6b4b5
    }

    .w-amp .section-title {
        border-color: #b6b4b5
    }

    .section-sub-title {
        color: #fff;
        color: #d3d3d3
    }

    .section-sub-title:before {
        background: #d3d3d3
    }

    .browse-clip .bc-title-link,
    .sidebar-netflix .browse-clip .bc-info .bc-details .bc-date {
        color: #000
    }

    .w-display-card-content .w-display-card-details .display-card-author {
        color: #d3d3d3
    }

    .sidebar-staff .sidebar-staff-list .sidebar-staff-link,
    .sidebar .clip-half .browse-clip:not(.browse-custom) .bc-title-link,
    .w-display-card-content .display-card-title {
        color: #fff
    }

    .sidebar-staff .sidebar-staff-list .sidebar-staff-link {
        color: #f2f2f2
    }

    .sidebar-staff .sidebar-staff-list .sidebar-staff-title {
        color: #fff;
        color: #f2f2f2
    }

    .sidebar-staff .expend-label,
    .sidebar-staff .sidebar-staff-list .sidebar-staff-social,
    .sidebar-staff .sidebar-staff-list .sidebar-staff-social:before {
        color: #fff
    }

    .display-card .has-image-group .w-display-card-group-counter {
        background: rgba(0, 0, 0, .59)
    }

    .comments-feed-item .image-expandable .display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter div.i-search:before,
    .display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter .comments-feed-item .image-expandable div.i-search:before,
    .display-card .has-image-group:hover .w-group-hover .w-display-card-group-counter .icon.i-search:before {
        color: #f2f2f2
    }

    .display-card .display-card-title {
        color: #fff;
        color: #f2f2f2
    }

    .dszr {
        color: #fff;
    }

    .display-card .display-card-excerpt {
        color: #fff;
        color: #d3d3d3
    }

    .display-card .dc-tags-genre .dc-movie-rating {
        color: #fff
    }

    .display-card .dc-tags-genre .dc-movie-rating.not-rated,
    .display-card .dc-tags-genre .dc-movie-rating.not-yet-rated {
        color: #e8e9f3;
        border-color: #e8e9f3
    }

    .display-card .w-display-card-details .meta_txt {
        color: #fff;
        color: #f2f2f2
    }

    .display-card .w-display-card-details .meta_txt.article-author {
        color: #fff
    }

    .display-card .w-display-card-details .meta_txt.article-date {
        color: #b6b4b5
    }

    .display-card .display-card-badge {
        background: #333;
        border-color: #333
    }

    .display-card p.display-card-subtitle {
        color: #fff;
        color: #d3d3d3
    }

    .display-card .display-card-rating,
    .display-card .display-card-rating span {
        color: #fff
    }

    .display-card .display-card-rating span {
        color: #b6b4b5
    }

    .display-card.article .display-card .display-card-rating {
        color: #181818
    }

    .display-card .bc-rating-num,
    .display-card .rate-label,
    .display-card .user-rating {
        color: #fff
    }

    .display-card .bc-rating-num {
        color: #181818
    }

    .display-card .display-item-price {
        color: #fff;
        color: #f2f2f2
    }

    .display-card .display-card-description {
        color: #b6b4b5
    }

    .display-card .display-card-description a {
        color: #f2f2f2
    }

    .display-card .w-display-card-info dl div {
        border-color: #2e2e2e
    }

    .display-card .w-display-card-info dt {
        color: #fff;
        color: #cfcecf
    }

    .display-card .w-display-card-info dd {
        color: #fff;
        color: #b6b4b5
    }

    .display-card .w-display-card-info dd span {
        color: #aeacad
    }

    .display-card .w-display-card-info dd a {
        color: #d3d3d3
    }

    .display-card .w-display-card-info dd a:hover {
        color: #b7b7b7
    }

    .display-card .w-display-card-pros-cons {
        color: #d3d3d3
    }

    .display-card .w-display-card-pros-cons>div ul li {
        color: #fff;
        color: #b6b4b5
    }

    .display-card .dc-tags-genre .w-display-card-extra:hover .dc-movie-genre:is(a),
    .display-card .w-display-card-extra:hover .dc-tag-label:is(a),
    .display-card .w-display-card-extra:hover .dc-tags-genre .dc-movie-genre:is(a),
    .display-card .w-display-card-extra:hover .tag-label:is(a),
    .display-card .w-display-card-extra:hover .w-display-card-content .tag-label-text:is(a),
    .w-display-card-content .display-card .w-display-card-extra:hover .tag-label-text:is(a) {
        color: #b6b4b5
    }

    .display-card-firstParagraph,
    .display-card .w-display-card-extra .dc-more-btn {
        color: #fff
    }

    .display-card-firstParagraph {
        color: #f2f2f2
    }

    .w-display-card-link a {
        color: #fff;
        background-color: #181818
    }

    .display-card-special-fields {
        border-color: rgb(62.25, 62.25, 62.25)
    }

    .display-card-special-fields h6 {
        color: #fff;
        color: #f2f2f2
    }

    .display-card-special-fields .display-card-dropdown {
        color: #fff;
        color: #f2f2f2;
        border-color: rgb(62.25, 62.25, 62.25);
        background-color: rgb(36.75, 36.75, 36.75);
        background-image: url(https://static0.colliderimages.com/assets/images/chevron-down-white.d0a16784.svg)
    }

    .display-card.article {
        border-color: #333
    }

    .section-latest-news .display-card.article {
        background: #333;
        border: 1px solid #333
    }

    .section-latest-news .display-card.article .dc-tags-genre .w-display-card-category .dc-movie-genre,
    .section-latest-news .display-card.article .w-display-card-category .dc-tag-label,
    .section-latest-news .display-card.article .w-display-card-category .dc-tags-genre .dc-movie-genre,
    .section-latest-news .display-card.article .w-display-card-category .tag-label,
    .section-latest-news .display-card.article .w-display-card-category .w-display-card-content .tag-label-text,
    .w-display-card-content .section-latest-news .display-card.article .w-display-card-category .tag-label-text {
        color: #fff
    }

    .w-listing-featured-category .display-card.article.large,
    .w-listing-featured-category .display-card.article.small {
        background: #333
    }

    .article-follow .article-list-item .display-card.article.large .display-card-title,
    .article-follow .article-list-item .display-card.article.small .display-card-title {
        color: #d3d3d3
    }

    .dc-premium-indicator {
        color: #fff
    }

    .display-card.small.article-card,
    .sub-content .display-card.small.article-card {
        background-color: #333
    }

    .display-card.small.article-card .article-card-label,
    .sub-content .display-card.small.article-card .article-card-label {
        color: #fff
    }

    .display-card.article.content-preview {
        border-color: #fff
    }

    .display-card.article.content-preview .content-preview-btn {
        color: #fff
    }

    .display-card.article-thread {
        background: #333;
        border-color: #333
    }

    .display-card.article-thread .w-details.extra-options,
    .sidebar-sticky .display-card.article-thread,
    .sidebar .display-card.article-thread {
        border-color: #333
    }

    .display-card.article-thread .w-details.extra-options {
        border-color: #777
    }

    .display-card.article-thread .dc-tags-genre .w-details.extra-options .w-display-card-extra:hover .dc-movie-genre:is(a),
    .display-card.article-thread .w-details.extra-options .threads-text.extra-date,
    .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tag-label:is(a),
    .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .dc-tags-genre .dc-movie-genre:is(a),
    .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .tag-label:is(a),
    .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .w-display-card-content .tag-label-text:is(a),
    .w-display-card-content .display-card.article-thread .w-details.extra-options .w-display-card-extra:hover .tag-label-text:is(a) {
        color: #b6b4b5
    }

    .display-card.article-thread .w-display-card-details .threads-text {
        color: #fff
    }

    .display-card.article-thread .w-prompt-link {
        background: rgba(36.75, 36.75, 36.75, .9)
    }

    .display-card.article-thread .w-prompt-link .prompt-link-url {
        color: #fff;
        color: #d3d3d3
    }

    .threads-prompt {
        color: #fff;
        background: rgb(11.25, 11.25, 11.25);
        border-color: #333
    }

    .threads-prompt .threads-prompt-title {
        color: #fff;
        border-color: #333;
        color: #f2f2f2
    }

    .threads-prompt .w-threads-author {
        border-color: #333
    }

    .threads-prompt .threads-prompt-response {
        color: #e2e2e2
    }

    .threads-prompt .threads-prompt-response a {
        color: #fff;
        color: #d3d3d3;
        border-bottom: 2px solid #6d6d6d
    }

    .threads-prompt .w-thread-prompt-content .w-prompt-link {
        background: rgba(36.75, 36.75, 36.75, .9)
    }

    .threads-prompt .w-thread-prompt-content .prompt-link-url {
        color: #fff;
        color: #d3d3d3
    }

    .threads-text {
        color: #fff;
        color: #e2e2e2
    }

    .threads-text.date,
    .threads-text.user-id,
    .threads-text span {
        color: #b6b4b5
    }

    .w-threads-attachment {
        background-color: rgb(11.25, 11.25, 11.25)
    }

    .w-threads-attachment .threads-attachment {
        background-color: #333
    }

    .comment-submit-rules,
    .w-threads-attachment .threads-attachment-label {
        color: #fff
    }

    .comment-submit-rules {
        color: #e2e2e2
    }

    .ql-container.ql-snow,
    .ql-editor.ql-blank:before {
        color: #fff;
        color: #e2e2e2
    }

    .ql-snow.ql-toolbar .ql-image svg .ql-fill {
        fill: #777
    }

    .ql-snow.ql-toolbar .ql-image svg .ql-stroke {
        stroke: #777
    }

    .w-thread-sort label {
        color: #fff
    }

    .w-thread-sort select {
        background: #333;
        border-color: #777;
        color: #fff
    }

    .user-img.no-img {
        background: rgb(36.75, 36.75, 36.75)
    }

    .user-img .user-img-comp {
        background-color: rgba(46, 46, 46, .9);
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, .25)
    }

    .footer-threads-user {
        color: #fff
    }

    .footer-threads-user.logged-out {
        color: #fff;
        background: rgb(11.25, 11.25, 11.25)
    }

    .footer-threads-user .username .user-edit div:before {
        color: #b6b4b5
    }

    .footer-threads-user .user-comment-show span {
        color: #fff;
        background: #333
    }

    textarea.user-comment-text {
        color: #fff;
        background: #181818;
        border-color: rgb(11.25, 11.25, 11.25);
        color: #e2e2e2
    }

    .w-footer-threads:not(:has(.threads-prompt)) .footer-threads-user.logged-out {
        color: #fff;
        background: rgb(11.25, 11.25, 11.25)
    }

    .w-welcome-msg .welcome-msg,
    .w-welcome-msg .welcome-msg.bold {
        color: #fff
    }

    .comments-feed-item {
        background: rgb(11.25, 11.25, 11.25);
        border-color: #333
    }

    .comments-feed-item.flair-user-comment {
        border-color: #999
    }

    .comments-feed-item.flair-pinned-comment:after {
        color: #e2e2e2
    }

    .comments-feed-item.flair-pinned-comment {
        background: #3f3800
    }

    .comments-feed-item .user-img.is-loading {
        background: rgb(36.75, 36.75, 36.75)
    }

    .comments-feed-item .user-name {
        color: #fff;
        color: #e2e2e2
    }

    .comments-feed-item .user-name.is-loading {
        background: rgb(36.75, 36.75, 36.75)
    }

    .comments-feed-item .user-date {
        color: #fff;
        color: #b6b4b5
    }

    .comments-feed-item .user-date.is-loading {
        background: rgb(36.75, 36.75, 36.75)
    }

    .comments-feed-item .image-expandable div {
        background: #333
    }

    .comments-feed-item .user-comment {
        color: #fff;
        color: #e2e2e2
    }

    .comments-feed-item .user-comment.is-loading {
        background: rgb(36.75, 36.75, 36.75)
    }

    .comments-feed-item .user-comment a {
        color: #fff;
        color: #d3d3d3;
        border-bottom: 2px solid #6d6d6d
    }

    .comments-feed-item .user-interaction-item {
        color: #fff;
        color: #e2e2e2
    }

    .comments-feed-item .user-interaction-item:hover {
        background-color: rgb(36.75, 36.75, 36.75)
    }

    .comment-view {
        border-color: #777
    }

    .comment-view .comment-view-title {
        color: #fff;
        color: #f2f2f2
    }

    .comment-view .btn-comment-view {
        color: #fff;
        color: #e2e2e2
    }

    .comment-options-dropdown {
        background-color: #333
    }

    .user-comment-alert {
        background: rgba(0, 0, 0, .8)
    }

    .user-comment-btn {
        background-color: #333;
        color: #fff
    }

    .user-comment-btn:before {
        color: #fff
    }

    .user-comment-btn:hover,
    .user-comment-btn:hover:before {
        color: hsla(0, 0%, 100%, .1)
    }

    .comment-footer-option {
        background: #333
    }

    .comment-footer-option .comment-footer-btn:before {
        color: #fff
    }

    .comment-footer-option .comment-footer-btn.vote-down {
        border-color: rgb(11.25, 11.25, 11.25)
    }

    .comment-footer-option .comment-footer-btn.voted:not(.i-thumb-off, .i-thumb-on):before {
        color: #49bf3c
    }

    .comment-footer-option .comment-footer-btn.i-thumb-off:before,
    .comment-footer-option .comment-footer-btn.i-thumb-on:before {
        color: #fff
    }

    .comment-footer-option .comment-footer-btn.i-thumb-off.voted:before,
    .comment-footer-option .comment-footer-btn.i-thumb-on.voted:before {
        color: #49bf3c
    }

    .comment-footer-option .comment-option-text,
    .comment-share-btn {
        color: #fff
    }

    .comment-share-btn {
        background: #333;
        color: #9d9d9d
    }

    .comments-feed-pagination {
        background: linear-gradient(0deg, rgb(36.75, 36.75, 36.75) 52%, rgba(36.75, 36.75, 36.75, 0))
    }

    .comment-prev-next {
        color: #fff;
        background-color: #000;
        border-color: #333
    }

    .comment-prev-next:after {
        background-color: #333
    }

    .thread-footer-notes {
        border-color: #777
    }

    .thread-footer-notes ul li a {
        color: #fff
    }

    .thread-alert-msg {
        background: rgb(36.75, 36.75, 36.75);
        border-color: #777
    }

    .total-info-label,
    .total-info-number {
        color: #fff;
        color: #d3d3d3
    }

    .topics-options .total-info-number,
    .w-footer-threads .total-info-number span {
        color: #d3d3d3
    }

    .tags-link.topics .total-info-number {
        color: #b6b4b5
    }

    .browse-clip .total-info-number,
    .display-card.article .total-info-number {
        color: #d3d3d3
    }

    .btn-premium.primary {
        color: #fff;
        color: #181818;
        background: #fff
    }

    .btn-premium.secondary {
        color: #fff;
        border-color: #fff
    }

    .btn-premium.tertiary {
        color: #fff
    }

    .btn-premium.tertiary:hover {
        color: #fff;
        background: #fff
    }

    .btn-premium.tertiary.text-only:hover {
        color: #fff;
        background: none
    }

    .btn-premium.tertiary.cancel,
    .btn-premium.tertiary.cancel.text-only:hover {
        color: #f45967
    }

    .btn-premium.icon-only {
        background-color: #181818
    }

    .btn-premium.square-text:before {
        color: #333
    }

    .premium-box label,
    .user-content label {
        color: #fff;
        color: #b6b4b5
    }

    .premium-box .read-only,
    .user-content .read-only {
        background-color: rgb(11.25, 11.25, 11.25);
        color: #fff
    }

    .user-switch {
        --line: #d3d3d3;
        --circle: #d3d3d3
    }

    .text-input-note {
        color: #fff
    }

    .user-static-form {
        background: rgb(36.75, 36.75, 36.75);
        border-color: rgb(11.25, 11.25, 11.25)
    }

    .text-input-list {
        color: #fff;
        background: #181818;
        color: #d3d3d3;
        border-color: red
    }

    .w-user-msg {
        background: #333
    }

    .w-user-msg.popup-box {
        background: #333;
        box-shadow: 0 0 20px rgba(10, 10, 10, .8)
    }

    .w-user-msg.notification.alert-success {
        background: #053a20
    }

    .w-user-msg.notification.alert-error {
        background: #700003
    }

    .w-user-msg.notification.alert-info {
        background: #936f38
    }

    .w-user-msg.user-alert {
        background: #d3d3d3;
        border: none
    }

    .w-user-msg.user-alert .user-msg {
        color: #000 !important
    }

    .w-user-msg .alert-title,
    .w-user-msg .complementary-text,
    .w-user-msg p,
    .w-user-msg p.comment-msg,
    .w-user-msg p.user-msg,
    p.f-errors,
    p.login-error-msg {
        color: #fff
    }

    p.f-errors,
    p.login-error-msg {
        background: #700003;
        color: #ffe7eb
    }

    .user-profile-card {
        border-color: #333;
        background: #181818
    }

    .user-profile-card .profile-card-header {
        background-color: #333
    }

    .user-profile-card .profile-card-header .w-img {
        border-color: rgb(11.25, 11.25, 11.25)
    }

    .user-profile-card .profile-card-username,
    .user-profile-card .profile-user-followers {
        color: #fff
    }

    .user-profile-card .profile-user-followers {
        color: #f2f2f2;
        border-color: #777
    }

    .user-profile-card .profile-card-writer-footer {
        background-color: #333
    }

    .user-profile-card .profile-card-link {
        color: #fff
    }

    .user-profile-card .profile-card-stats {
        background-color: #242424
    }

    .user-profile-card .profile-stats-value,
    .user-profile-card .profile-usercard-text {
        color: #fff
    }

    .user-profile-card .profile-stats-value {
        color: #f2f2f2
    }

    .user-profile-card .profile-stats-label,
    .user-profile-card .profile-stats-label.followed {
        color: #fff;
        color: #f2f2f2
    }

    .w-premium-indicator span {
        color: #fff
    }

    .btn-account:before {
        color: #e2e2e2
    }

    .profile-card-footer {
        border-color: #333
    }

    .has-listing-tabs {
        border-top: 1px solid #d3d3d3
    }

    .section-latest-news .section-header {
        background: #181818
    }

    .w-section-latest--no-background .section-latest-news .section-header {
        background: #333
    }

    .section-latest-news .listing-tabs .filter-label {
        color: #fff
    }

    .section-latest-news a.section-title.home-latest {
        background-color: #333;
        border-color: #181818
    }

    .w-section-latest--home .section-latest-news a.section-title.home-latest {
        background-color: #777
    }

    .w-section-latest--home .sentinel-home-list,
    .w-section-latest--home .sentinel-listing-page-list {
        background: #181818
    }

    .w-section-latest--home .sentinel-home-list .display-card.article,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article {
        border-color: #181818
    }

    .w-section-latest--no-background .sentinel-home-list,
    .w-section-latest--no-background .sentinel-listing-page-list {
        background: #333
    }

    .infinite-btn-next {
        background: #181818 !important;
        color: #fff !important;
        border-color: #4b4b4b
    }

    .w-tabs-loader {
        background: rgba(24, 24, 24, .4)
    }

    .dark-hero-background-active,
    .light-hero-background-active {
        background: #222
    }
}

@media(max-width:1023px) {
    .is-desktop-only {
        display: none !important
    }

    .wrapper.subnav-navigation {
        display: none
    }

    .images-header-menu .wrapper {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: space-between
    }

    .images-header-menu-list {
        overflow: hidden;
        max-height: 108px
    }

    .header-logo,
    .header-logo img {
        width: 85px
    }

    .display-card-firstParagraph {
        display: none
    }

    .sub-content .display-card.article.large,
    .sub-content .display-card.article.small {
        background: #f2f2f2
    }

    .display-card.vertical-card.article .dc-premium-indicator {
        top: .75rem;
        left: .75rem
    }

    .display-card.vertical-card.article .dc-premium-indicator span {
        display: none
    }

    .comments-feed-item.reply:before {
        position: absolute;
        display: block;
        content: "";
        width: 3px;
        height: 100%;
        border-left: 3px solid #d3d3d3
    }

    .w-section-latest--home .sentinel-home-list .display-card.article .display-card-excerpt,
    .w-section-latest--home .sentinel-listing-page-list .display-card.article .display-card-excerpt {
        margin-top: .25rem
    }
}

@media(max-width:36em) {
    .glider::-webkit-scrollbar {
        opacity: 1;
        -webkit-appearance: none;
        width: 7px;
        height: 3px
    }

    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: hsla(0, 0%, 61.2%, .75);
        box-shadow: 0 0 1px hsla(0, 0%, 100%, .25)
    }
}

@media screen and (max-width:767px)and (prefers-color-scheme:dark) {
    .nav-link.nav-link-user:before {
        color: #fff
    }
}

@media(max-width:480px) {
    .section-latest-news .display-card.article {
        grid-template-columns: minmax(0, 1fr)
    }
}

@media screen and (max-width:1023px)and (prefers-color-scheme:dark) {

    .sub-content .display-card.article.large,
    .sub-content .display-card.article.small {
        background: rgb(36.75, 36.75, 36.75)
    }

    .comments-feed-item.reply:before {
        border-color: #333
    }
}



.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
}

.featured-news.browse-grid {
    grid-template-columns: 1fr;
    grid-column: 1/span 4;
    gap: 2rem
}

.featured-news.browse-grid .display-card.large .dc-img-link {
    float: right;
    margin-left: 1rem;
    margin-bottom: .5rem;
    min-width: 32.5%;
    width: 32.5%;
    display: block
}

.featured-news.browse-grid .display-card.large .w-display-card-content {
    display: block
}

.featured-news.browse-grid .display-card.large .display-card-title {
    font-size: 1.25rem
}

.featured-news.browse-grid .display-card.large .display-card-excerpt {
    font-size: 1rem;
    line-height: 1.4em
}

.featured-news.browse-grid .display-card.large .tag-label {
    display: none
}

.display-card.full-cover-image {
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 2px #e2e2e2;
    position: relative
}

.dark-hero-background-active .display-card.full-cover-image {
    box-shadow: 0 0 2px #333
}

.display-card.full-cover-image.primary {
    margin: -1rem calc(var(--margin-site)*-1) 0;
    width: calc(100% + var(--margin-site)*2)
}

.display-card.full-cover-image .dc-img,
.display-card.full-cover-image img {
    border-radius: 8px;
    object-fit: cover;
    max-height: 375px;
    height: 100%;
    position: relative
}

@media (max-width:480px) {

    .display-card.full-cover-image .dc-img,
    .display-card.full-cover-image img {
        height: 200px !important;
    }
}


.display-card.full-cover-image .dc-img-link {
    background: #000;
    height: 100%;
    border-radius: 8px
}

.display-card.full-cover-image .dc-img-link:hover {
    filter: brightness(1.05)
}

.display-card.full-cover-image img {
    -webkit-mask-image: linear-gradient(180deg, #000 50%, rgba(0, 0, 0, .9) 60%, rgba(0, 0, 0, .6) 75%, transparent);
    mask-image: linear-gradient(180deg, #000 50%, rgba(0, 0, 0, .9) 60%, rgba(0, 0, 0, .6) 75%, transparent)
}

.display-card.full-cover-image:hover .display-card-title,
.display-card.full-cover-image:hover .display-card-title a {
    text-decoration: underline
}

.display-card.full-cover-image .w-display-card-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 3rem 1rem 10px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    border-radius: 0 0 8px 8px;
    z-index: 2;
    pointer-events: none
}

.display-card.full-cover-image .w-display-card-category {
    pointer-events: auto
}

.display-card.full-cover-image .display-card-title,
.display-card.full-cover-image .display-card-title a {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin: 0;
    pointer-events: none
}

.display-card.full-cover-image .display-card-title:hover,
.display-card.full-cover-image .display-card-title a:hover {
    cursor: pointer
}

.display-card.full-cover-image.large .display-card-title,
.display-card.full-cover-image.large .display-card-title a {
    font-size: 1.25rem
}

.display-card.full-cover-image .w-display-card-details {
    justify-content: space-between;
    color: #fff
}

.display-card.full-cover-image .w-display-card-details .meta_txt {
    color: #fff;
    pointer-events: auto
}

.display-card.full-cover-image .w-display-card-details .w-display-card-extra {
    pointer-events: auto
}

.display-card.full-cover-image .w-display-card-meta {
    flex-direction: column
}

.display-card.full-cover-image .total-info-number {
    color: #fff;
    font-size: .75rem
}

.display-card.full-cover-image .total-info-number:hover {
    color: #49bf3c
}

.display-card.full-cover-image .total-info-number:before {
    font-size: 1rem
}

.display-card.home-latest .display-card-title {
    font-size: 1.125rem;
    line-height: 1.2;
    text-decoration: none;
}

.display-card.home-latest .display-card-title a {
    color: #101010
}

.home-latest__horizontal--no-img .display-card.home-latest .display-card-title {
    line-height: 1.3
}

.display-card.home-latest .dc-img {
    position: relative
}

.display-card.home-latest .dc-img img {
    object-fit: cover;
    border-radius: 8px
}

.display-card.home-latest .dc-img-link:hover {
    opacity: .9
}

.display-card.home-latest .w-display-card-content {
    display: flex;
    flex-direction: column
}

.display-card.home-latest .w-display-card-details {
    line-height: 1.5
}

.display-card.home-latest .w-display-card-details.above-title .article-date {
    margin-bottom: .25rem;
    margin-top: 4px
}

.dark-hero-background-active .display-card.home-latest .w-display-card-details.above-title .article-date {
    color: #b6b4b5
}

.display-card.home-latest .w-display-card-details.above-title {
    height: 24px;
    margin-bottom: .25rem
}

.display-card.home-latest .w-display-card-details.above-title:not(:has(.article-date)) {
    display: none
}

.display-card.home-latest .w-display-card-details:not(.above-title):not(:has(.w-author)) {
    display: none
}

.display-card.home-latest .w-display-card-details:not(.above-title) .w-author {
    margin-top: .25rem
}

.display-card.home-latest__horizontal {
    grid-template-columns: 151px 1fr;
    gap: 1rem
}

.display-card.home-latest__horizontal--img-right {
    grid-template-columns: 1fr 128px
}

.display-card.home-latest__horizontal--img-right .w-display-card-content {
    grid-row-start: 1
}

.display-card.home-latest__horizontal--img-right .w-display-card-content .display-card-title {
    margin: 0
}

.display-card.home-latest__horizontal--no-img {
    grid-template-columns: 1fr
}

.display-card.home-latest__horizontal--no-img .dc-img-link {
    display: none
}

.display-card.home-latest__horizontal--less-item .display-card-title a {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.display-card.home-latest__horizontal--with-division {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid;
    border-color: #d3d3d3
}

.dark-hero-background-active .display-card.home-latest__horizontal--with-division {
    border-color: #222
}

.display-card.home-latest__horizontal--with-division:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.w-homepage-hero-template {
    margin-bottom: 2rem;
    padding-bottom: 0
}

.title-overlay {
    font-weight: 700;
    color: #fff, #fff;
    text-transform: none;
    line-height: 1.3em
}

.template-grid-tall {
    display: grid;
    position: relative;
    height: 100%;
    grid-template-columns: 1fr
}

.template-grid-tall:has(.home-latest__horizontal--no-img) {
    grid-template-columns: 1fr
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .featured-news:before {
    padding-left: 1rem
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .sentinel-featuredNews {
    padding-left: 3rem
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .sentinel-featuredNews:before {
    left: 23px
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .display-card.home-latest {
    height: 117px;
    max-height: 117px
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .display-card.home-latest .w-display-card-content {
    padding-inline: .5rem
}

.template-grid-tall:has(.home-latest__horizontal--no-img) .display-card.home-latest .w-display-card-details.above-title .article-date:after,
.template-grid-tall:has(.home-latest__horizontal--no-img) .display-card.home-latest .w-display-card-details.above-title .article-date:before {
    left: calc(-1rem - 22px)
}

.template-grid-tall .display-card.full-cover-image .w-display-card-content {
    padding-bottom: 10px;
    gap: 0
}

.template-grid-tall .display-card.full-cover-image .w-display-card-content .w-display-card-category {
    display: none
}

.template-grid-tall .display-card.primary {
    width: 100%;
    margin-left: 0;
    border-radius: 8px;
    margin-top: 1rem
}

.template-grid-tall .home-latest:last-child {
    border: none
}

.template-grid-tall .home-latest .display-card-title {
    font-family: Roboto Condensed, sans-serif;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: .5rem
}

.dark-hero-background-active .template-grid-tall .home-latest .display-card-title,
.dark-hero-background-active .template-grid-tall .home-latest .display-card-title a {
    color: #fff
}

.template-grid-tall .home-latest .w-display-card-details.above-title .article-date {
    margin-bottom: .25rem;
    font-size: .813rem;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    position: relative
}

.dark-hero-background-active .template-grid-tall .home-latest .w-display-card-details.above-title .article-date {
    color: #fff;
    font-size: 14px;
}

.template-grid-tall .home-latest .w-display-card-details.above-title .article-date:before {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    background-color: #777;
    border-radius: 6px;
    left: calc(-1rem - 14px);
    top: 50%;
    transform: translateY(-6px)
}

.dark-hero-background-active .template-grid-tall .home-latest .w-display-card-details.above-title .article-date:before {
    background-color: #b6b4b5
}

.template-grid-tall .home-latest:first-child .above-title .article-date:after {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 30px;
    background-color: #fff;
    left: calc(-1rem - 14px);
    top: 50%;
    transform: translateY(-36px)
}

.light-hero-background-active .template-grid-tall .home-latest:first-child .above-title .article-date:after {
    background-color: #f2f2f2
}

.dark-hero-background-active .template-grid-tall .home-latest:first-child .above-title .article-date:after {
    background-color: #222
}

.template-grid-tall .home-latest__horizontal--img-right {
    grid-template-columns: 1fr 155px
}

.template-grid-tall .home-latest__horizontal--with-division {
    border-color: #f2f2f2
}

.light-hero-background-active .template-grid-tall .home-latest__horizontal--with-division {
    border-color: #e2e2e2
}

.dark-hero-background-active .template-grid-tall .home-latest__horizontal--with-division {
    border-color: #333
}

.template-grid-tall .featured-cards-container {
    display: grid;
    position: relative;
    height: 100%;
    gap: 1rem
}

.template-grid-tall .featured-secondary .sentinel-featuredSecondary {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary {
    grid-template-rows: 1fr 1fr
}

.template-grid-tall .featured-secondary .section-title {
    display: none
}

.template-grid-tall .featured-news {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-block: 1rem
}

.template-grid-tall .featured-news:after {
    display: none;
    content: "";
    background-color: #101010;
    position: absolute;
    width: calc(100% + var(--margin-site)*2);
    left: calc(var(--margin-site)*-1);
    top: 0;
    height: 3rem
}

.dark-hero-background-active .template-grid-tall .featured-news:after {
    background-color: #b6b4b5
}

.template-grid-tall .featured-news .section-header {
    margin-bottom: 0;
    border: none;
    display: none
}

.template-grid-tall .featured-news .section-title {
    display: none
}

.template-grid-tall .featured-news .section-view-all-link {
    background: none;
    width: -moz-fit-content;
    width: fit-content;
    align-self: end;
    position: relative;
    bottom: -2px;
    right: 0;
    z-index: 1
}

.template-grid-tall .featured-news .section-view-all-link:after {
    display: none
}

.template-grid-tall .featured-news .section-view-all-link .icon {
    transform: rotate(180deg);
    margin-left: .5rem;
    font-weight: 700;
    color: #49bf3c
}

.dark-hero-background-active .template-grid-tall .featured-news .section-view-all-link {
    color: #fff
}

.template-grid-tall .sentinel-featuredNews {
    background: transparent;
    position: relative;
    padding: .75rem .75rem .75rem 1.75rem;
    display: flex;
    flex-direction: column;
    z-index: 1
}

.template-grid-tall .sentinel-featuredNews:after {
    display: none
}

.template-grid-tall .sentinel-featuredNews:before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 1.25rem);
    position: absolute;
    top: 1.25rem;
    left: 3px;
    background-color: #d3d3d3
}

.dark-hero-background-active .template-grid-tall .sentinel-featuredNews:before {
    background-color: #b6b4b5
}

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

    .template-grid-tall .sentinel-featuredSecondary .display-card.full-cover-image .display-card-title,
    .template-grid-tall .sentinel-featuredSecondary .display-card.full-cover-image .display-card-title a {
        font-size: 1rem
    }

    .template-grid-tall .sentinel-featuredSecondary .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
    }
}

@media(min-width:481px) {
    .template-grid-tall .featured-secondary .sentinel-featuredSecondary {
        grid-template-columns: repeat(3, 1fr)
    }

    .template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "dc-small-1 dc-vertical" "dc-small-2 dc-vertical";
        grid-template-rows: 200px 200px
    }

    .template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary .display-card.full-cover-image {
        overflow: hidden
    }

    .template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary .display-card:first-of-type {
        grid-area: dc-small-1
    }

    .template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary .display-card:nth-of-type(2) {
        grid-area: dc-small-2
    }

    .template-grid-tall .featured-secondary.seven-pinned-articles .sentinel-featuredSecondary .display-card:nth-of-type(3) {
        grid-area: dc-vertical
    }
}

@media(min-width:768px) {
    .featured-news.browse-grid {
        grid-column: 1/span 6;
        grid-template-columns: repeat(2, 1fr)
    }

    .featured-news.browse-grid .display-card.large .dc-img-link {
        margin: 0 0 8px 15px
    }

    .display-card.full-cover-image.primary {
        width: calc(100% + var(--margin-site)*2 - 2rem);
        margin-left: 0
    }

    .display-card.full-cover-image .w-display-card-content {
        width: 100%
    }

    .display-card.full-cover-image.large .display-card-title,
    .display-card.full-cover-image.large .display-card-title a {
        font-size: 26px
    }

    .template-grid-tall .display-card.primary {
        width: 100%;
        margin-top: 0
    }

    .template-grid-tall .featured-secondary {
        display: grid;
        position: relative;
        height: 100%
    }

    .template-grid-tall .featured-secondary .sentinel-featuredSecondary {
        grid-template-rows: auto;
        grid-template-columns: 1fr
    }
}

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

    .template-grid-tall .sentinel-featuredSecondary .display-card.full-cover-image .display-card-title,
    .template-grid-tall .sentinel-featuredSecondary .display-card.full-cover-image .display-card-title a {
        font-size: 1rem
    }

    .template-grid-tall .sentinel-featuredSecondary .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
    }

    .display-card.home-latest .w-display-card-details .w-display-card-meta {
        margin-top: .75rem
    }

    .template-grid-tall .featured-cards-container {
        grid-template-columns: 1fr 200px
    }
}

@media(min-width:1024px) {
    .featured-news.browse-grid {
        grid-column: 1/span 12;
        grid-template-columns: repeat(4, 1fr)
    }

    .display-card.full-cover-image.primary {
        margin: 0;
        width: 100%
    }

    .template-grid-tall {
        grid-template-columns: 2fr 1fr;
        gap: 2rem
    }

    .w-homepage-hero-template .template-grid-tall {
        padding-bottom: 0
    }

    .dark-hero-background-active .template-grid-tall,
    .light-hero-background-active .template-grid-tall {
        padding-bottom: 2rem
    }

    .template-grid-tall:has(.home-latest__horizontal--no-img) {
        grid-template-columns: 1fr 300px;
        gap: 1rem
    }

    .template-grid-tall .display-card.primary .w-display-card-content {
        width: 100%;
        margin-bottom: 0
    }

    .template-grid-tall .home-latest {
        align-items: center;
        padding: 0;
        margin: 0;
        height: 127px;
        max-height: 127px
    }

    .template-grid-tall .featured-secondary .sentinel-featuredSecondary {
        grid-template-columns: repeat(3, 1fr)
    }

    .template-grid-tall .featured-news {
        padding-block: 1rem 0
    }

    .template-grid-tall .featured-news:before {
        display: block;
        content: "Latest";
        width: auto;
        margin: 0;
        padding: 0;
        position: relative;
        height: 35px;
        font-family: Roboto Condensed, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #101010 1.8;
        line-height: 1;
        text-transform: uppercase;
        background: #fff;
        z-index: 2
    }

    .light-hero-background-active .template-grid-tall .featured-news:before {
        background: #f2f2f2
    }

    .dark-hero-background-active .template-grid-tall .featured-news:before {
        background: #222;
        color: #fff
    }

    .template-grid-tall .featured-news:after {
        top: 1.2rem;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #101010
    }

    .template-grid-tall .sentinel-featuredNews {
        padding: .25rem .75rem .25rem 1.75rem;
        position: relative;
        margin-left: .25rem;
        width: 100%;
        height: 100%;
        justify-content: space-between;
        gap: 0
    }
}

@media screen and (min-width:1024px)and (prefers-color-scheme:dark) {
    .template-grid-tall .featured-news:before {
        background: #181818;
        color: #fff
    }

    .light-hero-background-active .template-grid-tall .featured-news:before {
        background: rgb(36.75, 36.75, 36.75)
    }

    .dark-hero-background-active .template-grid-tall .featured-news:before {
        background: #181818
    }

    .template-grid-tall .featured-news:after {
        background-color: #b6b4b5
    }
}

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

    .display-card.home-latest .w-display-card-details.above-title .article-date {
        font-size: .75rem
    }

    .template-grid-tall .home-latest .display-card-title {
        font-size: .938rem
    }
}

@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
    }

    .w-input-checkbox .input-checkbox-label {
        color: #fff
    }

    .display-card.full-cover-image {
        background: #000;
        box-shadow: 0 0 2px #333
    }

    .display-card.full-cover-image .display-card-title,
    .display-card.full-cover-image .display-card-title a,
    .display-card.home-latest .display-card-title a {
        color: #fff
    }

    .display-card.home-latest__horizontal--with-division {
        border-color: #404040
    }

    .template-grid-tall .home-latest .w-display-card-details.above-title .article-date {
        color: #d3d3d3
    }

    .template-grid-tall .home-latest .w-display-card-details.above-title .article-date:before {
        background-color: #b6b4b5
    }

    .template-grid-tall .home-latest:first-child .above-title .article-date:after {
        background-color: #181818
    }

    .dark-hero-background-active .template-grid-tall .home-latest:first-child .above-title .article-date:after {
        background: #181818
    }

    .template-grid-tall .home-latest__horizontal--with-division {
        border-color: #333
    }

    .template-grid-tall .sentinel-featuredNews:before {
        background-color: #b6b4b5
    }

    .dark-hero-background-active .template-grid-tall .featured-news:before,
    .dark-hero-background-active .template-grid-tall .home-latest:first-child .above-title .article-date:after {
        background-color: #222
    }
}

@media(max-width:1023px) {

    .display-card.full-cover-image.primary,
    .display-card.full-cover-image.primary .dc-img,
    .display-card.full-cover-image.primary .w-display-card-content,
    .display-card.full-cover-image.primary img {
        border-radius: 0
    }

    .template-grid-tall .display-card.primary,
    .template-grid-tall .display-card.primary .dc-img,
    .template-grid-tall .display-card.primary .w-display-card-content,
    .template-grid-tall .display-card.primary img {
        border-radius: 8px
    }
}

.in-sticky-content .ad-zone-inline {
    @media (max-width: 767px) {
        top: 70px !important;
    }

    @media (min-width: 768px) {
        top: 75px !important;
    }
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("https://static0.colliderimages.com/assets/fonts/roboto/roboto-regular.woff2") format('woff2');
    /* Super Modern Browsers */
}

/* roboto-italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url("https://static0.colliderimages.com/assets/fonts/roboto/roboto-italic.woff2") format('woff2');
    /* Super Modern Browsers */
}

/* roboto-bold - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("https://static0.colliderimages.com/assets/fonts/roboto/roboto-bold.woff2") format('woff2');
    /* Super Modern Browsers */
}

/* roboto-condensed-light */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("https://static0.colliderimages.com/assets/fonts/roboto/roboto-condensed-300.woff2") format('woff2');
    /* Super Modern Browsers */
}

/* roboto-condensed-bold */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url("https://static0.colliderimages.com/assets/fonts/roboto/roboto-condensed-700.woff2") format('woff2');
    /* Super Modern Browsers */
}