.component-article-list-item{background-color:var(--color-surface);border-radius:3px;max-width:500px;padding-bottom:69px;position:relative}.component-article-list-item .img-wrapper{display:block;position:relative}.component-article-list-item .img-wrapper .img{aspect-ratio:1.77777778;background-color:var(--color-secondary);background-position:50%;background-size:cover;border-top-left-radius:3px;border-top-right-radius:3px;width:100%}.component-article-list-item .img-wrapper .title{padding:var(--space-medium) var(--space-medium) 0 var(--space-medium)}.component-article-list-item .img-wrapper:hover .title{color:var(--color-primary)}.component-article-list-item .badge{display:none}.component-article-list-item .block-content,.component-article-list-item .content{padding:var(--space-medium)}.component-article-list-item .title{color:var(--color-header-text);display:block;font-size:var(--text-medium);font-weight:500;padding-bottom:var(--space-medium)}.component-article-list-item .date{color:var(--color-gray-text);font-size:var(--text-small);padding-left:var(--text-big);position:relative}.component-article-list-item .date:before{font-family:ic;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;content:"";left:0;margin-right:var(--space-micro);position:absolute;top:50%;transform:translateY(-55%)}.component-article-list-item .text{line-height:1.6;margin-top:var(--space-mini)}.component-article-list-item .button{bottom:var(--space-medium);position:absolute;right:var(--space-medium)}.component-article-list-item.tag-compact{padding-bottom:0}.component-article-list-item.tag-compact .title{padding:var(--space-medium)}@media only screen and (min-width:680px){.component-article-list-item.tag-main{display:grid;grid-template-columns:2fr 3fr;max-width:none;padding-bottom:0}.component-article-list-item.tag-main .badge{background:var(--color-primary);border-radius:3px;color:#fff;display:block;font-weight:500;height:32px;left:var(--space-medium);line-height:32px;opacity:0;padding:0 var(--space-mini);position:absolute;top:-16px;transform:translate(100%);transition:all .7s ease;visibility:hidden}.component-article-list-item.tag-main .badge.tag-active{opacity:1;transform:translate(0);visibility:visible}.component-article-list-item.tag-main .img-wrapper{height:100%;min-height:360px}.component-article-list-item.tag-main .img-wrapper .img{aspect-ratio:auto;border-bottom-left-radius:3px;border-top-left-radius:3px;border-top-right-radius:0;top:0;right:0;bottom:0;left:0;position:absolute}.component-article-list-item.tag-main .block-content{padding-bottom:94px;position:relative}.component-article-list-item.tag-main .title{font-size:var(--text-big)}.component-article-list-item.tag-main .text{font-size:var(--text-medium)}}@media only screen and (max-width:680px){.component-article-list-item{padding-bottom:0}.component-article-list-item .img-wrapper .title{padding:var(--space-small) var(--space-small) 0 var(--space-small)}.component-article-list-item .button{inset:auto;margin-top:var(--space-small);position:relative}.component-article-list-item.tag-compact .img-wrapper .title{padding-bottom:var(--space-small)}}@media only screen and (max-width:520px){.component-article-list-item .block-content{padding:var(--space-small)}.component-article-list-item .button{display:block}}.component-article-pagination{background:var(--color-surface);border-radius:3px;display:flex;margin-top:var(--space-medium);padding:var(--space-small) var(--space-medium)}.component-article-pagination .btn-all{margin:0 -10px 0 auto}.component-article-pagination .component-ui-button{padding:0}.component-article-pagination .button-content .slot-default{padding:0 10px}.component-article-pagination .count{color:var(--color-primary);font-weight:700;height:44px;line-height:44px}.component-article-list{min-height:100px;position:relative}.component-article-list .block-list{display:grid;gap:var(--space-medium);margin:0 auto}.component-article-list .block-message{padding:var(--space-large) 0}.component-article-list .block-message .component-notice-message{margin:0 auto;max-width:500px}.component-article-list .block-list{grid-template-columns:1fr 1fr 1fr}.component-article-list .component-ui-loading{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.component-article-list.tag-main .block-list .component-article-list-item:first-child{grid-column:1/-1}.component-article-list.tag-loading .block-list,.component-article-list.tag-loading .block-message{opacity:.5}@media only screen and (max-width:1000px){.component-article-list .block-list{grid-template-columns:1fr 1fr}}@media only screen and (max-width:680px){.component-article-list .block-list{grid-template-columns:1fr}.component-article-list .component-article-list-item{max-width:none}}