.Topic{background:#fff;border-radius:10px;margin-bottom:40px;padding:30px 40px 30px 50px;position:relative;overflow:hidden}@media (max-width:1140px){.Topic{margin-bottom:30px;padding:20px 15px}}@media (max-width:520px){.Topic{margin-bottom:25px;padding:20px 10px}}.Topic__close{border:1px solid var(--color_black_45);color:var(--color_black_70);z-index:10;background:#fff;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.Topic__close svg{width:12px;height:12px;transition:inherit;display:block}@media (min-width:992px){.Topic__close:hover{background-color:var(--color_red_main);border-color:var(--color_red_main);color:#fff}}@media (max-width:1140px){.Topic__close{display:none}}.Topic__wrap{justify-content:flex-start;align-items:stretch;gap:65px;display:flex}@media (max-width:1140px){.Topic__wrap{gap:30px}}@media (max-width:640px){.Topic__wrap{gap:15px}}@media (max-width:520px){.Topic__wrap{gap:10px}}.Topic__img{flex:0 0 20%;min-width:20%;padding:10px 0;transition:all .3s,opacity .3s linear .3s}.Topic__img img{width:100%;height:auto;display:block}@media (max-width:1140px){.Topic__img{flex:0 0 170px;min-width:170px}}@media (max-width:640px){.Topic__img{flex:0 0 145px;min-width:145px}}@media (max-width:520px){.Topic__img{flex-basis:115px;min-width:115px}}@media (max-width:389px){.Topic__img{flex-basis:90px;min-width:90px}}.Topic__main{flex-direction:column;justify-content:space-around;align-self:stretch;align-items:flex-start;min-width:0;transition:all .3s;display:flex}@media (max-width:1140px){.Topic__main{flex:auto}}@media (max-width:520px){.Topic__main p{font-size:14px}}@media (max-width:413px){.Topic__main p{margin-bottom:10px}}@media (min-width:641px){.Topic__main>.ResourceBanner-btns-howTo{display:none}}.Topic__title{cursor:pointer;align-items:center;min-height:30px;margin-top:0;margin-bottom:16px;font-size:26px;font-weight:700;line-height:1.4;display:flex}@media (max-width:1140px){.Topic__title{font-size:24px}}@media (max-width:640px){.Topic__title{margin-bottom:10px;font-size:21px}}@media (max-width:520px){.Topic__title{font-size:18px}}@media (max-width:389px){.Topic__title{font-size:14px}}@media (max-width:520px){.Topic__text{font-size:14px}}.Topic__text p:last-child{margin-bottom:0}.Topic__text--closed .Topic__text-wrap{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Topic__text-more{color:var(--color_black_65);cursor:pointer;align-items:center;margin-top:4px;padding:0;font-size:14px;line-height:1.4;display:inline-flex}.Topic__text-more svg{width:16px;height:16px;margin-left:3px;transition:inherit;display:block;transform:rotate(90deg)}.Topic__text-more:hover{color:var(--color_red_main)}.Topic__text-more--active svg{transform:rotate(-90deg)}.Topic .link{font-size:16px}@media (max-width:520px){.Topic .link{font-size:14px}}.TopicButton{color:var(--color_black_70);background:#fff;border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:12px;font-weight:600;transition:all .3s;display:flex}.TopicButton svg{width:24px;height:24px;display:block}.TopicButton--active{color:#fff;background:#000}@media (min-width:992px){.TopicButton:hover{color:#fff;background:#000}}.Topic--closed{background-color:#0000;border-radius:0;padding:0;transition:all .3s linear .3s}.Topic--closed .Topic__close{opacity:0}.Topic--closed .Topic__title{margin-bottom:0;font-size:28px}@media (max-width:1140px){.Topic--closed .Topic__title{font-size:26px}}@media (max-width:640px){.Topic--closed .Topic__title{font-size:24px}}@media (max-width:520px){.Topic--closed .Topic__title{font-size:20px}}@media (max-width:389px){.Topic--closed .Topic__title{font-size:16px}}.Topic--closed .Topic__btns,.Topic--closed .Topic__main p,.Topic--closed .Topic__title br{display:none}.Topic--closed .Topic__img{opacity:0;flex:0 0;min-width:0;transition:all .3s linear .3s,opacity .3s}.Topic--closed .Topic__main{min-width:100%;transition:all .3s linear .3s}.Topic--closed .Topic__wrap{gap:0;transition:all .3s linear .3s}.Topic--closed .Topic__text,.Topic--closed .Topic__text-more{display:none}
