/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--control-base-color:#111;--control-sub-color:#eee}*{box-sizing:border-box}body{background-color:#eee;margin:5px}#appContainer{justify-content:left;align-items:flex-start;display:flex}.frame{background-color:#fff;border-radius:4px;min-height:480px;margin:20px;padding:20px;box-shadow:0 0 5px #0003}.panel-right{height:100%;min-height:480px;padding:0 20px}.panel-left{border-right:1px solid #aaa;min-width:532px;height:100%}.faceImg{background-repeat:no-repeat;width:48px;height:48px;overflow:hidden}.loadConfig{color:#333;border:5px dotted #666;justify-content:center;align-items:center;height:80px;margin:20px;display:flex}.loadComponent .header{align-items:center;display:flex}.loadComponent .header h2{flex:1}.loadComponent button.tool{margin-right:20px}.systemItems{align-items:flex-start;display:flex}.faceList{flex-wrap:wrap;width:600px;margin:10px;padding:0;list-style-type:none;display:flex}.faceList p{white-space:nowrap;margin:0;padding-top:2px;padding-bottom:2px}.faceList li{border:1px dotted #333;margin:5px;padding:5px}.seList{margin:10px;padding:0;list-style-type:none}.seList li{align-items:center;gap:8px;padding:3px 0;display:flex}.sePlayButton{cursor:pointer;color:#ccc;background:#444;border:1px solid #666;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.sePlayButton:hover{background:#666}.seFilename{word-break:break-all;font-size:12px}#stickyWrapper .header{align-items:center;display:flex}#stickyWrapper .header h2{flex:1}#stickyWrapper .toggle{border:1px solid #aaa;border-radius:2px;align-items:center;margin-right:20px;padding:5px;display:flex}#stickyWrapper .toggle label{padding-left:5px}textarea{width:490px;height:150px;margin:10px}.comment{margin:5px;font-size:10px}.error{color:#600;background-color:#fee;border:1px solid #600;border-radius:2px;margin:.5em 0;padding:.5em;font-size:12px}.error:before{content:"Error: ";font-weight:700}.block{border:1px solid #555;margin-bottom:5px;padding:5px}.messageWindowWrapper{width:fit-content;position:relative}.messageWindow{width:320px;height:80px;image-rendering:pixelated;border-style:solid;border-width:8px;border-image:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==) 8 fill;justify-content:center;align-items:center;display:flex}.seIcon{cursor:pointer;opacity:.7;color:#fff;line-height:1;position:absolute;top:2px;right:4px}.seIcon:hover{opacity:1}.colorTagList{width:520px;height:auto}.colorTagList ul{flex-wrap:wrap;width:auto;height:auto;display:flex}.colorTagList li{width:120px}.faceBox{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.face{width:48px;height:48px}.mirror{transform:scaleX(-1)}.posRight{order:1}.message{flex:1;height:64px;margin:0;padding:0;font-family:ＭＳ ゴシック;font-size:12px;list-style-type:none}.line{width:19em;height:16px;position:relative}.text,.shadow{width:25em;display:block;position:absolute;top:0;left:0}.faceBox+.message .text,.faceBox+.message .shadow{width:19em}.text{color:#0000;white-space:pre;text-overflow:clip;background-image:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);background-size:contain;-webkit-background-clip:text;margin:0;padding:0}.shadow{color:#fff;text-shadow:1px 1px #000;white-space:pre;margin:0;padding:0;overflow:hidden}.flash{border-bottom:1px solid var(--control-base-color)}.speed{border-bottom:1px dotted var(--control-base-color)}.center{text-align:center;display:block}.right{text-align:right;display:block}.text i{font-size:8pt;font-style:normal}.control{margin-left:-8px;display:inline-block;position:absolute;top:-12px}.control:hover i{background-color:var(--control-sub-color);color:var(--control-base-color);display:inline-block}.control i:last-child{background-color:var(--control-sub-color);color:var(--control-base-color)}.control i{background-color:var(--control-base-color);color:var(--control-sub-color);border:1px solid var(--control-base-color);text-align:center;border-radius:4px;width:12px;margin-right:1px;padding-left:1px;padding-right:1px;display:none}.control:before{content:"";border-left:1px solid var(--control-base-color);opacity:.8;width:0;height:10px;display:inline-block;position:absolute;top:12px;left:7px}.showIcon i:first-child{display:inline-block}.color0,.color1,.color2,.color3,.color4,.color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19{background-image:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);background-size:contain;-webkit-background-clip:text}.modalOverlay{z-index:9;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.yamlGenerator{z-index:10;background-color:#fff;border:1px solid #aaa;border-radius:4px;width:400px;margin:auto;padding:20px;box-shadow:0 0 5px #0003}.yamlGenerator h1{margin:0 0 .5em;font-size:1.4rem}.yamlGenerator h2{margin:.5em 0;font-size:1.2rem}.yamlGenerator .inputs{flex-direction:column;display:flex}.yamlGenerator .inputs div{margin-bottom:.5em;display:flex}.yamlGenerator .inputs label,.yamlGenerator .inputs input{border:1px solid #aaa;padding:.5em .75em}.yamlGenerator .inputs label{color:#666;background-color:#eee;border-right:none;width:100px}.yamlGenerator .inputs input{flex:1}.yamlGenerator .output textarea{width:358px;margin:0}.yamlGenerator .close{color:#333;text-align:right;text-decoration:underline}.yamlGenerator .close:hover{cursor:pointer}.disable{display:none}.enable{display:auto}#stickyWrapper{min-width:532px}.sticky{z-index:10;background:#fff;position:fixed;top:0;box-shadow:0 2px 5px #00000026}
