.blog-index{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.blog-index__author .blog-card__container-center{justify-content:center}.blog-card__container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.blog-cards__card{align-items:flex-start;background-color:#fff;border:1px solid #f0f0f2;border-radius:3px;box-shadow:0 8px 24px rgba(22,23,26,.1);box-sizing:border-box;color:#16171a;display:flex;flex-direction:column;margin-bottom:40px;margin-right:24px;max-width:calc(33.33333% - 16px);min-width:calc(33.33333% - 16px);overflow:hidden;padding:0;pointer-events:auto;text-decoration:none;word-break:break-all}.blog-cards__card:hover{cursor:pointer}.blog-cards__card:hover .blog-card__desc,.blog-cards__card:hover .card-tags__box{color:#16171a}.blog-cards__card:hover .blog-card__mask img{transform:scale(1.2)}.blog-cards__card:hover .blog-card__title{color:#0064ff}.blog-cards__card:active .blog-card__title{color:#0032be}.blog-card__mask{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.blog-card__mask img{bottom:0;height:100%;left:0;object-fit:cover;object-position:50% 50%;position:absolute;right:0;top:0;transition:transform .3s ease;width:100%}.blog-card__content{box-sizing:border-box;font-size:16px;height:321px;padding:30px;position:relative;width:100%}.card-tags__box{height:24px;line-height:24px;margin-bottom:20px;margin-top:0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.blog-card__tag{font-weight:700;margin-bottom:20px;margin-right:10px}.blog-card__title{font-size:24px;font-weight:700;line-height:32px;margin-bottom:5px;min-height:64px;transition:color .3s ease}.blog-card__desc,.blog-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.blog-card__desc{color:#2b2c2f;font-size:16px;height:72px;line-height:24px}.blog-card__content-footer{bottom:30px;color:#7e7f81;display:flex;flex-wrap:nowrap;font-size:16px;font-weight:400;justify-content:flex-start;line-height:24px;max-width:calc(100% - 60px);position:absolute}.blog-card__content-footer .content-author{margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-card__content-footer .content-author:hover{color:#0064ff}.blog-card__content-footer .content-author:active{color:#0032be}.blog-card__content-footer .content-date{flex-shrink:0}.tags-group{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;list-style-type:none;margin:0 0 60px;padding:0;position:relative;text-decoration:none}.tags-group.tags-group__show-button .tags-list__button{display:inline-block}.tags-group.tags-group__show-button .tags-group__child{display:none}.tags-group__child--mask{visibility:hidden}.tags-item{align-items:flex-start;background-color:#fff;border:1px solid #d1d2d4;border-radius:24px;box-sizing:border-box;color:#16171a;display:inline-block;flex-direction:row;font-size:16px;height:48px;justify-content:center;line-height:24px;margin-right:20px;max-width:220px;overflow:hidden;padding:11px 14px;text-overflow:ellipsis;-o-text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tags-item__button--action{background:#0064ff;color:#fff}.tags-item:hover{background:#226aff;color:#fff}.tags-item:active{background:#0032be;color:#fff}.tags-item__all{min-width:60px;text-align:center}.tags-item__list--action{background:#0064ff;color:#fff}.tags-item__list{background:#fff;color:#16171a;font-weight:400;height:44px;padding:10px 56px 10px 15px;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:295px}.tags-item__list,.tags-list__button{box-sizing:border-box;font-size:16px;overflow:hidden;position:relative;white-space:nowrap}.tags-list__button{-webkit-line-clamp:1;-webkit-box-orient:vertical;background:#0064ff;border-radius:24px;color:#fff;display:none;height:48px;line-height:24px;max-width:240px;min-width:60px;padding:12px 41px 12px 15px;text-align:center;text-overflow:ellipsis;z-index:20}.tags-list__button:hover{background:#226aff;cursor:pointer}.tags-list__button:active{background:#0032be}.tags-item__list--action{color:#0064ff}.icon-button-arrow{height:16px;position:absolute;right:14px;top:16px;transition:all .3s ease;width:26px}.tags-list__button-open .icon-button-arrow{transform:rotate(180deg)}.icon-tick-off{color:#0064ff;display:none;height:16px;position:absolute;right:25px;top:15px;transition:all .3s ease;width:16px}.tags-item__list--action .icon-tick-off,.tags-item__list:active .icon-tick-off{display:block}.tags-item__list:hover{background:#fbfbfd}.tags-item__list:active,.tags-item__list:visited{background:#fbfbfd;color:#0064ff}.tags-list__container{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 8px 16px rgba(22,23,26,.05);display:none;flex-direction:column;height:0;left:0;overflow-x:hidden;overflow-y:scroll;overflow:hidden;padding:5px 0;position:absolute;scroll-padding:auto;top:58px;transition:all .3s ease;width:295px;z-index:10}.tags-list__container-open{display:flex;height:auto;max-height:318px;overflow:auto;z-index:10}.blog-card__button{background:none;border:1px solid #0064ff;border-radius:3px;color:#0064ff;margin:20px auto 0;padding:12px 15px}.blog-card__button:hover{background:#deefff;border:1px solid #226aff;color:#226aff}.blog-card__button:active{background:#ddeaf5;border:1px solid #0032be;color:#0032be}.blog-card__button:focus{background:none;border:1px solid #0064ff;color:#0064ff}.blog-card__button svg{display:none}.blog-card__button.blog-card__button--disabled,.blog-card__button.blog-card__button--disabled:active,.blog-card__button.blog-card__button--disabled:focus,.blog-card__button.blog-card__button--disabled:hover{background:#fff;border:1px solid #80b2ff;color:#80b2ff;cursor:not-allowed}.blog-card__button.blog-card__button--disabled svg{display:inline-block;margin-right:7px;vertical-align:middle}@media screen and (min-width:1259px){.blog-cards__card:nth-child(3n){margin-right:0}}@media screen and (min-width:1024px) and (max-width:1259px){.blog-cards__card:nth-child(3n){margin-right:0}.blog-cards__card{max-width:calc(33.33333% - 16px);min-width:calc(33.33333% - 16px);width:308px}.blog-card__content{height:309px;padding:30px}.card-tags__box{font-size:16px;line-height:24px;margin-bottom:20px}.blog-card__title{font-size:20px;line-height:28px;min-height:56px}.blog-card__desc{font-size:16px;height:72px;line-height:24px}}@media screen and (min-width:768px) and (max-width:1023px){.blog-cards__card{margin-bottom:20px;margin-right:20px;max-width:calc(50% - 10px);min-width:calc(50% - 10px)}.blog-cards__card:nth-child(2n){margin-right:0}.blog-card__content{height:279px;padding:30px}.card-tags__box{font-size:14px;height:22px;line-height:22px;margin-bottom:10px}.blog-card__title{font-size:20px;line-height:28px;min-height:56px}.blog-card__desc{height:66px}.blog-card__content-footer,.blog-card__desc{font-size:14px;line-height:22px}}@media screen and (max-width:767px){.blog-card__container,.blog-index{display:flex;flex-direction:column}.tags-group,.tags-group .tags-item,.tags-group .tags-list__button{margin-bottom:20px}.blog-cards__card{margin:0 auto 20px;max-width:100%;min-width:100%}.blog-card__content{height:239px;padding:20px}.card-tags__box{font-size:14px;height:22px;line-height:22px;margin-bottom:10px}.blog-card__title{font-size:16px;line-height:24px;min-height:48px}.blog-card__desc{font-size:12px;height:60px;line-height:20px}.blog-card__content-footer{bottom:20px;font-size:12px;line-height:20px;max-width:calc(100% - 40px)}}