#sidebar{user-select: none;position: sticky;position: -webkit-sticky;top: 10px;}
#sidebar section{border-bottom: 1px solid var(--light-1);margin-bottom: var(--padding-bottom-row-sidebar);padding-bottom:var(--padding-bottom-section-sidebar);height: auto;}
#sidebar section .header-section span:after{content: attr(data-tip);color: var(--gray-4);}



#sidebar .search-box{position: relative;display: flex;height: 36px;}
#sidebar .search-box input{width: 100%;border: none;background-color: unset;font-size: 13px;padding: 0;color: var(--gray-3);border-bottom: 1px solid var(--light-1);}
#sidebar .search-box button{position: absolute;left: 0;display: flex;align-items: center;justify-content: center;width: 36px;height: 100%;border: none;background-color: unset;color: var(--dark-4);cursor: pointer;}
#sidebar .search-box button i{font-size: 26px;}



#sidebar .toggle-parrent .header-section button{color: var(--gray-4);font: var(--font-section-title);background-color: unset;border: none;padding: 0;}
#sidebar .toggle-parrent .header-section button:not(:last-child):after{content: "|";margin: 0 4px;}
#sidebar .toggle-parrent .header-section button.active{color: var(--blue);}
#sidebar .toggle-parrent .inside-section{overflow: hidden;position: relative;}
#sidebar .toggle-parrent .inside-section .article-wrapper{position: absolute;transition: 0.25s;transform: translateX(30%);opacity: 0;}
#sidebar .toggle-parrent .inside-section .article-wrapper.show{display: block;position: static;transform: translateX(0);opacity: 1;}
#sidebar .toggle-parrent .inside-section .article-wrapper.showing{display: block;position: static;transform: translateX(-30%);transition: 0.25s;opacity: 0;}



[data-theme="Journalist"] .inside-section .article-wrapper article{display: flex;}
[data-theme="Journalist"] .inside-section .article-wrapper article .thumbnail-wrapper{width: var(--dist-in-6);order: 1;margin-top: -47px;}
[data-theme="Journalist"] .inside-section .article-wrapper article .details-wrapper{width: var(--dist-in-6);}
[data-theme="Journalist"] .inside-section .article-wrapper article .details-wrapper .title a{padding-left: 12px;}




[data-theme="banner"] .article-wrapper{width: 100%;}
[data-theme="banner"] .details-wrapper .title a{padding: 24px 12px 0 12px;}
[data-theme="banner"] .thumbnail-wrapper .thumbnail-overlay{position: absolute;bottom: 0;}
[data-theme="banner"] .thumbnail-wrapper .thumbnail-overlay .title a{display: block;font: var(--font-card-title-larg);color: var(--white);padding: 12px;}





[data-theme="image-right"] .inside-section .article-wrapper{margin-bottom: var(--margin-botom-card-in-section);}
[data-theme="image-right"] .inside-section .article-wrapper article{display: flex;}
[data-theme="image-right"] .inside-section .article-wrapper article .thumbnail-wrapper{width: var(--dist-in-5);}
[data-theme="image-right"] .inside-section .article-wrapper article .details-wrapper{width: var(--dist-in-7);padding-right: 20px;}
[data-theme="image-right"] .inside-section .article-wrapper article .details-wrapper .title a{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}





[data-theme="list-article"] .inside-section .swiper{max-height: 400px;padding-left: 24px;}
[data-theme="list-article"] .inside-section .swiper .swiper-wrapper{height: auto;}
[data-theme="list-article"] .inside-section .swiper .swiper-wrapper .swiper-slide{height: auto;}
[data-theme="list-article"] .inside-section .swiper .swiper-scrollbar{left: 4px;right: auto;width: 1px;background-color: var(--gray-5);}
[data-theme="list-article"] .inside-section .swiper .swiper-scrollbar .swiper-scrollbar-drag{width: 8px;left: 4px;background-color: var(--brown);}
[data-theme="list-article"] .inside-section .article-wrapper{margin-bottom: var(--margin-botom-card-in-section);}
[data-theme="list-article"] .inside-section .article-wrapper article .details-wrapper{display: flex;}
[data-theme="list-article"] .inside-section .article-wrapper article .details-wrapper .title a{padding-right: 12px;}
[data-theme="list-article"] .inside-section .article-wrapper article .details-wrapper .title a:before{content: "\e221"; display: inline-block; font: var(--font-section-icon); color: var(--blue); margin-left: 4px;transform: translateY(-3px);}
[data-theme="list-article"] .inside-section .article-wrapper article .details-wrapper time{order: -1;}
[data-theme="list-article"] .inside-section .article-wrapper article .details-wrapper time a{font: var(--font-card-time-normal);color: var(--blue);}




[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper{position: relative;}
[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper:after{content: "";position: absolute;bottom: 0;width: 100%;height: 70%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    }
[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay{position: absolute;bottom: 0;width: 100%;z-index: 1;}
[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a{display: flex;align-items: flex-end;}
[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a span{color: var(--white);padding: 0px 12px;}
[data-theme="last-product"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a i{display: flex;align-items: center;justify-content: center;background-color:var(--white);color: var(--gray-4);margin-right: auto;width: 44px;height: 40px;font-size: 30px;}
[data-theme="last-product"] .inside-section .article-wrapper article .details-wrapper .title a{padding: 24px 0;}




[data-theme="images-slider-sidebar"] .inside-section>div{width: 100%;}
[data-theme="images-slider-sidebar"] .swiper .swiper-button-next,
[data-theme="images-slider-sidebar"] .swiper .swiper-button-prev{background-color: rgba(238,2338,238,0.7);width: 32px;height: 56px;}
[data-theme="images-slider-sidebar"] .swiper .swiper-button-next{left: 0;}
[data-theme="images-slider-sidebar"] .swiper .swiper-button-prev{right: 0;}
[data-theme="images-slider-sidebar"] .swiper .swiper-button-next:after,
[data-theme="images-slider-sidebar"] .swiper .swiper-button-prev:after{content: unset;}
[data-theme="images-slider-sidebar"] .swiper .swiper-button-next i,
[data-theme="images-slider-sidebar"] .swiper .swiper-button-prev i{color: var(--white);font-size: 40px;}





.container [data-theme="other-media"] .header-section{display: flex;background-color: var(--red);padding: 8px 12px;margin-bottom: 0;}
.container [data-theme="other-media"] .header-section span{color: var(--white);}
[data-theme="other-media"] .header-section a{color: var(--white);margin-right: auto;}
[data-theme="other-media"] .inside-section .article-wrapper article{padding: 24px;}
[data-theme="other-media"] .inside-section .article-wrapper:nth-child(odd) article{background-color: var(--gray-1);}
[data-theme="other-media"] .inside-section .article-wrapper:nth-child(even) article{background-color: var(--gray-3);}
[data-theme="other-media"] .inside-section .article-wrapper article{display: flex;align-items: center;}
[data-theme="other-media"] .inside-section .article-wrapper article .thumbnail-wrapper{display: flex;justify-content: center;order: 1;width: 60px;}
[data-theme="other-media"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail{border-radius: 50%;}
[data-theme="other-media"] .inside-section .article-wrapper article .details-wrapper{width: calc(100% - 60px);padding-left: 12px;}
[data-theme="other-media"] .inside-section .article-wrapper article .details-wrapper .title{text-align: j;}
[data-theme="other-media"] .inside-section .article-wrapper:nth-child(odd) article .details-wrapper .title a{color: var(--gray-5);}
[data-theme="other-media"] .inside-section .article-wrapper:nth-child(even) article .details-wrapper .title a{color: var(--light-2);}
[data-theme="other-media"] .inside-section .article-wrapper article .details-wrapper .title a span{color: var(--white);margin-left: 4px;}





[data-theme="radio"] .inside-section .radio-wrapper{position: relative;width: 174px;margin: auto;padding: 0;margin-bottom: 12px;}
[data-theme="radio"] .inside-section .radio-wrapper .play{position: absolute;bottom: 25px;right: 15px;display: flex;align-items: center;justify-content: center;background-color: var(--yellow);color: var(--white);border: none;border-radius: 50%;width: 34px;height: 34px;cursor: pointer;}
[data-theme="radio"] .inside-section .radio-wrapper .play svg {stroke: #fff;stroke-width: 1px;animation-name: path;fill: none;width: 34px;}
[data-theme="radio"] .inside-section .radio-wrapper .play svg path {transition: transform 0.2s ease-out, d 0.2s ease-out, opacity 0.15s ease-out 0.15s;}
[data-theme="radio"] .inside-section .radio-wrapper .play path:nth-child(1) {d: path('M1 24 21.56 12.66A.76.76 0 0021.61 11.37L21.25 11.17C20.9 10.9767 20.55 10.7833 20.2 10.59L1.08.07A.76.76 0 000 .81V23.25A.76.76 0 001 24Z');transition-delay: 0.15s;transform: translateX(5px);}
[data-theme="radio"] .inside-section .radio-wrapper .play.playing path:nth-child(1) {d: path('M1.35 24 9.35 24A1 1 0 009.69 23.47L9.69.45C9.69.21 9.61 0 9.26 0L1.26 0A1.2 1.2 0 000 1.23V22.72A1.23 1.23 0 001.35 24Z');transition-delay: 0s;transform: translateX(0);}
[data-theme="radio"] .inside-section .radio-wrapper .play path:nth-child(2) {transform: translateX(0px);opacity: 0;}
[data-theme="radio"] .inside-section .radio-wrapper .play.playing path:nth-child(2) {transform: translateX(15px);opacity: 1;transition-delay: 0.15s;}

[data-theme="radio"] .inside-section .radio-wrapper .keywords{display: none;}
[data-theme="radio"] .inside-section .radio-wrapper .downloads-list{display: none;}
[data-theme="radio"] .inside-section .article-wrapper{width: 100%;}



[data-theme="picture-visitation"] .inside-section .article-wrapper article{position: relative;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .thumbnail-wrapper{position: relative;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .thumbnail-wrapper:after{content: "";position: absolute;bottom: 0;width: 100%;height: 70%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    }
[data-theme="picture-visitation"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay{position: absolute;top: 0;left: 0;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .thumbnail-wrapper .thumbnail-overlay a{display: flex;align-items:center;justify-content: center;color: var(--white);background-color: var(--black);width: 32px;height: 32px;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .details-wrapper{position: absolute;bottom: 0;width: 100%;display: flex;flex-direction: column;padding-bottom: 8px;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .details-wrapper .sup-title a{color: var(--white);padding: 0 8px;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .details-wrapper .title a{color: var(--white);padding: 0 8px;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .details-wrapper time {order: -1;}
[data-theme="picture-visitation"] .inside-section .article-wrapper article .details-wrapper time a{color: var(--white);padding: 0 8px;}