.posts{margin-bottom:45px}.posts .header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:30px;gap:20px}@container (max-width: 575px){.posts .header{flex-direction:column-reverse;align-items:flex-start;gap:20px}}.posts .header h2{margin-bottom:0}@container (max-width: 575px){.posts .header .posts-filters{width:100%}}.posts .header .posts-filters .category-filter{background:#1f1f1f;border:1px solid #626262;color:#fff;height:40px;padding:0 10px;appearance:none;font-size:14px;transition:all .2s ease;min-width:200px;cursor:pointer;color:rgba(255,255,255,.54);background-image:url(../../images/select-arrow.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}@container (max-width: 575px){.posts .header .posts-filters .category-filter{width:100%}}.posts .header .posts-filters .category-filter:focus{outline:none;border-color:#03f394;color:rgba(255,255,255,.87);background-image:url(../../images/select-arrow-hover.svg)}.posts .posts-content{transition:opacity .3s ease}.posts ul,.posts .swiper-wrapper{padding:0 !important;margin:0 !important}.posts ul:not(.scrollable),.posts .swiper-wrapper:not(.scrollable){display:grid;gap:20px}.posts ul.columns-2,.posts .swiper-wrapper.columns-2{grid-template-columns:repeat(2, 1fr)}@container (max-width: 991px){.posts ul.columns-2,.posts .swiper-wrapper.columns-2{grid-template-columns:1fr}}.posts ul.columns-3,.posts .swiper-wrapper.columns-3{grid-template-columns:repeat(3, 1fr)}@container (max-width: 991px){.posts ul.columns-3,.posts .swiper-wrapper.columns-3{grid-template-columns:repeat(2, 1fr)}}@container (max-width: 575px){.posts ul.columns-3,.posts .swiper-wrapper.columns-3{grid-template-columns:1fr}}.posts ul li,.posts ul .swiper-slide,.posts .swiper-wrapper li,.posts .swiper-wrapper .swiper-slide{display:flex;margin-bottom:0;position:relative;box-shadow:0 0 64px rgba(202,82,255,.4)}.posts ul li::before,.posts ul .swiper-slide::before,.posts .swiper-wrapper li::before,.posts .swiper-wrapper .swiper-slide::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:repeating-linear-gradient(45deg, transparent, transparent 2px, #873cff 2px, #873cff 4px);transform:translate(4px, 4px);clip-path:polygon(100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 0)}@container (max-width: 575px){.posts ul li.horizontal,.posts ul .swiper-slide.horizontal,.posts .swiper-wrapper li.horizontal,.posts .swiper-wrapper .swiper-slide.horizontal{flex-direction:column;min-height:504px}}.posts ul li.horizontal .image,.posts ul .swiper-slide.horizontal .image,.posts .swiper-wrapper li.horizontal .image,.posts .swiper-wrapper .swiper-slide.horizontal .image{height:100%;min-width:302px;order:1;z-index:1;clip-path:polygon(100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 0)}@container (max-width: 1199px){.posts ul li.horizontal .image,.posts ul .swiper-slide.horizontal .image,.posts .swiper-wrapper li.horizontal .image,.posts .swiper-wrapper .swiper-slide.horizontal .image{min-width:40%}}@container (max-width: 575px){.posts ul li.horizontal .image,.posts ul .swiper-slide.horizontal .image,.posts .swiper-wrapper li.horizontal .image,.posts .swiper-wrapper .swiper-slide.horizontal .image{height:252px;width:100%;order:0}}.posts ul li.vertical,.posts ul .swiper-slide.vertical,.posts .swiper-wrapper li.vertical,.posts .swiper-wrapper .swiper-slide.vertical{flex-direction:column;min-height:504px}.posts ul li.vertical .image,.posts ul .swiper-slide.vertical .image,.posts .swiper-wrapper li.vertical .image,.posts .swiper-wrapper .swiper-slide.vertical .image{height:252px;width:100%}.posts ul li.vertical .content,.posts ul .swiper-slide.vertical .content,.posts .swiper-wrapper li.vertical .content,.posts .swiper-wrapper .swiper-slide.vertical .content{z-index:1;clip-path:polygon(100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 0)}.posts ul li.item-large,.posts ul .swiper-slide.item-large,.posts .swiper-wrapper li.item-large,.posts .swiper-wrapper .swiper-slide.item-large{grid-area:1/1/3/2}.posts ul li.item-large .image,.posts ul .swiper-slide.item-large .image,.posts .swiper-wrapper li.item-large .image,.posts .swiper-wrapper .swiper-slide.item-large .image{height:301px}@container (max-width: 575px){.posts ul li.item-large .image,.posts ul .swiper-slide.item-large .image,.posts .swiper-wrapper li.item-large .image,.posts .swiper-wrapper .swiper-slide.item-large .image{height:252px}}.posts ul li .image,.posts ul .swiper-slide .image,.posts .swiper-wrapper li .image,.posts .swiper-wrapper .swiper-slide .image{background-size:cover;background-position:center;background-repeat:no-repeat}.posts ul li .content,.posts ul .swiper-slide .content,.posts .swiper-wrapper li .content,.posts .swiper-wrapper .swiper-slide .content{padding:21px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;flex-grow:1;position:relative;background:url(../../images/dots.webp),#05010a;background-size:15px 15px,auto;background-image:linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.5019607843)),linear-gradient(45deg, #1d212a 25%, transparent 25%, transparent 75%, #1d212a 75%, #1d212a),linear-gradient(45deg, #1d212a 25%, transparent 25%, transparent 75%, #1d212a 75%, #1d212a),linear-gradient(to bottom, #1d212a, #0f121c);background-size:100% 100%,6px 6px,6px 6px,6px 3px;background-position:0 0,3px 3px,0 0,0 0;-webkit-box-shadow:0 4px 24px rgba(202,82,255,0.5019607843);box-shadow:0 4px 24px rgba(202,82,255,0.5019607843)}.posts ul li .content .text .details,.posts ul .swiper-slide .content .text .details,.posts .swiper-wrapper li .content .text .details,.posts .swiper-wrapper .swiper-slide .content .text .details{font-size:12px;color:#fff;margin-bottom:9px}.posts ul li .content .text h3,.posts ul .swiper-slide .content .text h3,.posts .swiper-wrapper li .content .text h3,.posts .swiper-wrapper .swiper-slide .content .text h3{text-transform:uppercase;margin-bottom:9px}.posts ul li .content .text h3 a,.posts ul .swiper-slide .content .text h3 a,.posts .swiper-wrapper li .content .text h3 a,.posts .swiper-wrapper .swiper-slide .content .text h3 a{color:#fff;display:block;text-decoration:none;transition:color .2s}.posts ul li .content .text h3 a:hover,.posts ul li .content .text h3 a:focus,.posts ul .swiper-slide .content .text h3 a:hover,.posts ul .swiper-slide .content .text h3 a:focus,.posts .swiper-wrapper li .content .text h3 a:hover,.posts .swiper-wrapper li .content .text h3 a:focus,.posts .swiper-wrapper .swiper-slide .content .text h3 a:hover,.posts .swiper-wrapper .swiper-slide .content .text h3 a:focus{color:#77ff5d;text-decoration:none}/*# sourceMappingURL=posts.css.map */
