.blog .progress{background:var(--col-orange);height:5px;left:0;position:fixed;top:0;width:0;z-index:100}.blog .info{text-align:left}.blog .info .title h1{font-size:50px;font-weight:700}.blog .info .description{color:#9e9c9c;font-size:20px;font-weight:700}.subscriber{background:#b3daff;border-radius:10px;padding:100px}.subscriber .header{font-size:30px;font-weight:600}.subscriber .form{margin:30px auto 0;max-width:555px}.subscriber .form .notice{background:var(--col-notice);border-radius:10px;color:var(--col-text);margin-bottom:16px;padding:10px}.tags ul{display:flex;flex-wrap:wrap;width:100%}.tags a{background:#e3e3e3;border-radius:3px;color:var(--col-text);display:flex;font-size:16px;font-weight:600;margin:10px 20px 10px 0;padding:8px;text-align:left}.articles{grid-gap:40px;display:grid;grid-template-columns:repeat(4,minmax(260px,310px));opacity:1;transition:all .3s}.articles.fadeout{opacity:0}.articles>a{background:#fff;border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.04);color:var(--col-text);display:flex;flex-direction:column;justify-content:left;overflow:hidden;position:relative;text-align:left;transition:all .1s}.articles>a:hover{transform:scale(1.05)}.articles>a .logo{font-size:0;max-height:174px}.articles>a .logo img{height:100%;margin:0;width:100%}.articles>a .tags ul{padding:15px}.articles>a .tags a{font-size:11px;margin:5px 10px 5px 0;padding:5px}.articles>a .info{display:flex;flex-direction:column;flex-grow:2;justify-content:end;padding:0 15px 15px;position:relative}.articles>a .title{font-size:18px;font-weight:600;margin:13px 15px 23px}.articles>a .author a{color:var(--col-text);font-size:13px;font-weight:600}.articles>a .dt{display:flex;font-size:11px;font-weight:500;margin-top:8px}.articles>a .dt>div:last-child{line-height:14px;margin-left:30px;position:relative}.articles>a .dt>div:last-child:before{color:var(--col-text);content:"\2022";font-size:24px;font-weight:700;left:-20px;line-height:11px;margin-right:10px;position:absolute;top:0}.article .info{text-align:left;white-space:nowrap}.article .info .name h1{color:var(--col-text);font-size:25px;font-weight:700;white-space:normal}.article .info ul{grid-column-gap:50px;align-items:center;display:grid;font-size:0;grid-template-areas:"b1 b2 b3 b4";justify-content:left}.article .general div{align-items:center;display:flex;font-size:13px;font-weight:300}.article .general .ico{background:no-repeat 50%/100%;display:block;height:20px;margin-right:8px;width:20px}.article .general .ico.views{background-image:url(/image/blog/views.svg)}.article .general .ico.readtime{background-image:url(/image/blog/readtime.svg);height:15px;width:15px}.article .authors ul{font-size:0}.article .info a{align-items:center;color:var(--col-text);display:flex}.article .avatar img{border-radius:50%;height:60px;width:60px}.article .inf{line-height:25px;margin-left:20px}.article .inf>div:first-child{font-size:13px;font-weight:300}.article .inf>div:last-child{font-size:18px;font-weight:600}.article .content{align-items:start;display:flex;text-align:left}.article .content>.short{background:#fff;border-radius:10px;margin-right:40px;min-width:300px;padding:20px;position:sticky;top:20px;z-index:10}.article .content>.short .header{border-bottom:.5px solid var(--col-rates-dl);font-size:16px;font-weight:700;margin-bottom:25px;padding-bottom:15px}.article .content>.short .list{font-size:15px}.article .content>.short .list li{margin-bottom:20px}.article .content>.short .list li:last-child{margin:0}.article .content>.short .list .h2{font-weight:600}.article .content>.short .list .h3{color:#bbb;display:block;font-size:13px;font-weight:600;margin-left:10px}.article .content .blocks{flex-grow:1;font-size:18px;letter-spacing:.04em;line-height:32px;min-width:0;width:100%}.article .content .blocks .logo{border-radius:10px;overflow:hidden}.article .content .blocks .logo img{display:block;margin:0;width:100%}.article .content .blocks ul{list-style:disc inside}.article .content .blocks ol{list-style:decimal inside}.article .content .blocks table{margin-bottom:15px}.article .content .blocks th{font-weight:600}.article .content .blocks td,.article .content .blocks th{border:2px solid var(--col-text);line-height:25px;padding:5px 10px}.article .content .blocks td{font-size:15px}.article .content .blocks .autoscroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:10px;width:100%}.article .content .blocks .autoscroll>table{border-collapse:collapse;min-width:650px;white-space:nowrap;width:max-content}.article .content .blocks h2{font-size:25px;font-weight:700;margin:80px 0 40px}.article .content .blocks h3{font-size:20px;font-weight:700;margin:50px 0 20px}.article .content .blocks img,.article .content .blocks p,.article .content .blocks video{margin-bottom:15px;width:100%}.article .content .blocks ol,.article .content .blocks ul{margin-bottom:40px}.article .content .blocks li{margin-bottom:10px}.article .content .blocks img.nosize{width:auto}.article .content .blocks>h2:first-child,.article .content .blocks>h3:first-child{margin-top:0}.article .content .blocks .mb0{margin:0}.article .content .blocks blockquote{background:#c4e3ff;border-radius:35px;font-size:14px;line-height:25px;margin-bottom:15px;padding:30px}.article .content .blocks blockquote.lifehack{background:#e4e2fe}.article .content .blocks blockquote.comment,.article .content .blocks blockquote.tale{background:#fff}.article .content .blocks blockquote>p:first-child{font-size:18px}.article .content .blocks blockquote>p:last-child{font-weight:300;margin:0}.article .content .blocks blockquote.tale>p{font-size:18px;font-weight:400;letter-spacing:.04em;line-height:32px}.article .content .blocks .mbs2{margin-bottom:40px}.article .content .bnr{display:block;margin-bottom:50px}.article .content .bnr>img{display:block;margin:0}.article .comments{text-align:left}.article .comments .hide{display:none!important}.article .comments textarea{position:relative;z-index:1}.article .comments input{background:var(--col-input-bg);border-radius:25px;color:var(--col-input);padding:15px 20px}.article .comments input::placeholder{color:var(--col-input)}.article .comments .general-button{border-radius:25px}.article .comments .general-button div{padding:15px 20px}.article .comments .more .upload{font-size:0}.article .comments .more .upload>div{position:relative}.article .comments .header h2{font-size:20px;font-weight:700}.article .comments .more{opacity:1;transition:all .3s}.article .comments .more.invisible{height:0;margin:0;opacity:0;visibility:hidden}.article .comments .more .name{margin-right:30px}.article .comments .more .avatars{align-items:center;display:flex;flex-wrap:wrap;font-size:0}.article .comments .more .avatars>div{border:4px solid transparent;border-radius:50%;cursor:pointer;margin:0 20px 20px 0;overflow:hidden;transition:all .2s}.article .comments .more .avatars>div img{border-radius:50%;height:60px;width:60px}.article .comments .more .avatars>div.selected{border-color:#0587ff;transform:scale(1.1)}.article .comments .more .upload .avatar>div{background:var(--col-button);border-radius:50%;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:25px;line-height:23px;position:absolute;right:-10px;text-align:center;top:-10px;width:25px}.article .comments .more .upload img{border-radius:50%;height:50px;width:50px}.article .comments .list .comment{background:var(--col-block-bg);border-radius:25px;box-shadow:var(--col-block-shadow);margin-bottom:40px;padding:20px}.article .comments .list .tree .comment{margin:20px 0 0;padding:20px}.article .comments .list .info{align-items:start;display:flex;justify-content:space-between;margin-bottom:20px}.article .comments .list .avatar{font-size:0}.article .comments .list .name{font-size:17px;font-weight:500;margin-left:20px;white-space:nowrap}.article .comments .list .dt{flex-grow:1;font-size:12px;text-align:right}.article .comments .list .message{font-size:15px;margin-bottom:20px}.article .comments .list .reply{color:var(--col-link);cursor:pointer;display:inline;font-size:15px}.article .faq{align-items:center;display:flex}.article .faq .header{flex-direction:column;margin-right:40px;min-width:300px}.article .faq .header,.article .faq .header .circle{align-items:center;display:flex;justify-content:center}.article .faq .header .circle{border-radius:50%;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);color:var(--col-link);font-size:50px;font-weight:700;height:100px;width:100px}.article .faq .header .sign{font-size:22px;font-weight:600;margin-top:10px}.article .faq .list{border-radius:10px;overflow:hidden;width:100%}.article .faq li{background:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);cursor:pointer;padding:15px;transition:all .3s}.article .faq li>h3{color:var(--col-link);display:block;font-size:16px;font-weight:600;line-height:30px;position:relative}.article .faq li>h3:after{border-left:2px solid var(--col-link);border-top:2px solid var(--col-link);content:"";display:block;height:10px;position:absolute;right:0;top:6px;transform:rotate(-135deg);transition:all .3s;width:10px}.article .faq li>h3.active:after{top:10px;transform:rotate(45deg)}.article .faq .text{background:#fff;border-radius:55px;font-size:0;height:0;opacity:0;transition:all .3s}.article .faq .text.active{font-size:15px;height:auto;opacity:1;padding:20px 0 10px}.article .links{align-items:center;display:flex;justify-content:space-between}.article .similar{text-align:left}.article .similar .header h2{font-size:20px;font-weight:700}.article .similar .articles{font-size:18px;font-weight:700}.article .similar .logo img{border-radius:0}.author .person{display:flex}.author .person>div{width:50%}.author .avatar{font-size:0;text-align:center}.author .avatar img{border:5px solid #1e9870;border-radius:50%;height:150px;width:150px}.author .info{text-align:left}.author .info .name{font-size:20px;font-weight:700;margin-bottom:20px}.author .info .biography{font-size:16px}.author .info .biography>div:first-child{color:#1e9870;font-weight:700;margin-bottom:5px}.author .info .biography>div:last-child{font-size:14px}.author .links{margin-top:20px}.author .links ul{display:flex}.author .links a{background:no-repeat 50%/100%;display:block;height:30px;margin-right:15px;width:30px}.author .links a.vk{background-image:url(/image/soc-vk.svg)}.author .links a.x{background-image:url(/image/soc-x.svg)}.author .links a.facebook{background-image:url(/image/soc-facebook.svg)}.author .links a.linkedin{background-image:url(/image/soc-linkedin.svg)}.author{text-align:left}.author .works .header{font-size:20px;font-weight:700}@media (max-width:1200px){.blog .info .title h1{font-size:45px}.blog .info .description{font-size:18px}.subscriber{padding:90px}.subscriber .header{font-size:25px}.subscriber .form{margin:25px auto 0;max-width:461px}.tags a{font-size:14px;margin:9px 18px 9px 0;padding:6px}.articles{grid-gap:20px;grid-template-columns:repeat(4,minmax(225px,273px))}.articles>a .tags ul{padding:12px}.articles>a .tags a{font-size:10px;margin:4px 8px 4px 0;padding:4px}.articles>a .title{font-size:15px;margin:5px 12px 18px}.articles>a .author a{font-size:12px}.articles>a .info{padding:0 12px 12px}.article .comments .more .name{margin-right:25px}.article .comments .more .avatars>div{border:3px solid transparent;margin:0 15px 15px 0}.article .comments .more .avatars>div img,.article .comments .more .upload img{height:48px;width:48px}.article .comments .more .upload .avatar>div{height:22px;line-height:20px;right:-6px;top:-6px;width:22px}.article .comments .list .info{margin-bottom:15px}.article .comments .list .name{font-size:15px}.article .comments .list .message{font-size:14px;margin-bottom:15px}.article .comments .list .reply{font-size:14px}.article .comments .list .comment{margin-bottom:30px;padding:15px}.article .comments .list .tree .comment{margin-top:15px;padding:15px}.article .avatar img{height:48px;width:48px}}@media (max-width:992px){.blog .info .title h1{font-size:40px}.blog .info .description{font-size:16px}.tags a{font-size:13px;margin:7px 14px 7px 0;padding:4px}.articles{grid-gap:30px;grid-template-columns:repeat(3,minmax(223px,300px))}.articles>a .logo{max-height:165px}.subscriber{padding:70px}.subscriber .header{font-size:22px}.subscriber .form{margin:22px auto 0;max-width:402px}.subscriber .form .general-button,.subscriber .form input{font-size:12px}.subscriber .form .general-field{padding:6px 6px 6px 15px}.subscriber .form .general-button div{padding:8px 15px}.article .info ul{grid-column-gap:30px}.article .general div{font-size:12px}.article .content>.short{width:200px}.article .content .blocks{font-size:16px}.article .content .blocks .autoscroll:after{content:"← Листайте таблица вбок →";display:block;font-size:12px;margin:8px 0 4px;text-align:center}.article .content .blocks h2{font-size:22px;margin:60px 0 35px}.article .content .blocks h3{font-size:17px;margin:20px 0 15px}.article .content .blocks img,.article .content .blocks p,.article .content .blocks video{margin-bottom:10px}.article .content .blocks ol,.article .content .blocks ul{margin-bottom:35px}.article .content .blocks li{margin-bottom:8px}.article .content .blocks .mbs2{margin-bottom:35px}.article .comments .list .name{font-size:13px;margin-left:15px}.article .comments .list .message,.article .comments .list .reply{font-size:13px}.article .faq .header{min-width:200px}}@media (max-width:768px){.blog .info .title h1{font-size:38px}.blog .info .description{font-size:15px}.tags a{margin:8px 16px 8px 0}.articles{grid-template-columns:repeat(2,minmax(263px,345px))}.articles>a .logo{max-height:193px}.subscriber{padding:55px}.subscriber .header{font-size:18px}.subscriber .form{margin:18px auto 0;max-width:330px}.subscriber .form .general-button,.subscriber .form input{font-size:10px}.subscriber .form .general-field{padding:6px 6px 6px 15px}.subscriber .form .general-button div{padding:8px 15px}.article .general div{font-size:12px;margin:0 0 10px;width:100%}.article .info ul{grid-column-gap:30px;grid-template-areas:"b1 b2" "b3 b4"}.article .info a{margin:0}.article .avatar img{height:40px;width:40px}.article .inf{line-height:18px;margin-left:12px}.article .inf>div:first-child{font-size:11px}.article .inf>div:last-child{font-size:12px}.article .comments input{border-radius:20px;padding:15px 10px}.article .comments .general-button div{padding:15px 10px}.article .comments .list .comment{margin-bottom:20px;padding:10px}.article .comments .more .name{margin-right:20px}.article .comments .more .avatars>div{margin:0 10px 10px 0}.article .comments .more .avatars>div img{height:40px;width:40px}.article .comments .list .name{font-size:12px;margin-left:15px}.article .comments .list .message,.article .comments .list .reply{font-size:12px}.article .comments .list .tree .comment{margin-top:10px;padding:10px}}@media (max-width:576px){.blog .info .title h1{font-size:36px}.blog .info .description{font-size:14px}.tags a{font-size:12px;margin:7px 14px 7px 0;padding:4px}.articles{grid-template-columns:repeat(1,auto)}.articles>a:hover{transform:none}.articles>a .logo{max-height:292px}.articles>a .tags ul{padding:10px}.articles>a .title{margin:5px 10px 18px}.articles>a .info{padding:0 10px 10px}.subscriber{padding:40px}.subscriber .form{margin:16px auto 0}.subscriber .form .general-button,.subscriber .form input{font-size:8px}.subscriber .form .general-field{padding:5px 5px 5px 12px}.subscriber .form .general-button div{padding:6px 12px}.author .person{flex-direction:column}.author .person>div{width:100%}.author .person .avatar{margin-bottom:20px}.article .info ul{grid-column-gap:10px}.article .general div{font-size:10px;margin:0 0 10px}.article .content{flex-direction:column}.article .content>.short{margin:0 0 50px;position:static;width:100%}.article .content .blocks{font-size:15px}.article .content .blocks h2{font-size:18px;margin:55px 0 30px}.article .content .blocks h3{font-size:15px;margin:15px 0 10px}.article .content .blocks ol,.article .content .blocks ul{margin-bottom:30px}.article .content .blocks li{margin-bottom:6px}.article .content .blocks td,.article .content .blocks th{font-size:14px;line-height:18px;padding:5px}.article .content .blocks blockquote{border-radius:15px;padding:20px}.article .content .blocks blockquote>p:first-child{font-size:16px}.article .content .blocks .mbs2{margin-bottom:30px}.article .faq{flex-direction:column}.article .faq .header{margin:0 0 20px;width:100%}.article .faq li{padding:10px}.article .comments .more .upload>div{width:100%}.article .comments .list .dt{font-size:10px}.article .faq .name{font-size:14px;line-height:30px}.article .faq .text{font-size:13px}}