/* cache/attach/data/block/0/16/block.css */
/* start 11 */
/* кодировка */
.block16{width:220px;background-color:inherit}
.dark .block16{background-color:inherit}
.block16>div{border-radius:var(--block-br);overflow:hidden;width:220px}
.block16>div:not(:last-of-type){margin-bottom:min(15px,var(--block-gg))}
.block16 ul{padding:8px 0;width:auto;background:var(--block-bg)}
.dark .block16 ul{background:var(--block-dbg)}
.block16 li+li{padding:0!important}
.block16 li{list-style:none!important}
.block16 li>*{display:block;padding:8px 15px 8px calc(2em + 15px);text-indent:-2em;line-height:130%;color:var(--tc);text-decoration:none}
.dark .block16 li>*{color:var(--tdc)}
.block16 li>*:hover{text-decoration:none}
.block16 li>[class*="fa-"]:before{width:calc(2em - 3px);color:var(--tc);vertical-align:middle;font-size:110%}
.dark .block16 li>[class*="fa-"]:before{color:var(--tdc)}
.block16 li:hover>*,
.block16 li:not(:hover).active>*,
.block16 li:hover>[class*="fa-"]:before,
.block16 li.active>[class*="fa-"]:before{color:#fff}
.block16 li.active{background:var(--c2)}
.dark .block16 li.active{background:var(--dc2)}
.dark .block16 li:hover,.block16 li:hover{background:var(--c1)}
.block16 .bar{display:none;cursor:pointer;background:var(--block-bg)}
.dark .block16 .bar{background:var(--block-dbg)}
.block16 .bar:hover{color:var(--c1)}
.block16 .bar.open:before{transform:rotate(180deg)}
.block16 .bar:before,.block16 .bar.open:before{transition:transform .3s}
body.ready .block16 li,body.ready .block16 li:hover,body.ready .block16 li.active,body.ready .block16 li>[class*="fa-"]:before,body.ready .block16 li:hover>[class*="fa-"]:before{transition:background .3s, color .3s}
@media(max-width:767px){
  .block16{width:auto}
  .block16>div{display:grid;grid-template-columns:40px auto 1fr;width:auto;min-width:220px}
  .block16 .bar{display:block;text-align:center;padding:6px 0 4px;font-size:23px;position:relative}
  .block16 .bar:after{content:'выберите раздел';position:absolute;z-index:0;padding:10px 12px 0;top:0;left:100%;bottom:0;background:var(--block-bg);font-size:var(--fs);white-space:nowrap;border-radius:var(--block-br);border-top-left-radius:0;border-bottom-left-radius:0}
  .block16 ul{padding:0;background:none;min-width:150px;border-radius:var(--block-br);border-top-left-radius:0;border-bottom-left-radius:0;overflow:hidden}
  .block16 li{display:block;vertical-align:top;z-index:1;position:relative;background:var(--block-bg)}
  .dark .block16 li{background:var(--block-dbg)}
  .block16 li>*{padding-top:10px;padding-bottom:10px}
  .block16 li.active>*{overflow:hidden}
  .block16 li:not(.active){display:none}
}
/* end 11 */
.block16 .source{display:grid;grid-template-columns:1fr min-content;gap:1px}
.block16 .source>div,.block16 .list_area{background:var(--block-bg)}
.dark .block16 .source>div,.dark .block16 .list_area{background:var(--block-dbg)}
.block16 .source>div:not(.add)>*,.block16 .source .add{display:block;padding:10px 15px}
.block16 .source>div>.sm{padding:12px 15px 11px}
.block16 .source>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.block16 .source .add{display:flex;align-items:center}
.block16 .source .add:hover{background:var(--c1);color:#fff;cursor:pointer}
.block16 .source .hand{text-overflow:ellipsis;overflow:hidden}
.block16 .list_bg{position:fixed;display:none;background:#0006;width:100%;height:100%;top:0;left:0;z-index:1;cursor:pointer}
.block16 .list_area{position:absolute;display:grid;grid-template-columns:1fr;padding:10px 0;max-height:400px;overflow:auto;z-index:2}
.block16 .list_area>.load{margin-left:15px}
.block16 .list_area>span{display:block;padding:8px 15px;transition:background .3s,color .3s}
.block16 .list_area>span>span{display:block;font-size:93%;color:#888;transition:color .3s}
.block16 .list_area>span:not(.load):hover{background:var(--c1);color:#fff;transition:background .3s,color .3s;cursor:pointer}
.block16 .list_area>span:not(.load):hover>span{color:#fff;transition:color .3s}
@media(max-width:767px){
  .block16 .source{grid-template-columns:auto min-content 1fr}
  .block16 .source>div:first-child{min-width:176px}
  .block16 .source>div:last-child{border-radius:var(--block-br);border-top-left-radius:0;border-bottom-left-radius:0}
}

/* cache/attach/data/block/0/33/block.css */
/* кодировка */
.block33{display:table;padding:var(--wp) 0;border-radius:var(--block-br);margin-bottom:var(--block-gg)}
.block33 h2{padding-left:var(--wp);padding-right:var(--wp)}

