.panel[data-v-4b070c43]{height:99px;opacity:0;visibility:hidden;translate:0 -30px;&.active[data-v-4b070c43]{opacity:1;visibility:visible;translate:0 0}header[data-v-4b070c43]{height:45px;label[data-v-4b070c43]{line-height:45px}}main[data-v-4b070c43]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(3,36px);grid-auto-rows:30px;grid-gap:15px;span[data-v-4b070c43]{width:20px;height:20px;&[data-v-4b070c43]:after,&[data-v-4b070c43]:before{display:block;content:"";width:18px;position:absolute;background:var(--darkGray)}&[data-v-4b070c43]:after,&[data-v-4b070c43]:before,em[data-v-4b070c43]{height:1px;left:0}&[data-v-4b070c43]:before{top:4px}&[data-v-4b070c43]:after{top:9px}em[data-v-4b070c43]{width:18px;top:14px}&[data-v-4b070c43]:not(.center-align){em[data-v-4b070c43]{width:12px}&.right-align em[data-v-4b070c43]{left:6px}}&.active[data-v-4b070c43]:after,&.active[data-v-4b070c43]:before{background-color:var(--green)}}}}main[data-v-4b070c43]{justify-items:center}