@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap";*{-moz-osx-font-smoothing:grayscale;margin:0px;padding:0px;line-height:1;box-sizing:border-box;list-style:none;text-decoration:none;-webkit-font-smoothing:antialiased}input,textarea,select,button{font-family:"Roboto",sans-serif;font-weight:400;font-size:16px}body{line-height:1.5;font-family:"Roboto",sans-serif;color:#121212;font-size:16px;background:#f8f8f7}strong{font-weight:700}p{margin-bottom:15px}a{color:#101010;transition:color .3s ease}a:hover{color:#216651}.hidden{display:none}::-webkit-scrollbar{width:8px}@media(max-width: 600px){::-webkit-scrollbar{width:3px}}::-webkit-scrollbar-track{background:#ededed}::-webkit-scrollbar-thumb{border-radius:10px;transition:all .3s ease;background:#d3d3d3}@media(max-width: 600px){::-webkit-scrollbar-thumb{border-radius:1px}}::-webkit-scrollbar-thumb:hover{background:#cbcbcb}.act-node-f{border-radius:6px;align-items:center;transition:all .3s ease;background:rgba(0,0,0,0);display:flex;border:1px solid #d9d9d8;gap:10px;padding:15px}@media(max-width: 600px){.act-node-f span{display:none}}.act-node-f:hover{background:#83eea2;border:1px solid #5ffc8d;color:#226752}.act-node-f:hover i{color:#216651}.act-node-f i{transition:all .3s ease;color:#83eea2}.act-node-n{background:#82eda1;border-radius:7px;padding:15px;gap:10px;display:none;transition:all .3s ease;align-items:center;border:1px solid #5dfa8b}@media(max-width: 600px){.act-node-n{display:flex}.act-node-n span{display:none}}.act-node-n i{color:#216651;transition:all .3s ease}.act-node-h{border:1px solid #5ffc8d;background:#82eda1;width:max-content;display:flex;border-radius:7px;align-items:center;gap:10px;padding:15px;transition:all .3s ease}.act-node-h:hover{background:#5dfa8b}.act-node-p{display:flex;border-radius:9px;gap:10px;padding:15px;border:1px solid #5efb8c;transition:all .3s ease;align-items:center;background:#82eda1}.act-node-p:hover{background:#5ffc8d}.act-node-d{border-radius:9px;gap:10px;transition:all .3s ease;padding:15px;justify-content:center;background:#82eda1;flex-grow:1;align-items:center;border:1px solid #5ffc8d;display:flex}@media(max-width: 600px){.act-node-d{justify-content:flex-start}}.act-node-d:hover{background:#5efb8c}.act-node-d small{border-radius:21px;font-size:12px;background:#b2ffc8;padding:3px 8px}.act-node-fa{transition:all .3s ease;border-radius:10px;border:1px solid #5efb8c;align-items:center;padding:15px;gap:10px;display:flex;background:#81eca0}.act-node-fa:hover{background:#5efb8c}.act-node-a{border-radius:37px;transition:all .3s ease;align-items:center;border:1px solid #d8d8d7;color:#216651;gap:10px;display:flex;padding:10px 15px}.act-node-a:hover{color:#226752;border:1px solid #5ffc8d;background:#83eea2}.act-node-a:hover i{color:#236853;opacity:1}.act-node-a i{opacity:.5;transition:all .3s ease}.act-node-c{align-items:center;color:#236853;transition:all .3s ease;border-radius:34px;padding:10px 15px;gap:10px;display:flex;border:1px solid #dadad9}@media(max-width: 600px){.act-node-c{font-size:14px;padding:8px 10px}}.act-node-c:hover{border:1px solid #5ffc8d;background:#83eea2;color:#216651}.act-node-c:hover i{opacity:1;color:#226752}.act-node-c i{transition:all .3s ease;opacity:.5}.act-node-r{border:1px solid #d8d8d7;padding:10px 20px;color:#216651;gap:10px;width:max-content;border-radius:10px;align-items:center;display:flex;background:rgba(0,0,0,0);transition:all .3s ease}.act-node-r:hover{background:#f0fff5;border:1px solid #5ffc8d}.act-node-s{gap:10px;border-radius:10px;background:#82eda1;display:flex;align-items:center;transition:all .3s ease;border:1px solid #5ffc8d;padding:10px 20px;width:max-content}.act-node-s:hover{background:#5dfa8b}.notice-box{border:1px solid #dcf6e3;width:calc(100% - 20px);max-width:1200px;gap:10px;align-items:center;font-size:18px;margin:0 10px;background:#f2f7f3;display:flex;border-radius:11px;font-weight:300;padding:20px}@media(max-width: 600px){.notice-box{width:calc(100% - 10px);padding:10px;font-size:16px;margin:0 5px}}.notice-box-w{gap:10px;font-weight:300;width:calc(100% - 20px);max-width:1200px;align-items:center;border-radius:9px;font-size:18px;background:#f9f0ed;padding:20px;border:1px solid #f7d4ce;margin:0 10px;display:flex}@media(max-width: 600px){.notice-box-w{padding:10px;font-size:16px;margin:0 5px;width:calc(100% - 10px)}}.notice-box-w i{color:#f53c25}.notice-box-s{margin:0 10px;gap:10px;background:#f2f7f3;width:calc(100% - 20px);font-size:18px;border:1px solid #dcf6e3;display:flex;font-weight:300;padding:20px;max-width:1200px;border-radius:11px;align-items:center}@media(max-width: 600px){.notice-box-s{width:calc(100% - 10px);margin:0 5px;font-size:16px;padding:10px}}.notice-box-s i{color:#5dfa8b}.notice-box-i{border-radius:8px;margin:0 10px;padding:20px;border:1px solid #c5e2f7;font-size:18px;gap:10px;display:flex;font-weight:300;background:#eff5f9;width:calc(100% - 20px);max-width:1200px;align-items:center}@media(max-width: 600px){.notice-box-i{font-size:16px;width:calc(100% - 10px);margin:0 5px;padding:10px}}.notice-box-i i{color:#259ef5}.notice-box-p{margin:0 10px;font-weight:300;border-radius:9px;padding:20px;background:#f4f1f9;border:1px solid #e3d6f8;gap:10px;width:calc(100% - 20px);max-width:1200px;display:flex;font-size:18px;align-items:center}@media(max-width: 600px){.notice-box-p{padding:10px;width:calc(100% - 10px);font-size:16px;margin:0 5px}}.notice-box-p i{color:#9e25f5}#side-panel-x{background:#f9f9f8;left:0px;height:100vh;padding:10px;overflow:auto;transition:all .3s ease;flex-direction:column;position:fixed;width:240px;border-right:1px solid rgba(34,34,34,.1019607843);display:flex;top:0px;gap:30px}@media(max-width: 600px){#side-panel-x{top:66px;border-right:none;height:auto;transform:translateY(-100%);width:100%;position:fixed;border-bottom:1px solid rgba(34,34,34,.1019607843)}#side-panel-x.active{transform:translateY(0%)}#side-panel-x .brand-mark-v1{display:none}#side-panel-x .trend-block{display:none}}.brand-mark-v1{padding:10px;align-items:center;display:flex;gap:10px}.brand-mark-v1 img{max-width:45px;max-height:45px}.brand-mark-v1 h1{font-size:36px;font-weight:700;color:#111111}nav#nav-group-a{width:100%;flex-direction:column;display:flex}nav#nav-group-a ul{width:100%;flex-direction:column;display:flex}nav#nav-group-a ul li{display:flex;width:100%}nav#nav-group-a ul a{border-radius:9px;width:100%;gap:10px;display:flex;transition:all .3s ease;padding:15px 10px;align-items:center}nav#nav-group-a ul a i{transition:all .3s ease}nav#nav-group-a ul a:hover,nav#nav-group-a ul a.active{background:rgba(130,237,161,.1019607843);border-radius:7px}nav#nav-group-a ul a:hover i,nav#nav-group-a ul a.active i{color:#81eca0}nav#nav-group-b{width:100%;gap:10px;flex-direction:column;display:flex}nav#nav-group-b h5{font-weight:400;font-size:14px;padding:0 10px;opacity:.4}nav#nav-group-b ul{width:100%;flex-direction:column;display:flex}nav#nav-group-b ul li{display:flex;width:100%}nav#nav-group-b ul a{align-items:center;border-radius:9px;transition:all .3s ease;display:flex;justify-content:space-between;padding:15px 10px;width:100%;gap:10px}nav#nav-group-b ul a i{transition:all .3s ease;opacity:.1}nav#nav-group-b ul a:hover,nav#nav-group-b ul a.active{border-radius:6px;background:rgba(130,237,161,.1019607843)}nav#nav-group-b ul a:hover i,nav#nav-group-b ul a.active i{opacity:1;color:#82eda1}.trend-block{gap:10px;flex-direction:column;width:100%;display:flex}.trend-block h5{font-size:14px;font-weight:400;opacity:.4;padding:0 10px}.trend-grid{width:100%;display:flex;flex-direction:column;gap:1px}.trend-grid .item-card-s{flex-grow:initial;min-width:100%;flex-shrink:initial;flex-basis:initial;background:rgba(0,0,0,0)}#main-view{display:flex;gap:20px;align-items:center;flex-direction:column;padding-left:240px;justify-content:center;width:100%}@media(max-width: 600px){#main-view{padding-left:0px}}#top-bar{z-index:9;background:rgba(249,249,248,.5843137255);width:100%;justify-content:center;flex-direction:column;backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,34,34,.1019607843);display:flex;top:0px;align-items:center;padding:20px 0;position:sticky}@media(max-width: 600px){#top-bar{padding:10px 0}}#top-brand{display:none}@media(max-width: 600px){#top-brand{display:flex}}#top-brand img{max-width:45px;max-height:45px}#top-in-wrap{height:45px;max-width:1200px;justify-content:space-between;align-items:flex-start;display:flex;gap:10px;margin:0 10px;width:calc(100% - 20px)}@media(max-width: 600px){#top-in-wrap{margin:0 5px;gap:5px;width:calc(100% - 10px)}#top-in-wrap .act-node-f{display:none}}#query-block{width:100%;border:1px solid #d8d8d7;overflow:hidden;flex-direction:column;position:relative;border-radius:9px;display:flex;background:#f4f4f3}#query-block form{flex-direction:column;width:100%;display:flex}#query-field{border-radius:7px;border:none;padding:0 35px 0 10px;height:45px;background:rgba(0,0,0,0)}#query-field:focus{outline:none}#query-btn{cursor:pointer;top:13px;opacity:.5;border:none;right:10px;position:absolute;font-size:18px;transition:all .3s ease;background:rgba(0,0,0,0)}#query-btn:hover{opacity:1}#query-list{flex-direction:column;width:100%;border-top:1px solid rgba(34,34,34,.1019607843);display:flex}.query-item{width:100%;align-items:center;cursor:pointer;transition:all .3s ease;justify-content:space-between;display:flex;padding:10px}.query-item:hover{background:#e9e9e8}.query-item i{opacity:.1}.item-card-x{flex:1 0 320px;border-radius:12px;align-items:center;justify-content:space-between;background:#f4f9f5;min-width:320px;transition:all .3s ease;display:flex;padding:5px}@media(max-width: 600px){.item-card-x{min-width:100%;flex:1 0 100%}}.item-card-x:hover{background:#eef9f0}.item-card-x:hover .item-media-x img{transform:scale(1.5)}.item-card-x:hover .media-btn-x{background:#81eca0}.item-link-x{align-items:center;display:flex;gap:10px}.item-media-x{border-radius:3px;height:70px;flex-shrink:0;display:flex;overflow:hidden;width:70px}.item-media-x img{object-fit:cover;width:100%;transition:all .9s ease;height:100%}.item-info-x{display:flex;flex-direction:column;gap:5px}.item-info-x span:first-child{font-size:18px;font-weight:600;overflow:hidden;max-height:36px}.item-info-x span:last-child{max-height:28px;overflow:hidden;font-size:14px;font-weight:300}.item-ctrl-x{gap:10px;padding:5px;display:flex;align-items:center}.item-ctrl-x>span{font-size:14px;opacity:.4}.media-btn-x{color:#236853;height:45px;width:45px;align-items:center;display:flex;justify-content:center;transition:all .3s ease;background:#ddf7e4;border-radius:50%}.item-card-s{padding:10px;align-items:center;background:rgba(130,237,161,.0509803922);min-width:230px;transition:all .3s ease;display:flex;border-radius:10px;flex:1 0 230px;gap:10px}.item-card-s:hover{background:rgba(130,237,161,.1019607843)}.item-card-s:hover .item-media-s img{transform:scale(1.5)}.item-card-s:hover .item-media-s::before{opacity:1}.item-card-s:hover .item-media-s i{opacity:1}.item-media-s{border-radius:3px;height:40px;flex-shrink:0;width:40px;display:flex;overflow:hidden;color:#216651;position:relative}.item-media-s img{object-fit:cover;width:100%;transition:all .9s ease;height:100%}.item-media-s::before{transition:all .3s ease;content:"";height:100%;border-radius:6px;background:rgba(130,237,161,.8);width:100%;left:0px;opacity:0;top:0px;z-index:2;position:absolute}.item-media-s i{top:50%;transform:translate(-50%, -50%);position:absolute;opacity:0;z-index:3;transition:all .6s ease;left:50%}.item-card-s>span{max-height:32px;overflow:hidden}.item-card-m{flex:1 0 230px;background:rgba(130,237,161,.0509803922);align-items:center;min-width:230px;display:flex;border-radius:6px;padding:10px;transition:all .3s ease;gap:10px}.item-card-m:hover{background:rgba(130,237,161,.1019607843)}.item-card-m>i{height:35px;justify-content:center;align-items:center;width:35px;transition:all .3s ease;display:flex;border-radius:50%;background:#dcf6e3;color:#226752}.item-card-m>span{overflow:hidden;max-height:32px}.item-card-l{border-radius:9px;padding:5px;transition:all .3s ease;min-width:280px;display:flex;gap:5px;background:rgba(130,237,161,.0509803922);flex:1 0 280px}.item-card-l:hover{background:rgba(130,237,161,.1019607843)}.item-card-l:hover .item-media-l img{transform:scale(1.5)}.item-card-l:hover .item-media-l::before{opacity:1}.item-card-l:hover .item-media-l i{opacity:1}.item-media-l{border-radius:6px;height:90px;width:90px;position:relative;flex-shrink:0;display:flex;overflow:hidden}.item-media-l img{width:100%;object-fit:cover;height:100%;transition:all .9s ease}.item-media-l::before{height:100%;transition:all .3s ease;content:"";border-radius:6px;z-index:2;position:absolute;top:0px;background:rgba(130,237,161,.8);width:100%;opacity:0;left:0px}.item-media-l i{font-size:24px;transition:all .6s ease;transform:translate(-50%, -50%);z-index:3;opacity:0;top:50%;position:absolute;left:50%}.item-info-l{padding:5px;width:100%;flex-direction:column;display:flex;justify-content:space-between}.item-sub-l{flex-direction:column;display:flex;gap:5px}.item-sub-l span:first-child{font-weight:600;overflow:hidden;max-height:32px}.item-sub-l span:last-child{font-size:14px;font-weight:300;max-height:28px;overflow:hidden}.item-meta-l{opacity:.5;font-size:14px;justify-content:space-between;display:flex}.item-meta-l>div{display:flex;gap:5px}.promo-box{width:calc(100% - 20px);margin:0 10px;padding:40px;border-radius:11px;max-width:1200px;min-height:400px;background:linear-gradient(280deg, rgba(130, 237, 161, 0.2117647059) 0%, rgba(130, 237, 161, 0.0705882353) 100%);gap:30px;display:flex;align-items:center}@media(max-width: 600px){.promo-box{width:calc(100% - 10px);margin:0 5px;padding:10px;flex-direction:column}}.promo-info{flex-direction:column;display:flex}.promo-info h1{font-size:26px;font-weight:700;color:#226752;margin-bottom:10px}.promo-desc{margin-bottom:15px}.promo-desc p{line-height:1.5}.promo-desc p:last-child{margin-bottom:0px}.promo-visual{max-width:345px;max-height:345px;object-fit:contain}@media(max-width: 600px){.promo-visual{max-height:auto;order:-1;max-width:100%}}#item-card-x{display:flex;width:calc(100% - 20px);gap:15px;margin:0 10px;max-width:1200px;flex-direction:column}@media(max-width: 600px){#item-card-x{margin:0 5px;width:calc(100% - 10px);gap:5px}}#item-card-x>h1{font-size:32px}@media(max-width: 600px){#item-card-x>h1{font-size:26px}}#data-box-w{display:flex;padding:30px;background:#f2f7f3;align-items:center;gap:20px;border-radius:11px}@media(max-width: 600px){#data-box-w{flex-direction:column;padding:10px}}#item-media-x{border-radius:6px;height:250px;aspect-ratio:1/1;object-fit:cover;width:250px}@media(max-width: 600px){#item-media-x{height:auto;width:100%}}#item-info-x{flex-direction:column;gap:20px;width:100%;display:flex}@media(max-width: 600px){#item-info-x{gap:10px}}#data-sub-main{flex-direction:column;display:flex;gap:5px}#data-sub-main>h2{font-weight:700;font-size:26px;color:#216651}#data-sub-main>h3{font-weight:300;font-size:18px}#data-row-main{align-items:center;display:flex;justify-content:space-between}@media(max-width: 600px){#data-row-main{flex-direction:column;gap:10px}}#data-meta-main{display:flex;gap:10px;opacity:.8;font-size:14px}@media(max-width: 600px){#data-meta-main{width:100%;justify-content:space-between}}#data-meta-main>div{gap:5px;display:flex}#data-social-main{display:flex;gap:10px;align-items:center}@media(max-width: 600px){#data-social-main{justify-content:space-between;width:100%}}#data-social-main>span{font-size:14px;opacity:.8}#data-social-main>ul{gap:10px;display:flex;background:#e0f1e5;border-radius:6px;padding:10px}#data-social-main>ul li{display:flex}#data-social-main>ul{display:flex;color:#216651;font-size:18px}#data-social-main>ul a:hover{color:#82eda1}#data-acts-main{gap:10px;display:flex;width:100%}@media(max-width: 600px){#data-acts-main{flex-direction:column}}.head-node{width:100%;align-items:center;justify-content:space-between;display:flex}@media(max-width: 600px){.head-node .act-node-a{display:none}}.head-node>h3{font-size:28px;color:#216651}@media(max-width: 600px){.head-node>h3{font-size:24px}}.grid-wrapper{gap:10px;display:flex;width:calc(100% - 20px);margin:0 10px;max-width:1200px;flex-direction:column}.grid-layout{width:100%;flex-wrap:wrap;gap:10px;display:flex}#base-info-w{border-top:1px solid rgba(34,34,34,.1019607843);justify-content:center;width:100%;display:flex;align-items:center;padding:40px 0}@media(max-width: 600px){#base-info-w{padding:20px 0}}#base-info-in{gap:15px;max-width:1200px;width:calc(100% - 20px);flex-direction:column;margin:0 10px;display:flex}#base-info-in>h2{color:#236853;font-weight:700;font-size:26px}@media(max-width: 600px){#base-info-in>h2{font-size:22px}}#base-desc{font-weight:300;width:100%}#base-desc p{line-height:1.5}#base-desc p:last-child{margin-bottom:0px}.doc-wrap{display:flex;margin:0 10px;gap:15px;flex-direction:column;width:calc(100% - 20px);max-width:1200px;width:100%}@media(max-width: 600px){.doc-wrap{width:calc(100% - 10px);flex-direction:column;margin:0 5px}}.doc-wrap>h1{color:#226752;font-size:32px;font-weight:700}@media(max-width: 600px){.doc-wrap>h1{font-size:26px}}.doc-body{width:100%;line-height:1.5}.doc-body p{line-height:1.5}.input-group{display:flex;flex-direction:column;width:100%;gap:20px}@media(max-width: 600px){.input-group{gap:15px}}.act-group{display:flex;gap:10px;justify-content:end;align-items:center}.input-line{display:flex;gap:20px;width:100%}@media(max-width: 600px){.input-line{flex-direction:column}}.input-box{position:relative;width:100%}.input-box input,.input-box select,.input-box textarea{width:100%;border-radius:9px;padding:15px 10px;border:1px solid #ededed}.input-box input:focus,.input-box select:focus,.input-box textarea:focus{border:1px solid #83eea2;outline:none}.input-box input:not(:placeholder-shown):not(:focus):valid+label,.input-box input:focus+label,.input-box select:not(:placeholder-shown):not(:focus):valid+label,.input-box select:focus+label,.input-box textarea:not(:placeholder-shown):not(:focus):valid+label,.input-box textarea:focus+label{left:10px;font-size:12px;font-weight:300;top:-6px;padding:0px 10px}.input-box textarea{height:200px}.input-box label{transition:all .3s ease;position:absolute;border-radius:4px;top:8px;left:2px;background:#ffffff;pointer-events:none;padding:f10px;font-weight:400;transition:all .3s ease}#base-bar{padding:40px 0;justify-content:center;width:100%;border-top:1px solid rgba(34,34,34,.1019607843);display:flex;align-items:center}@media(max-width: 600px){#base-bar{padding:20px 0}}#base-in-wrap{width:calc(100% - 20px);max-width:1200px;margin:0 10px;justify-content:space-between;align-items:center;display:flex}@media(max-width: 600px){#base-in-wrap{gap:10px;flex-direction:column}}#base-in-wrap>span{font-weight:300}@media(max-width: 600px){#base-in-wrap>span{text-align:center;line-height:1.5}}#base-acts{display:flex;gap:15px}/*# sourceMappingURL=app.css.map */


#audio-bar-f {height: 53px;margin-right: auto;display: flex;z-index: 1000;align-items: center;box-shadow: 0 -2px 5px rgba(0,0,0,0.1);bottom: 0;justify-content: center;position: fixed;right: 0;background-color: #fefefe;margin-left: auto;left: 0} .plyr--audio .plyr__control--overlaid {background: rgba(0, 0, 0, 0.5) !important} .plyr__progress--played {background: #fe0000 !important} .plyr__progress--buffer {background: #01ff01 !important} .plyr__volume--display {background: #0101ff !important} .load-mask {align-items: center;right: 0;justify-content: center;top: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;position: fixed;display: flex} .load-spin {height: 36px;width: 36px;border-radius: 50%;border: 4px solid rgba(0, 0, 0, .1);border-left-color: #0098fe;animation: spin 1s ease infinite} @keyframes spin { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } .fa-spinner {animation: spin 2s linear infinite} #btn-vis-on, #btn-vis-off {cursor: pointer;padding: 10px 20px;background-color: #ffeb1e;margin-top: 10px;color: #000000;border: none}

@media(max-width: 600px) {
  #side-panel-x.active {z-index: 1100;position: fixed}
}

#top-bar {background-color: #fafaf9}

@media (min-width: 900px) {
  .item-card-s {flex: 1 0 32%;min-width: 32%}
}

.promo-box.promo-s {min-height: auto;align-items: flex-start;padding: 20px 30px}

.doc-visual img {object-fit: cover;height: auto;width: 20%;max-height: 20%;/* скругление углов */;display: block;border-radius:18px}

@media (max-width: 768px) {
  .doc-visual img {max-height: 220px}
}

#query-btn i {/* или #000000 если хочешь чёрный */;color: #2e7d32 !important}

.pop-list {display: none !important;padding-left: 10px}

.pop-list.open {display: block !important}

.pop-trigger {display: flex;justify-content: space-between;align-items: center}

.pop-trigger.opened i {transform: rotate(180deg);transition: transform .2s ease}

/* Показываем меню, если на <ul> есть класс .keep-open */

.pop-list.keep-open {display: block !important}