@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://cdn.stto.cc/material-design-icons/font/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(https://cdn.stto.cc/material-design-icons/font/MaterialIcons-Regular.woff2) format("woff2"),url(https://cdn.stto.cc/material-design-icons/font/MaterialIcons-Regular.woff) format("woff"),url(https://cdn.stto.cc/material-design-icons/font/MaterialIcons-Regular.ttf) format("truetype")}.material-icons{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}body{background-color:#eee;font-family:sans-serif}.ext_view{font-style:oblique}.material-symbols-outlined{color:green}header{background-color:#fff;margin:0 auto;padding:0 20px;width:75%}header h1,header h2,header h3,header h4,header p{margin:0}table.supports_check{border-collapse:collapse;display:none;width:100%}table.supports_check thead tr th,td{padding:5px 10px}table.supports_check tbody tr:nth-child(odd){background-color:#ddd}table.supports_check tbody tr th,td{padding:5px 10px}.file{background-color:#fff;margin:0 auto;padding:5px 20px;width:75%}.btn-01{background:#1fb264;border:none;border-bottom:4px solid #15824b;border-radius:4px;font-weight:700;margin:0 0 5px;outline:none;padding:10px;text-transform:uppercase;width:100%}.btn-01,.btn-01:hover{color:#fff;transition:all .2s ease}.btn-01:hover{background:#1aa059;cursor:pointer}.btn-01:active{border:0;transition:all .2s ease}.btn-02{background:#1fb264;border:none;border-bottom:4px solid #15824b;border-radius:4px;float:right;font-weight:700;margin:0 0 5px;outline:none;padding:10px;text-transform:uppercase;width:25%}.btn-02,.btn-02:hover{color:#fff;transition:all .2s ease}.btn-02:hover{background:#1aa059;cursor:pointer}.btn-02:active{border:0;transition:all .2s ease}.a-01{display:none}.file-content{display:none;text-align:center}.file-input{cursor:pointer;height:100%;margin:0;opacity:0;outline:none;padding:0;position:absolute;width:100%}.image-wrap{border:4px dashed #1fb264;color:#1fb264;margin-top:20px;position:relative}.image-dropping,.image-wrap:hover{background-color:#1fb264;border:4px dashed #fff;color:#fff}.image-title-wrap{color:#222;padding:0 15px 15px}.drag-text{text-align:center}.drag-text,.drag-text:hover{font-weight:100;padding:60px 0;text-transform:uppercase}.file-image{margin:auto;max-height:400px;max-width:auto;padding:20px}.remove-image{background:#cd4535;border:none;border-bottom:4px solid #b02818;border-radius:4px;font-weight:700;margin:0;outline:none;padding:10px;text-transform:uppercase;width:200px}.remove-image,.remove-image:hover{color:#fff;transition:all .2s ease}.remove-image:hover{background:#c13b2a;cursor:pointer}.remove-image:active{border:0;transition:all .2s ease}.output_container{border:4px dashed #1fb264;color:#1fb264;display:flex;flex-flow:row wrap;height:auto;margin-bottom:20px;margin-top:20px;min-height:384px;padding-left:15px;padding-right:15px;position:relative}img.preview{width:85%}.output_container>div{box-sizing:border-box;display:block;flex:0 1 calc(50% - 1em);margin:0 auto 15px;max-width:50%;width:50%}canvas{max-width:100%}.output_container>div ul{margin:0;width:100%}.output_container>div ul li{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp_ipselect{margin:1em auto;overflow:hidden;text-align:center;width:100%}.cp_ipselect select{-webkit-appearance:none;appearance:none;background:transparent;background-image:none;border:none;box-shadow:none;cursor:pointer;outline:none;padding-right:1em;text-indent:.01px;text-overflow:ellipsis;width:100%}.cp_ipselect select::-ms-expand{display:none}.cp_ipselect.cp_sl01{background:#fff;border:2px solid #1fb264;border-radius:2px;border-radius:5px;position:relative}.cp_ipselect.cp_sl01:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1fb264;content:"";height:0;padding:0;pointer-events:none;position:absolute;right:.8em;top:.8em;width:0}.cp_ipselect.cp_sl01 select{color:#000;padding:8px 38px 8px 8px}.styled-checkbox{opacity:0;position:absolute;user-select:none}.styled-checkbox+label{cursor:pointer;padding:0;position:relative}.styled-checkbox+label:before{background:gray;content:"";display:inline-block;height:20px;margin-right:10px;vertical-align:text-top;width:20px}.styled-checkbox:hover+label:before{background:#f0f329}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.styled-checkbox:checked+label:before{background:#f0f329}.styled-checkbox:checked+label:after{background:#000;box-shadow:2px 0 0 #000,4px 0 0 #000,4px -2px 0 #000,4px -4px 0 #000,4px -6px 0 #000,4px -8px 0 #000;content:"";height:2px;left:5px;position:absolute;top:9px;transform:rotate(45deg);width:2px}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{background:#ddd;box-shadow:none}.checkbox_label{user-select:none}div.result{text-align:center}.InputFile{height:100px;margin:auto;overflow:scroll;width:100%}.InputFileList{text-align:center}