.section{margin:0 0 28px}
.sectionBar{display:flex;align-items:center;justify-content:space-between;min-height:26px;margin-bottom:9px}
.sectionTitle{color:#d3d9dc;font-size:12px;line-height:26px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.sectionTitle:before{content:"";display:inline-block;width:3px;height:14px;margin-right:8px;vertical-align:-2px;background:#c71920}
.sectionHint{color:#7e888e;font-size:10px}
.grid{display:flex;flex-wrap:wrap;width:100%;gap:10px}
.ctl{position:relative;width:calc(25% - 8px);min-height:116px;margin:0;padding:20px 16px;border:1px solid #2c353a;border-radius:6px;background:#121719;color:#f2f4f5;text-align:left;transition:background .08s ease,border-color .08s ease,transform .08s ease}
.ctl:hover{background:#171d20;border-color:#465158}
.ctl:active{background:#14351f;transform:translateY(1px)}
.ctl.busy{opacity:.85}
.ctl.active,.ctl.pressOn{background:#10271a;border-color:#2e7848;box-shadow:inset 4px 0 0 #20a95a}
.ctl .name{display:block;padding-right:100px;font-size:16px;line-height:1.25;font-weight:800;color:#f2f4f5;white-space:normal}
.ctl .right{position:absolute;top:16px;right:13px;width:82px;text-align:center}
.ctl .label{display:block;width:82px;height:30px;line-height:28px;margin-bottom:10px;border:1px solid #394248;background:#1a2023;color:#9aa4aa;font-size:10px;font-weight:800;text-align:center}
.ctl.active .label,.ctl.pressOn .label{color:#8be1a7;border-color:#32794a;background:#101f16}
.ctl .sw{display:block;position:relative;width:48px;height:26px;margin:0 auto;border:1px solid #4b555b;border-radius:14px;background:#333b40}
.ctl .sw:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#c7cdd0}
.ctl.active .sw,.ctl.pressOn .sw{background:#20a95a;border-color:#2bc069}
.ctl.active .sw:after,.ctl.pressOn .sw:after{left:25px;background:#fff}
.ctl.unknown .label{color:#6f797f}
.ctl.unknown .sw{background:#262d31}

.utaSection{margin-top:38px;padding:18px;border:1px solid #21404a;border-top:3px solid #2aa8c7;border-radius:6px;background:#0e171a}.utaSection .sectionBar{margin-bottom:13px}.utaSection .sectionTitle{color:#bfeaf4}.utaSection .sectionTitle:before{background:#2aa8c7}.utaSection .sectionHint{color:#67b9cd}.utaSection .ctl{background:#10191c;border-color:#24414a}.utaSection .ctl:hover{background:#132126;border-color:#357084}.utaSection .ctl.active,.utaSection .ctl.pressOn{background:#10271a;border-color:#2e7848}