.breadcrumb{display:flex;flex-wrap:wrap;padding:3px 0 6px;font-size:16px;line-height:20px;font-weight:550}.breadcrumb span{color:var(--cText)}.breadcrumb>a,.breadcrumb>span{position:relative}.breadcrumb>a:not(:last-child),.breadcrumb>span:not(:last-child){padding-right:38px}.breadcrumb>a:not(:last-child):before,.breadcrumb>span:not(:last-child):before{content:"";position:absolute;display:block;width:8px;height:8px;border:1px solid transparent;border-right-color:var(--cText);border-top-color:var(--cText);transform:rotateZ(45deg);right:17px;top:50%;margin-top:-4px}.dc-loader{--raz:10px;--col:#d92626;z-index:1;opacity:1;display:grid;grid-gap:0;grid-template-areas:"l1 l2 l3" "l4 l5 l6" "l7 l8 l9";grid-template-columns:repeat(3,var(--raz));grid-template-rows:repeat(3,var(--raz));width:calc(var(--raz) * 3);height:calc(var(--raz) * 3)}.dc-loader:after,.dc-loader:before{content:"";display:block;width:var(--raz);height:var(--raz);background:var(--col)}.dc-loader:before{grid-area:l5}.dc-loader:after{grid-area:l6;animation:loader-pulse ease-in 1.8s infinite;opacity:0}@keyframes loader-pulse{0%,25%,50%,75%{opacity:0}30%,5%,55%,80%{opacity:1}5%{grid-area:l8}30%{grid-area:l4}55%{grid-area:l2}80%{grid-area:l6}}.dc-loader.red{--col:#d92626}.dc-loader.green{--col:#2FAA77}.dc-loader.grey{--col:#515866}.dc-loader.white{--col:#FFF}.dc-loader.big{--raz:15px}.dc-loader.small{--raz:5px}.blog-body{min-height:100vh}.blog-body .hero{padding:calc(var(--header-height) + var(--vertical-items-gap)) 0 0}.blog-body .blog-section{padding:var(--vertical-items-gap) 0 var(--between-sections)}.blog-body .blog-app__content[hidden]{display:none}.blog-body .blog-grid-container{max-width:1200px;margin:0 auto;width:100%}.blog-body .blog-cards-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width:1024px){.blog-body .blog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-body .blog-pagination{margin-top:32px}.blog-body .blog-pagination .btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.blog-body .blog-pagination svg{display:block}.blog-body .blog-pagination__page{border-radius:999px}.blog-body .blog-pagination__arrow{border-radius:12px}.blog-body .blog-pagination .btn.filled{background:#1b1f28;border-color:#1b1f28;color:#fff;opacity:1}.blog-body .blog-detail-layout{display:grid;grid-template-columns:1fr;gap:32px}.blog-body .blog-detail-layout__sidebar,.blog-body .blog-detail-layout__toc{display:none}@media (min-width:1280px){.blog-body .blog-detail-layout{grid-template-columns:234px minmax(0,1fr);align-items:start}.blog-body .blog-detail-layout--with-toc{grid-template-columns:234px minmax(0,1fr) 234px}.blog-body .blog-detail-layout__sidebar,.blog-body .blog-detail-layout__toc{display:block}.blog-body .blog-detail-layout__sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 24px);align-self:start}}.blog-body .blog-toc__link{display:block;text-decoration:none;padding:8px 0}.blog-body .blog-toc__title{margin-bottom:8px}.blog-body .blog-toc__link--h3{padding-left:12px}.blog-body .blog-sidebar{border-radius:16px;--blog-sidebar-pad:16px;padding:var(--blog-sidebar-pad);background:rgba(240,239,242,.6)}.blog-body .blog-sidebar__list{display:flex;flex-direction:column;gap:10px}.blog-body .blog-sidebar__link{color:var(--cText);text-decoration:none;display:block;border-radius:0 16px 16px 0;margin-left:calc(-1 * var(--blog-sidebar-pad));margin-right:0;padding:10px 12px 10px calc(var(--blog-sidebar-pad) + 12px);-webkit-margin-start:calc(-1 * var(--blog-sidebar-pad));margin-inline-start:calc(-1 * var(--blog-sidebar-pad));-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-start:calc(var(--blog-sidebar-pad) + 12px);padding-inline-start:calc(var(--blog-sidebar-pad) + 12px);-webkit-padding-end:12px;padding-inline-end:12px;border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:16px;border-end-end-radius:16px}.blog-body .blog-sidebar__link:hover{background:rgba(82,95,122,.08)}.blog-body .blog-sidebar__link--active{background:rgba(253,206,227,.64)}.blog-body .blog-sidebar__link:active{background:rgba(82,95,122,.12)}.blog-body .blog-post-detail__head{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.blog-body .blog-related-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:32px}@media (min-width:1024px){.blog-body .blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-body .blog-hero-author{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center;text-align:center;max-width:784px;width:100%;margin:0 auto}.blog-body .blog-hero-author .blog-author-card__avatar{margin:0}.blog-body .blog-app__loader{padding:64px 0;display:flex;justify-content:center}.blog-body .blog-empty-state{padding:48px 24px;border-radius:24px}.blog-body .blog-author-card,.blog-body .blog-post-card{background:linear-gradient(180deg,rgba(240,239,242,.5) 0,rgba(239,237,247,.2) 50%,rgba(238,236,252,.4) 100%)}.blog-body .blog-author-card,.blog-body .blog-post-card,.blog-body .blog-post-detail{border-radius:24px;overflow:hidden}.blog-body .blog-post-card__image{width:100%;height:220px;object-fit:cover;display:block}.blog-body .blog-post-card__body{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:220px}.blog-body .blog-post-card__body .category{font-weight:700}.blog-body .blog-post-card__body h3 a{text-decoration:none}.blog-body .blog-post-card__meta{margin-top:auto;padding-top:16px}.blog-body .blog-post-card__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.blog-body .blog-post-card__author-info{display:flex;flex-direction:column;gap:2px}.blog-body .blog-author-card{padding:24px;display:flex;flex-direction:column;gap:12px;height:100%}.blog-body .blog-author-card--clickable{cursor:pointer}.blog-body .blog-author-card--clickable:focus-visible{outline:2px solid rgba(82,95,122,.24);outline-offset:2px}.blog-body .blog-author-card__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}.blog-body .blog-post-detail{padding:24px}.blog-body .blog-post-detail__hero{margin:-24px -24px 24px}.blog-body .blog-post-detail__hero img{width:100%;height:360px;object-fit:cover;display:block}.blog-body .blog-post-detail__body{line-height:1.7}
/*# sourceMappingURL=blog.min.css.map */