.blog{padding-bottom:112px}@media (width<=540px){.blog{padding-bottom:56px}}.blog__header{max-width:820px;margin-bottom:68px}@media (width<=540px){.blog__header{margin-bottom:38px}}.blog__header-title{margin-bottom:14px}.blog__header-description{font-size:20px}@media (width<=540px){.blog__header-description{font-size:12px}}.blog__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}@media (width<=780px){.blog__list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (width<=540px){.blog__list{grid-template-columns:1fr;gap:16px}}.blog-section{padding:0 0 112px}.blog-section__title{margin-bottom:22px}.blog-card__link{background:var(--color-shape-55);border-radius:30px;flex-direction:column;max-width:100%;height:100%;min-height:410px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-card__link:hover{background:var(--color-shape-60);transform:translateY(-4px)}.blog-card__image{min-height:230px}@media (width<=540px){.blog-card__image{min-height:180px}}.blog-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-card__content{flex-direction:column;flex:1;gap:18px;padding:8px 16px 16px;display:flex}.blog-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.blog-card__tags{flex-wrap:wrap;gap:8px;display:flex}.blog-card__tag{width:max-content;color:var(--color-text-0);background-color:var(--color-shape-70);border-radius:120px;padding:10px 14px;font-size:12px}.blog-card__time{flex-shrink:0;align-items:center;gap:4px;display:flex}.blog-card__time p{color:var(--color-text-0);font-size:12px}.blog-card__time img{width:12px}.blog-card__title{color:var(--color-text-0);font-size:18px;font-weight:600;line-height:1.3}.blog-card__date{color:var(--color-shape-20);margin-top:auto;font-size:14px}.blog-article:not(:has(.blog-article__related)){padding-bottom:112px}@media (width<=540px){.blog-article:not(:has(.blog-article__related)){padding-bottom:56px}}.blog-article__layout{justify-content:space-between;align-items:flex-start;gap:50px;display:flex;position:relative}.blog-article__layout .opacity{opacity:.32}.blog-article__layout div:has(img) img{-o-object-fit:cover;object-fit:cover;max-width:50%;height:auto}@media (width<=540px){.blog-article__layout div:has(img) img{max-width:80%}.blog-article__layout div:has(img){flex-wrap:wrap;gap:8px}}.blog-article__layout table.table-blog{border-spacing:14px;border-collapse:separate}@media (width<=540px){.blog-article__layout table.table-blog{border-spacing:4px}}.blog-article__layout table.table-blog p{font-size:14px}@media (width<=540px){.blog-article__layout table.table-blog p{font-size:12px}}.blog-article__layout table.table-blog tbody td{border-radius:14px;padding:16px}@media (width<=540px){.blog-article__layout table.table-blog tbody td{padding:8px}}.blog-article__layout table.table-blog tbody td p{color:var(--color-text-15);margin:16px 0}@media (width<=540px){.blog-article__layout table.table-blog tbody td p{margin:8px 0}}.blog-article__layout table.table-blog tbody tr.thead td{text-align:center;background-color:var(--color-primary-60)}.blog-article__layout table.table-blog tbody tr.thead td p{font-weight:600}.blog-article__layout table.table-blog tbody tr:not(.thead) td{background-color:var(--color-shape-55)}.blog-article__layout table.table-blog tbody tr:not(.thead) td p{text-align:left}.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child{padding:16px}@media (width<=540px){.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child{padding:8px}}.blog-article__layout table.table-blog tbody tr:not(.thead) td:first-child p{text-align:left;font-weight:700}.blog-article__content{flex:0 0 70%}.blog-article__content h2{font-size:26px}@media (width<=780px){.blog-article__content{flex:0 0 100%}}.blog-article__content ol{margin:16px 0;padding-left:20px;list-style-type:decimal}.blog-article__content ol li{color:var(--color-text-0);font-weight:300}.blog-article__info{align-items:center;width:100%;margin:30px 0;display:flex}@media (width<=780px){.blog-article__info{-moz-column-gap:0;flex-wrap:wrap;gap:20px 0;margin:0 0 30px}}@media (width<=540px){.blog-article__info{row-gap:10px}}.blog-article__info-time{background-color:var(--color-shape-55);border-radius:120px;align-items:center;gap:6px;width:max-content;min-height:38px;padding:10px 18px;display:flex}.blog-article__info-time p{color:var(--color-text-0);font-size:14px}@media (width<=540px){.blog-article__info-time p{font-size:12px}}.blog-article__info-time img{width:13px}.blog-article__info-date{color:var(--color-text-0);background-color:var(--color-shape-55);border-radius:120px;width:max-content;min-height:38px;margin-right:10px;padding:10px 18px;font-size:14px}.blog-article__info-tags{flex-wrap:wrap;gap:10px;margin:0 10px 0 8px;display:flex}@media (width<=780px){.blog-article__info-tags{margin-left:0}}.blog-article__info-tag{background-color:var(--color-shape-55);border-radius:120px;align-items:center;width:max-content;min-height:38px;padding:10px 18px;display:flex}.blog-article__info-tag p{color:var(--color-text-0);font-size:14px}@media (width<=540px){.blog-article__info-tag p{font-size:12px}}.blog-article__author{align-items:center;gap:16px;max-width:max-content;margin-right:26px;display:flex}@media (width<=540px){.blog-article__author{gap:8px;width:100%;max-width:100%}}.blog-article__author-name{text-transform:uppercase;color:var(--color-text-20);font-size:12px}.blog-article__author-image{border-radius:100px;width:56px}@media (width<=540px){.blog-article__author-image{width:40px}}.blog-article__related{margin:112px 0}@media (width<=540px){.blog-article__related{margin:64px 0}}.blog-article__related-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}@media (width<=540px){.blog-article__related-header{margin-bottom:24px}}.blog-article__related-header-link{color:var(--color-shape-20)}@media (width<=540px){.blog-article__related-header-link{font-size:12px}}.blog-article__related-header-icon{transform-origin:50%;display:flex;transform:rotate(-90deg)}.blog-article__toc{background:var(--color-shape-55);border-radius:20px}.blog-article__toc-item{border-radius:20px;align-items:center;width:100%;height:80px;padding:20px 30px;transition:background-color .3s;display:flex}.blog-article__toc-item--active{background-color:var(--color-primary-30)}.blog-article__toc-item--active .text{color:var(--color-text-70)}.blog-article__toc-button{text-align:left;font-size:14px;font-weight:600}@media (width<=999px){.blog-article__toc-button{font-size:12px}}
