:root{--my-color:#ff0}.filePanel{padding:.8rem;background-color:#277c49;color:#fff}.columnSelect{width:100%}.form{background-color:#ececec;padding:0 8px 8px 0;overflow:auto;display:block;border:1px solid #ccc;border-radius:4px;background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,right top,from(#ececec),to(hsla(0,0%,92.5%,0))),-webkit-gradient(linear,right top,left top,from(#ececec),to(hsla(0,0%,92.5%,0))),-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.25)),to(transparent)),-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.25)),to(transparent));background-image:linear-gradient(90deg,#ececec,hsla(0,0%,92.5%,0)),linear-gradient(270deg,#ececec,hsla(0,0%,92.5%,0)),linear-gradient(90deg,rgba(0,0,0,.25),transparent),linear-gradient(270deg,rgba(0,0,0,.25),transparent);background-position:0,100%,0,100%;background-size:100px 100%,100px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}.form[focus-within]{border:1px solid #114497}.form:focus-within{border:1px solid #114497}.form.data{padding:0}h1{margin:8px;font-size:24px}h1,h2{display:inline;font-family:sans-serif;font-weight:400}h2{font-size:16px;color:#777}tr.danger,tr.failure{background-color:#de1b1b;color:#fff}tr.warning{background-color:#ad5f00;color:#fff}tr.success{background-color:#1a5130;color:#fff}*{-webkit-box-sizing:border-box;box-sizing:border-box}.innerRow,.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}div.row>*{margin:8px 0 0 8px}::slotted(*){display:contents}.control{margin:8px 0 0 8px}td.label,th.label{text-align:right}td.key,th.key{text-align:center}div.select-container{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0;border:none}div.disabled{opacity:.6}div.select-container:after{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"▼";font-size:16px;pointer-events:none;position:absolute;right:8px;top:0;bottom:0}div.select-container:not(.flat):not(.warning):after{color:#fff}div.select-container.flat:after{color:#114497}div.select-container.flat.warning:after{color:#ad5f00}label{display:block}input:not([type]),input[type=text]{border-radius:4px;font-size:16px;border:1px solid #ccc;padding:7px 15px;height:100%;min-height:48px;min-width:48px}input:not([type]):focus,input[type=text]:focus{outline:none;border:1px solid #114497}body{background-color:#ddd}table{border:0;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;border-collapse:collapse}table.data{border-spacing:8px;border-collapse:separate}td,th{font-family:sans-serif;margin:0;padding:0;border:0}table.data td,table.data th,td,th{vertical-align:baseline;text-align:left}table.data td,table.data th{font-family:monospace}td>*,th>*{margin:8px 0 0 8px;padding:0;border:0}div.input-container{position:relative;display:inline-block;padding:0;border:none}input[type=file]{width:.1px;height:.1px;padding:0;margin:0;opacity:0}select{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;font-size:16px;padding:7px 39px 7px 15px;margin:0;color:#fff;outline:none;border:none;vertical-align:baseline;min-height:48px;min-width:48px}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}select::-ms-expand{display:none}select::-ms-value{background:transparent;color:inherit}option{background-color:#fff;color:#000}option:disabled{color:grey}button{min-height:48px;min-width:48px;display:inline-block;vertical-align:baseline;border-radius:4px;font-size:16px;padding:7px 15px;color:#fff;outline:none;margin:0}button::-moz-focus-inner,label.button::-moz-focus-inner{border:0}button.mid.success{background-color:#2a844e;border:1px solid transparent}button.mid.success:hover{background-color:#20693e}button.mid.success:focus,input:focus+button.mid.success{border:1px solid #ececec;-webkit-box-shadow:0 0 0 1px #2a844e;box-shadow:0 0 0 1px #2a844e}button.mid.success:active{background-color:#1a5130}button.mid.success:disabled{background-color:rgba(42,132,78,.3)}select.mid.success{background-image:-webkit-gradient(linear,left top,left bottom,from(#2a844e),to(#2a844e));background-image:linear-gradient(#2a844e,#2a844e);border:1px solid transparent}select.mid.success:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#20693e),to(#20693e));background-image:linear-gradient(#20693e,#20693e)},select.mid.success:focus{border:1px solid #ececec;-webkit-box-shadow:0 0 0 1px #2a844e;box-shadow:0 0 0 1px #2a844e}select.mid.success:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#1a5130),to(#1a5130));background-image:linear-gradient(#1a5130,#1a5130)}select.mid.success:disabled{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(42,132,78,.3)),to(rgba(42,132,78,.3)));background-image:linear-gradient(rgba(42,132,78,.3),rgba(42,132,78,.3))}button.flat,select.flat{background-color:transparent;border:1px solid #ccc;color:#114497}select.flat:-moz-focusring{color:transparent;text-shadow:0 0 0 #114497}button.flat:hover{background-color:rgba(17,68,151,.2);border:1px solid transparent}button.flat:active{background-color:rgba(17,68,151,.4);border:1px solid transparent}select.flat:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(17,68,151,.2)),to(rgba(17,68,151,.2)));background-image:linear-gradient(rgba(17,68,151,.2),rgba(17,68,151,.2));border:1px solid transparent}select.flat:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(17,68,151,.4)),to(rgba(17,68,151,.4)));background-image:linear-gradient(rgba(17,68,151,.4),rgba(17,68,151,.4));border:1px solid transparent}button.flat:focus,input:focus+button.flat,select.flat:focus{border:1px solid #114497}button.flat:disabled{background-color:transparent;border:1px solid #ccc}select.flat:disabled{background-image:none;border:1px solid #ccc}button.flat:disabled{opacity:.6}button.flat.warning,select.flat.warning{background-color:transparent;border:1px solid #ccc;color:#ad5f00}select.flat.warning:-moz-focusring{color:transparent;text-shadow:0 0 0 #ad5f00}button.flat.warning:hover{background-color:rgba(173,95,0,.2);border:1px solid transparent}select.flat.warning:hover{background:-webkit-gradient(linear,left top,left bottom,from(rgba(173,95,0,.2)),to(rgba(173,95,0,.2)));background:linear-gradient(rgba(173,95,0,.2),rgba(173,95,0,.2));border:1px solid transparent}button.flat.warning:active,select.flat.warning:active{background-color:rgba(173,95,0,.4)}select.flat.warning:active{background:-webkit-gradient(linear,left top,left bottom,from(rgba(173,95,0,.4)),to(rgba(173,95,0,.4)));background:linear-gradient(rgba(173,95,0,.4),rgba(173,95,0,.4))}button.flat.warning:focus,input:focus+button.flat.warning,select.flat.warning:focus{border:1px solid #ad5f00}button.flat.warning:disabled{background-color:transparent;border:1px solid #ccc}select.flat.warning:disabled{background-image:none;border:1px solid #ccc}button.flat.warning:disabled{opacity:.6}