.btn.filter-toggle {
    width: 40px;
    height: 40px;
    position: fixed;
    left: 1rem;
    bottom: 10px;
    border-radius: 8px;
    background-color: var(--bg-primary);
    cursor: pointer;
    color: #f0f0f0;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    animation: shadow-pulse-blue 1.5s 7;
    padding: 0;
    opacity: 0.9;
}
.filter-toggle:hover {
    color: var(--white);
    text-decoration: none;
    opacity: 1;
}
@keyframes shadow-pulse-blue{0%{box-shadow: 0 0 0 0px rgba(97, 154, 177, 0.6);}100%{box-shadow: 0 0 0 35px rgba(97, 154, 177, 0);}}


#filter a.channel-item {
    margin: 0 0 1rem 0;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: var(--gray666);
    text-decoration: none;
}
#filter a.channel-item:hover {
    color: #000;
    text-decoration: none;
}
#filter a.channel-item:after {
    content: "\a";
    white-space: pre;
}
#filter .btn.active {
    color: #000;
    background-color: #dee2e6;
    border-color: #dee2e6;
}
#filter input[type="radio"]:checked + .btn,
#filter input[type="checkbox"]:checked + .btn
{
    color: #000;
    background-color: #dee2e6;
    border-color: #dee2e6;
}
body.dark #filter input[type="radio"]:checked + .btn,
body.dark #filter input[type="checkbox"]:checked + .btn {
    color: var(--dark);
    background-color: var(--secondary);
    border-color: var(--secondary);
}
#filter .m-calendar {
    background-color: transparent;
}
body.dark #filter .m-calendar > li:nth-child(1) > i,
body.dark #filter .m-calendar > li:nth-child(1) > select {
    border: solid 1px var(--bg-light-gray);
    color: var(--secondary);
    background-color: transparent;
}
body.dark #filter .m-calendar > li:nth-child(1) > select {
    background-image: none;
    text-align: center;
}
body.dark #filter .m-calendar > li:nth-child(2) > b{
    background-color: var(--gray-dark);
    border: none;
}
body.dark #filter .m-calendar > li:nth-child(3) > a {
    border: solid 1px var(--secondary);
    color: var(--secondary);
}
body.dark #filter .m-calendar > li:nth-child(3) > a.disabled,
body.dark #filter .m-calendar > li:nth-child(3) > a.early {
    background-color: var(--dark);
    color: var(--secondary);
}
body.dark #filter .m-calendar > li:nth-child(3) > a:hover,
body.dark #filter .m-calendar > li:nth-child(3) > a.active
{
    border: solid 1px #46a9e0;
    background-color: var(--primary);
    color: var(--light);
}

#filter .clean {
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    opacity: 0.25;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' height='16'%3E%3Cpath fill='%23666666' d='M192 188v216c0 6.627-5.373 12-12 12h-24c-6.627 0-12-5.373-12-12V188c0-6.627 5.373-12 12-12h24c6.627 0 12 5.373 12 12zm100-12h-24c-6.627 0-12 5.373-12 12v216c0 6.627 5.373 12 12 12h24c6.627 0 12-5.373 12-12V188c0-6.627-5.373-12-12-12zm132-96c13.255 0 24 10.745 24 24v12c0 6.627-5.373 12-12 12h-20v336c0 26.51-21.49 48-48 48H80c-26.51 0-48-21.49-48-48V128H12c-6.627 0-12-5.373-12-12v-12c0-13.255 10.745-24 24-24h74.411l34.018-56.696A48 48 0 0 1 173.589 0h100.823a48 48 0 0 1 41.16 23.304L349.589 80H424zm-269.611 0h139.223L276.16 50.913A6 6 0 0 0 271.015 48h-94.028a6 6 0 0 0-5.145 2.913L154.389 80zM368 128H80v330a6 6 0 0 0 6 6h276a6 6 0 0 0 6-6V128z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0.5rem;
}
#filter input:not(:placeholder-shown) + .clean,
#filter input:not(:placeholder-shown) + .m-dateranges + .clean
{
    opacity: 0.25;
}
#filter input:placeholder-shown + .clean,
#filter input:placeholder-shown + .m-dateranges + .clean
{
    opacity: 0;
}
#filter .clean:hover,
#filter input:placeholder-shown + .clean:hover,
#filter input:placeholder-shown + .m-dateranges + .clean:hover
{
    opacity: 0.9;
}
#filter input[name="category"] + label.btn {
    background-color: transparent;
    color: var(--secondary);
    padding: 0 8px;
}
#filter input[name="category"] + label.btn a {
    color: inherit;
    text-decoration: none;
}
#filter input[name="category"] + label.btn:hover,
#filter input[name="category"]:checked + label.btn
{
    color: #000;
    background-color: #dee2e6;
    border-color: #dee2e6;
}

#content_items ins.adsbygoogle {
    margin-bottom: 1rem;
}

.card.card-reg-invite {
    line-height: 1.25em;
}
.card.card-reg-invite:hover {
    color: var(--white);
    text-decoration: none;
}

button.reload {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 1rem;
    bottom: 60px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 9;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border: none;
    padding: 0;
}
button.reload:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M256.455 8c66.269.119 126.437 26.233 170.859 68.685l35.715-35.715C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.75c-30.864-28.899-70.801-44.907-113.23-45.273-92.398-.798-170.283 73.977-169.484 169.442C88.764 348.009 162.184 424 256 424c41.127 0 79.997-14.678 110.629-41.556 4.743-4.161 11.906-3.908 16.368.553l39.662 39.662c4.872 4.872 4.631 12.815-.482 17.433C378.202 479.813 319.926 504 256 504 119.034 504 8.001 392.967 8 256.002 7.999 119.193 119.646 7.755 256.455 8z'/%3E%3C/svg%3E") center center/50% no-repeat;
    opacity: 0.75;
}
button.reload:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

div.recommended-channels-sm {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

div.recommended-channels-sm > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}

div.recommended-channels-sm > ul li {
    flex-flow: column;
    max-width: 90px;
    text-align: center;
    align-content: center;
    margin-bottom: 5px !important;
}

div.recommended-channels-sm > ul li:not(:last-child) {
    margin-right: 1rem;
}

body.dark div.recommended-channels-sm > ul > li > a >img {
    opacity: 0.65;
}

div.recommended-channels-sm > ul li > div {
    margin-left: 0 !important;
    padding-top: 10px;
    line-height: 1.25em;
}
div.recommended-channels-sm > ul li .h5 {
    font-size: 0.9em;
}
div.recommended-channels-sm > ul li .small {
    display: none;
}

ul#last-comments li:not(:last-child) {
    margin-bottom: 1.5rem;
}
ul#last-comments li > .h5 {
    display: block;
    /*height: 56px;*/
    overflow: hidden;
    font-weight: 400;
    margin-bottom: 5px;
    color: var(--secondary);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.25em;
    padding: 0;
}
ul#last-comments li > .h5 img {
    margin-right: 5px;
}
ul#last-comments li > div {
    display: block;
    padding: 5px;
    border-radius: 5px;
    background-color: #cccccc1c;
    overflow: hidden;
}
body.dark ul#last-comments li > div {
    background-color: #1d242d;
}
ul#last-comments li > div a.author {
    margin-right: 5px;
    font-family: var(--font-title);
    font-weight: 300;
}
ul#last-comments li > div a.author img {
    border-radius: 50%;
    margin-right: 5px;
}
body.dark ul#last-comments li > div a.author img {
    opacity: 0.65;
}
ul#last-comments li > div small {
    color: #aaa;
    font-size: .8em;
}
ul#last-comments li > div a.p {
    color: #555;
    margin-bottom: 0;
    display: block;
}
body.dark ul#last-comments li > div a.p {
    color: var(--secondary);
}
.card.post .similar {
    margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
    padding: 0.25rem 1rem;
    background-color: var(--bg-light-gray);
}
.card.post .similar > p {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: #999;
}
.card.post .similar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.card.post .similar ul li {
}
.card.post .similar ul li .similar-logo {
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 20px;
}
.card.post .similar ul li img {
    height: 24px;
    width: auto;
}
.card.post .similar ul li a {
    color: #222;
}
.card.post .similar ul li a + small {
    margin-left: 1rem;
    opacity: 0.7;
}
.card.post .similar ul li p {
    font-family: var(--font-title);
    margin-bottom: 0.5rem;
}
.news-trends > a.btn {
    background-color: var(--white);
    color: var(--secondary);
    border: none;
    font-size: .76562rem;
    line-height: 29px;
    min-height: 30px;
    margin: .3125rem;
    border-radius: 50rem;
}
.news-trends > a.btn.active
{
    color: var(--white);
    background-color: var(--secondary);
    border: none;
}
.news-trends > a.btn.all-btn {
    background-color: transparent;
    border-color: transparent;
}
.news-trends > a.btn.all-btn:hover {
    color: var(--dark);
}
.news-trends > a:nth-child(n+10),
.news-trends.all > a.btn.all-btn
{
    display: none;
}
.news-trends > a.all-btn,
.news-trends > a.btn.active,
.news-trends.all > a:nth-child(n+10)
{
    display: inline-block;
}

div.recommended-channels-sm,
div.last-comments-link-sm
{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}
div.recommended-channels-sm > *,
div.last-comments-link-sm > *
{
    padding: 0 0.5rem;
}
div.last-comments-link-sm .card
{
    display: block;
    padding: 1.25rem 0.5rem;
    text-align: center;
    color: var(--dark);
    cursor: pointer;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
div.last-comments-link-sm .card:hover
{
    color: var(--white);
    background-color: var(--bg-primary);
}
.results-new-count {
    position: fixed;
    z-index: 2;
    top: -40px;
    padding: 10px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 5px;
    font-size: 1em;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    cursor: pointer;
    font-weight: 300;
    background-color: #000000b0;
    opacity: 0.9;
    color: #fff;
}
.results-new-count.active {
    top: 85px;
}
.card input[name="search"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='20'%3E%3Cpath fill='%23999' d='M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z'/%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 2rem;
}


@media (min-width: 992px) {
    .card.card-filter,
    .card.last-comments,
    .card.h100-card {
        position: sticky;
        align-self: flex-start;
        top: 70px;
        display: flex !important;
        max-height: calc(100vh - 80px);
        flex-direction: column;
    }
    .card.card-filter > form,
    .card.last-comments > ul,
    .card.most-popular > ul {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0;
    }
}
@media (min-width: 768px) {
    div.recommended-channels-sm,
    div.last-comments-link-sm
    {
        display: none;
    }
    button.reload {
        /*right: 20px;*/
        bottom: 70px;
    }
}

@media (max-width: 768px) {
    .card.card-reg-invite {
        line-height: 1.5em;
        position: fixed;
        bottom: 10px;
        left: 66px;
        right: 66px;
        z-index: 1;
        margin: 0;
        box-shadow: none;
        /*background-color: rgba(242, 242, 242, 0.85);*/
        /*background-color: var(--white);*/
        min-height: 40px;
        text-align: center;
        font-size: 1em;
        /*color: var(--gray666);*/
        color: var(--white);
        background-color:var(--bg-primary);
        text-decoration: none;
        padding: 10px 10px;
        border-radius: 8px;
    }
    .card.card-reg-invite:hover {
        color: var(--white);
        background-color:var(--bg-primary);
        opacity: 1;
        text-decoration: none;
    }
    .card.card-reg-invite {
        padding: 3px 6px;
        display: flex;
        align-content: center;
        align-items: center;
    }

    body > .cookies-policy-notice {
        bottom: calc(40px + 1rem);
    }
    body > .cookies-policy-notice:before {
        content: '';
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0;
        height: calc(40px + 1rem);
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 1;
    }
    .card.card-filter {
        display: none;
    }
    .scroll-up[data-m-auto-hide] {
        background-color: var(--bg-primary);
        opacity: 0.9 !important;
    }
}

@media (max-width: 360px) {
    .card.card-reg-invite {
        line-height: 1.15em;
        font-size: .92em;
    }
    .card.card-reg-invite {
        padding: 5px 6px;
    }
}