body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#app-title,#page-logo{text-align:center}#app-title{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:600}#widget-body{margin:auto 5px;width:1400px}.flex-row-center{display:flex;flex-direction:row;justify-content:space-around}.flex-row-left{justify-content:left}.flex-row-left,.flex-row-right{display:flex;flex-direction:row}.flex-row-right{justify-content:right}.flex-column{display:flex;flex-direction:column;margin-bottom:0;margin-top:0!important}.div-flt-row-2-col{width:100%}.div-flt-left{float:left}.div-flt-right{float:right;text-align:right}#app-column-1{margin-left:auto;margin-right:0}#app-column-2{margin-left:0;margin-right:auto}#size-column-1{margin:5px 30px auto 0}#size-column-2{margin:5px auto auto 0}#panels-header-flex-row{margin-top:20px;min-width:500px}.add-component-button{background:#118f61;border:0;border-radius:999px;box-shadow:0 4px 3px -4px #777;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:15px;font-weight:500;line-height:16px;margin-bottom:15px;opacity:1;outline:0 solid transparent;padding:2px 16px;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.add-component-button:focus,.add-component-button:hover{background-color:#003f00;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.15);color:#fff;outline:0}.panel-container{border:1px solid #000;border-radius:0 0 8px 8px;margin:0 5px 5px;padding:5px}.standard-bg{background-color:#fff}.required-container{background-color:#ffebe6;border-left:5px solid #e68250;border-radius:0 8px 8px 0;box-shadow:0 2px 2px rgba(0,0,0,.2),inset 0 1px 0 #fff;margin-bottom:30px;margin-top:20px;padding:15px}.optional-container{background-color:#e5f5f8;border-left:5px solid #7fd1de;border-radius:0 8px 8px 0;margin:5px;padding-bottom:20px;padding-left:15px;padding-top:20px}.container-header{background-color:#add8e6}.container-header,.panel-container-header{border:1px solid #000;height:18px;margin:0 5px;padding:5px}.panel-container-header{background-color:#118f61;color:#fff}.container-header-del-btn{background:#f74545;border:0;border-radius:3px;border-radius:999px;box-shadow:0 4px 3px -4px #777;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:14px;opacity:1;outline:0 solid transparent;padding:2px 12px;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.container-header-del-btn:focus,.container-header-del-btn:hover{background-color:#970e0e;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.15);color:#efefef;outline:0}.container-header-min-btn{background:#fff;border-radius:8px;border-width:1px;color:#000;margin:0 0 0 5px}.settings-btn{background:#118f61;border:0;border-radius:999px;box-shadow:0 4px 3px -4px #777;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:15px;font-weight:500;line-height:16px;margin-left:5px;opacity:1;outline:0 solid transparent;padding:2px 16px;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.settings-btn:focus,.settings-btn:hover{background-color:#003f00;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.15);color:#efefef;outline:0}.settings-btn-cancel{background:#f74545;border:0;border-radius:3px;border-radius:999px;box-shadow:0 4px 3px -4px #777;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:14px;opacity:1;outline:0 solid transparent;padding:2px 10px;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.settings-btn-cancel:focus,.settings-btn-cancel:hover{background-color:#970e0e;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.15);color:#efefef;outline:0}.size-input{width:40px}.size-input,.sub-ids-input{margin-right:5px}.label-lightgray{color:#d3d3d3}.label-black{color:#000}.component-container{background-color:#efefef;border:1px solid #d3d3d3;border-radius:8px 8px 8px 8px;margin:5px;padding:15px}#preview-container{border:1px dashed #999;padding:15px;text-align:center}#markup-container{background-color:#fff;border:1px solid #dedede;margin-bottom:20px;overflow:scroll;padding:5px}#markup-output{font-family:monospace;margin-left:auto;margin-right:auto;max-height:600px;max-width:1300px;padding:15px}.component-header{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:17px;font-weight:600;margin-bottom:5px;padding-bottom:5px}.component-header-with-btn{margin-top:1px;padding-top:0}#widget-id-input{border:1px solid #ededed;border-radius:3px;height:17px;margin:0 15px 2px 5px;width:70px}.layout-label{margin:10px 5px 0}.settings-item{margin:0 10px 20px 0}.settings-input-item{border:1px solid #ededed;border-radius:3px;margin:10px 5px 5px;padding:3px}.size-container{margin:10px 0 10px 5px}.sub-id-input-container{margin:0;padding:0}.sub-id-values-list{margin:5px 5px 10px}.sub-id-item{margin:5px}.group-label,label.group-label{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;font-weight:600!important;margin-bottom:10px}#learn-more-btn-color-label{margin:0 0 0 5px}.color-select-preview{border:1px solid #000;border-radius:9px;height:14px;margin:2px 0 2px 5px;width:14px}.color-select-display{font-size:x-small;height:100%;margin-top:3px;max-height:10px;padding:2px 2px 5px}.row{display:flex}.column-left,.column-right{flex:50% 1}.help-link{color:blue;font-size:14px;margin-left:5px;text-decoration:none}.hide-show-btn{border-width:0;cursor:pointer;margin-top:0;padding:0}.hide-show-img{height:15px;left:9px;margin:0;padding:0;position:relative;top:25px;width:18px}.flex-column select{border:1px solid #efefef;border-radius:3px;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-top:0;padding-left:4px;padding-right:4px}.flex-row-right .flex-column{font-size:15px;font-weight:500!important;margin-right:8px}.color-select-display,.flex-row-right .flex-column{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.color-select-display{font-size:14px;padding-left:4px;padding-right:4px}.chrome-picker{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif!important;width:245px!important}input[type=checkbox]{bottom:-1px;cursor:pointer;margin-bottom:0;margin-top:0;position:relative}input[type=checkbox]:before,input[type=checkbox]:checked:before{content:"";display:block;height:13px;left:0;position:absolute;top:0;width:13px}input[type=checkbox]:checked:before{background-color:#003f00}input[type=checkbox]:checked:after{border:1px solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:4px}.sub-id-item button{background:#f74545;border:0;border-radius:3px;border-radius:999px;box-shadow:0 4px 3px -4px #777;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:14px;opacity:1;outline:0 solid transparent;padding:2px 10px;touch-action:manipulation;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.sub-id-item button:focus,.sub-id-item button:hover{background-color:#970e0e;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.15);color:#efefef;outline:0}.react-tabs{-webkit-tap-highlight-color:transparent;background:#efefef;border-radius:9px;margin-bottom:20px;padding:5px}.react-tabs__tab-list{border-bottom:1px solid #aaa;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;margin:0;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;font-weight:400;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#333;border:1px solid #333;border-radius:5px 5px 0 0;color:#fff}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{border:1px solid #aaa;border-radius:0 0 5px 5px;border-top:0;box-shadow:0 2px 2px rgba(0,0,0,.2),inset 0 1px 0 #fff;display:block;margin:0;padding:10px}.tooltip{display:inline-block;position:relative}.tooltip .tool-tip-text{background-color:#000;border-radius:6px;color:#fff;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:120px;z-index:1}.tooltip:hover .tool-tip-text{visibility:visible}
/*# sourceMappingURL=main.4ee2e678.css.map*/