.posts_box .heading .caption{display:block;margin:0 0 calc(var(--gap-heading) - 5px);color:var(--color-muted);font-size:var(--size-content);font-weight:400;line-height:1.25}.posts_box .heading{display:flex;flex-direction:row;align-items:center;margin:0 0 var(--gap-contents)}.posts_box .heading .contents{flex-grow:1;min-width:0;max-width:640px;margin:-0.1em auto -0.1em 0}.posts_box .fixed>.buttons:not(.is_loader){display:none}@media (max-width: 1024px){.posts_box .heading .contents{text-align:center}.posts_box .heading .buttons{display:none}.posts_box .fixed>.buttons:not(.is_loader){display:block}}.posts_box .widget .checkbox{display:flex;align-items:flex-start;color:var(--color-heading);font-size:var(--size-base);font-weight:400;line-height:22px}.posts_box .widget .checkbox input{margin-right:10px}.posts_box [data-close]{display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;border:none;outline:none;background:none;color:var(--color-heading);cursor:pointer}.posts_box [data-close]:after,.posts_box [data-close]:before{content:'';position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) rotate(45deg);display:block;width:100%;height:2px;background-color:currentColor;transition:0.2s}.posts_box [data-close]:before{transform:translateY(-50%) rotate(-45deg)}@media (hover: hover){.posts_box :hover[data-close]{color:var(--color-primary)}}.posts_box .fixed{z-index:unset}.posts_box .wrapper{display:flex;position:relative;align-items:stretch}.posts_box .posts{display:block;position:relative;flex-grow:1;min-width:0;z-index:1}.posts_box .widget{display:block;position:relative;padding:var(--gap-card);border:1px solid var(--color-border);border-radius:var(--radius-regular);--gap-heading: 15px}.posts_box .widget .checkbox{margin:0 0 var(--gap-heading)}.posts_box .widget .checkbox:last-child{margin-bottom:0}.posts_box .widget hr{display:block;height:1px;margin:0 0 var(--gap-heading);border:none;background-color:var(--color-border)}.posts_box [data-sidebar]{display:block;flex-grow:0;flex-shrink:0;width:300px;margin:0 var(--gap-grid) 0 0}.posts_box [data-filters]{display:none}.posts_box [data-close]{display:none}@media (max-width: 1024px){.is_open.posts_box [data-sidebar]{transform:translateX(0);visibility:visible}.is_open.posts_box [data-overlay]{visibility:visible;opacity:1}.is_open.posts_box [data-close]{transform:rotate(0deg);visibility:visible;opacity:1}.is_open.posts_box .products_box .items,.is_open.posts_box .products_box .woocommerce-pagination{filter:blur(2px)}.posts_box [data-close]{display:block}.posts_box [data-sidebar]{display:block;position:fixed;top:calc(var(--height-header) + var(--height-bar) + var(--header-offset));bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:300px;max-width:none;height:auto;padding:0;margin:0;background:var(--color-base);background:var(--color-base);box-shadow:var(--shadow-small);transition:0.4s;transform:translateX(-100%);transform-origin:0 0;visibility:hidden;z-index:4}.posts_box [data-overlay]{content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0.5);transition:0.4s;visibility:hidden;opacity:0;z-index:3}.posts_box [data-filters]{display:block;position:absolute;top:5px;right:0;width:20px;height:20px;color:var(--color-heading);z-index:4}.posts_box [data-filters]+.heading{position:relative;z-index:1}.posts_box [data-filters]+.heading .contents{text-align:left}.posts_box [data-filters]:before{content:'';display:block;flex-grow:0;flex-shrink:0;width:19px;height:19px;margin-right:8px;background-color:currentColor;-webkit-mask:url(../../images/ico_filter.svg) 50% 50% no-repeat}.posts_box .wrapper{display:block}.posts_box .widget{border:none;border-radius:0}.posts_box .widget .close{display:block}}.posts_box .items{display:flex;position:relative;flex-wrap:wrap;width:calc(100% + var(--gap-grid));margin:0 calc(-1 * var(--gap-grid)) calc(-1 * var(--gap-vertical)) 0;z-index:2}.posts_box .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;width:calc(var(--width-item) - var(--gap-grid));margin:0 var(--gap-grid) var(--gap-vertical) 0;overscroll-behavior:contain}.posts_box .items{min-height:80px;background:50% 50% no-repeat;background-size:57px 57px;transition:background-image 0.3s}.posts_box .items .item{transition:opacity 0.3s, background 0.3s}.posts_box .is_loading.items{background-image:url(../../images/ico_loading.svg)}.posts_box .is_loading.items .item{opacity:0.5}@media (max-width: 640px){.posts_box .items{min-height:50px;background-size:38px 38px}}.posts_box .item.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;background:none;text-align:center;--width-item: 100%;--gap-heading: 15px}.posts_box .empty img{display:block;width:236px;max-width:100%;height:auto;margin:0 0 var(--gap-heading)}.posts_box .empty p{max-width:420px;line-height:1.5}.posts_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%}.posts_box .image:after{content:'';display:block;padding-bottom:100%}.posts_box .image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.posts_box .info{display:flex;flex-wrap:wrap;align-items:center;margin:-5px 0 calc(var(--gap-heading) - 5px);color:var(--color-muted);font-size:var(--size-small);font-weight:400;line-height:20px}.posts_box .info i{display:block;flex-grow:0;flex-shrink:0;width:4px;height:4px;margin:5px 12px;border-radius:50%;background:currentColor}.posts_box .info .date,.posts_box .info .tag{margin:5px 0}.posts_box .info .time{display:inline-flex;align-items:center;margin:5px 0}.posts_box .info .time:before{content:'';position:relative;top:-1px;flex-grow:0;flex-shrink:0;width:24px;height:24px;margin:0 8px 0 0;background:currentColor;-webkit-mask:url(../../images/ico_time.svg) 50% 50%/contain no-repeat}.posts_box .tag{display:inline-block;overflow:hidden;align-items:center;justify-content:center;max-width:100%;padding:6px 15px;border-radius:var(--radius-small);background-color:#C4CECD;color:#2D4541;font-family:var(--font-main);font-size:15px;font-weight:500;font-style:normal;line-height:20px;white-space:nowrap;text-overflow:ellipsis;transition:0.2s}.posts_box .cyan.tag{background-color:#56C5D0;color:#06101B}.posts_box .yellow.tag{background-color:#E8EEA4;color:#06101B}.posts_box .purple.tag{background-color:#CE94E9;color:#06101B}.posts_box .red.tag{background-color:#FC4D4D}@media (hover: hover){.posts_box .tag:hover{background-color:#6B8581;color:#fff;cursor:pointer}}.posts_box .title{display:block;margin:0 0 var(--gap-heading);color:var(--color-heading);font-family:var(--font-heading);font-size:var(--size-title);font-weight:600;line-height:1.333;transition:0.2s}.posts_box .title:last-child{margin-bottom:0}.posts_box{--width-item: 33.333%}.posts_box.is_articles .tag{margin:calc(-1 * var(--gap-card) - 18px) 0 var(--gap-heading)}.posts_box .heading .contents:last-child{margin-right:auto;margin-left:auto;text-align:center}.posts_box .item{align-items:stretch;border-radius:var(--radius-regular)}.posts_box .image{border-radius:var(--radius-regular) var(--radius-regular) 0 0}.posts_box .image:after{padding-bottom:66.666%}@media (hover: hover){.posts_box .image:hover img{transform:scale(1.1);opacity:1}}.posts_box .details{display:flex;position:relative;flex-direction:column;flex-grow:1;align-items:flex-start;padding:var(--gap-card);border-radius:0 0 var(--radius-regular) var(--radius-regular);background:var(--color-background);color:var(--color-text);z-index:2;--color-muted: var(--color-text)}.posts_box .details:first-child{border-radius:var(--radius-regular)}.posts_box .details:first-child .tag{margin-top:0}.posts_box .details .button{margin-top:auto}@media (hover: hover){.posts_box .title:hover{color:var(--color-active)}}@media (min-width: 1024px){.posts_box .items_list{--width-item: 100%}.posts_box .items_list .item{flex-direction:row}.posts_box .items_list .image{width:320px;border-radius:var(--radius-regular) 0 0 var(--radius-regular)}}@media (min-width: 1410px){.posts_box .items_list .image{width:450px}}@media (max-width: 1024px){.posts_box{--width-item: 50%}}@media (max-width: 640px){.posts_box{--width-item: 100%}.posts_box .details .button{width:100%}.posts_box .details .button:after{display:none}}

/*# sourceMappingURL=posts.css.map */