.b-blog{display:flex;margin-bottom:var(--mb-block);flex-direction:column;gap:64px}@media(min-width:768px)and (max-width:1299px){.b-blog{gap:40px}}@media(max-width:767px){.b-blog{gap:32px}}.b-blog .blog__tabs{display:flex;height:58px;gap:12px}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__tabs{height:52px;gap:8px}}@media(max-width:767px){.b-blog .blog__tabs{height:56px;gap:6px}}.b-blog .blog__tab{display:flex;border-radius:6px;background-color:#f6f6f6;flex:1 1 0;justify-content:center;align-items:center;color:#000c;font-size:24px;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:.2s ease-in-out;transition-property:color,background-color}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__tab{font-size:18px}}@media(max-width:767px){.b-blog .blog__tab{padding:0 8px;font-size:14px;white-space:normal}}.b-blog .blog__tab:hover{color:#000c;text-decoration:none}.b-blog .blog__tab--active{background-color:#171513;color:#fff}.b-blog .blog__tab--active:hover{color:#fff;text-decoration:none}.b-blog .blog__catalog{display:flex;flex-direction:column;gap:32px}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__catalog{gap:40px}}.b-blog .blog__panel{position:relative;display:none}.b-blog .blog__panel--active{display:block}.b-blog .blog__loader{position:absolute;z-index:5;right:0;bottom:0;left:0;display:none;height:160px;background:linear-gradient(180deg,#fff0,#ffffffe6 60%);justify-content:center;align-items:center}.b-blog .blog__panel--busy .blog__loader{display:flex}.b-blog .blog__spinner{width:40px;height:40px;border:3px solid #d6e0ec;border-top-color:#ed6300;border-radius:50%;animation:blogSpin .8s linear infinite}.b-blog .blog__intro{display:flex;flex-direction:column;gap:64px}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__intro{gap:24px}}@media(max-width:767px){.b-blog .blog__intro{gap:16px}}.b-blog .blog__head{display:flex;align-items:flex-start;gap:24px}@media(max-width:1299px){.b-blog .blog__head{flex-direction:column;align-items:stretch}}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__head{gap:20px}}@media(max-width:767px){.b-blog .blog__head{gap:12px}}.b-blog .blog__title{margin:0;flex:1 1 auto}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__title{font-size:36px;line-height:1}}@media(max-width:767px){.b-blog .blog__title{font-size:24px;line-height:1;text-align:left}}.b-blog .blog__lead{max-width:677px;flex:1 1 677px;color:#171513;font-size:18px;font-weight:400;line-height:1.5}@media(max-width:1299px){.b-blog .blog__lead{max-width:none;flex:none}}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__lead{font-size:16px}}@media(max-width:767px){.b-blog .blog__lead{font-size:14px;line-height:1.2}}.b-blog .blog__rubrics{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:767px){.b-blog .blog__rubrics{gap:6px}}.b-blog .blog__rubrics--hidden{display:none}.b-blog .blog__rubric{padding:9px 16px 8px;border:1px solid #d6e0ec;border-radius:45px;color:#171513;font-size:18px;font-weight:400;line-height:1.2;text-decoration:none}@media(min-width:768px)and (max-width:1299px){.b-blog .blog__rubric{padding:8px 14px;font-size:16px}}@media(max-width:767px){.b-blog .blog__rubric{min-height:32px;padding:8px 10px;font-size:12px}}.b-blog .blog__rubric:hover{color:#171513;text-decoration:none}.b-blog .blog__rubric--active{border-color:#171513;background-color:#171513;color:#fff}.b-blog .blog__rubric--active:hover{color:#fff;text-decoration:none}.b-blog-head{display:flex;margin-bottom:64px;justify-content:space-between;align-items:flex-end}@media(min-width:768px)and (max-width:1299px){.b-blog-head{margin-bottom:40px;flex-direction:column;align-items:stretch;gap:24px}}@media(max-width:767px){.b-blog-head{margin-bottom:32px;flex-direction:column;align-items:stretch;gap:20px}}.b-blog-head .blog-head__text{max-width:601px;color:#171513;font-size:18px;font-weight:400;line-height:1.5}@media(max-width:1299px){.b-blog-head .blog-head__text{max-width:none}}@media(min-width:768px)and (max-width:1299px){.b-blog-head .blog-head__text{font-size:16px}}@media(max-width:767px){.b-blog-head .blog-head__text{font-size:14px;line-height:1.2}}@keyframes blogSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
