html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--hugin-color: #ffb144;--background-color: rgb(244, 244, 244)}html,body,#app{height:100%;margin:0;padding:0}body{font-family:Open Sans,sans-serif;background-color:var(--background-color)}.stretcher{flex-grow:1}.container{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;height:100%;overflow:hidden}.container>.pageContainer{flex-grow:1;display:flex;justify-content:center;align-items:stretch;max-height:100%;padding:10px;flex-direction:column}.centeredContent{display:flex;justify-content:center;align-items:center;flex-direction:column}h1{margin-top:10px;font-size:20px;font-weight:700;text-align:right;padding-bottom:5px;border-bottom:2px solid #ddd;margin-bottom:20px;width:100%;color:#333}p{text-align:justify;color:#999;margin:0 0 30px;font-size:14px;line-height:22px}.form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 30px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.form h2{margin-bottom:20px;text-align:center;color:#333}.form .form-group{margin-bottom:15px}.form .form-group label{display:block;margin-bottom:5px;color:#666}.form .form-group input{width:100%;padding:10px;border:1px solid #cccccc;border-radius:5px;box-sizing:border-box}.form .btnContainer{display:flex;justify-content:flex-end;align-items:center}.form .btnContainer .spacer{flex-grow:1}.form .button{padding:10px 20px;background-color:#555;color:#fff;border:none;border-radius:5px;cursor:pointer}.form .button.secondary{background-color:#ddd;color:#5f5f5f}.form .button:hover{background-color:#555}ul.paramgroup{background-color:#fff;border-radius:8px;width:100%;box-sizing:border-box;padding-top:10px;margin-top:20px}.centeredContent ul.paramgroup{max-width:600px}ul.paramgroup h2{font-size:12px;letter-spacing:1px;font-weight:700;margin:0 0 10px;padding:0;color:#333;text-align:center}ul.paramgroup li{display:flex;align-items:center;margin:0;padding:5px 0;border-top:1px solid #eee;min-height:40px}ul.paramgroup li .paramIcon{width:30px;height:30px;flex:0 0 auto;border-radius:30%;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#fff;font-size:16px;margin-left:10px}ul.paramgroup li label{margin-right:10px;font-size:13px;color:#666;font-weight:700}ul.paramgroup li input,ul.paramgroup li select{margin-right:5px;font-size:14px;color:#777;padding:10px;border:none;color:var(--hugin-color);width:20px;flex:1 1 auto;text-align:right}ul.paramgroup li span{margin-right:5px;font-size:14px;color:#777;padding:10px;border:none;width:20px;flex:1 1 auto;text-align:right}ul.paramgroup li textarea{height:100px;width:100%;border:none;padding:5px;color:#666;font-size:12px}ul.paramgroup li input.color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;width:32px;height:32px;flex:0 0 auto;margin-right:15px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:50%;padding:0;margin:0}.color-picker::-moz-color-swatch{border:none;border-radius:50%;padding:0;margin:0}ul.paramgroup .btnContainer{border-top:2px solid #fafafa;display:flex;justify-content:flex-end;align-items:center;padding:10px}ul.paramgroup .btnContainer .spacer{flex-grow:1}ul.paramgroup .button{padding:8px 10px;background-color:var(--hugin-color);color:#fff;border:none;border-radius:5px;cursor:pointer}ul.paramgroup .button.secondary{background-color:#ddd;color:#5f5f5f}ul.paramgroup .button:hover{background-color:#555}ul.paramgroup .switchbox{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;margin-right:10px}ul.paramgroup .switchbox .switch_on{color:var(--hugin-color);font-size:40px}ul.paramgroup .switchbox .switch_off{color:#999;font-size:40px}.managePageBar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:6px;margin:0;padding:4px 10px;border:1px dashed #aaa}.managePageBar h2{margin:0;padding:0;font-size:16px;color:#333;font-weight:700}.managePageBar .button{padding:5px 20px;background-color:var(--hugin-color);color:#fff;border:none;border-radius:5px;cursor:pointer;margin:2px}@media (max-width: 767px){.form .form-group input,.form .button{padding:8px}}.menu[data-v-c5cf3d0d]{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#333;color:#fff;transition:transform .3s ease-in-out,width .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:80px;z-index:200}.menu.hidden[data-v-c5cf3d0d]{transform:translate(-100%)}.menu .menu-items li span[data-v-c5cf3d0d]{transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;transform:translate(50px);margin-right:20px}.menu.full[data-v-c5cf3d0d]{width:100%}.menu .version[data-v-c5cf3d0d]{display:none}.menu.full .version[data-v-c5cf3d0d]{display:block;position:absolute;bottom:15px;right:50px;font-size:12px;color:#777;pointer-events:none}.logo[data-v-c5cf3d0d]{text-align:center;padding:10px 0;font-size:24px}.logo img[data-v-c5cf3d0d]{width:50px;opacity:.6}.menu-items[data-v-c5cf3d0d]{list-style:none;padding:0;margin:0 18px 0 0;display:flex;flex-direction:column;align-items:flex-end}.menu-items li[data-v-c5cf3d0d]{padding:8px 0;display:flex;align-items:center;cursor:pointer}.menu-items li i.icon[data-v-c5cf3d0d]{font-size:20px}.menu.full .menu-items li span[data-v-c5cf3d0d]{display:inline-block;opacity:1;transform:translateY(0)}.menu-icon[data-v-c5cf3d0d]{font-size:20px;width:40px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:2px 2px 2px #0003;background-color:#ffffff1a;color:#fff;position:relative}.menu .menu-items li.active .menu-icon[data-v-c5cf3d0d]{background-color:var(--hugin-color);color:#333}.menu-icon.new[data-v-c5cf3d0d]{background-color:none;outline:2px dashed rgba(255,255,255,.2);color:#ffffff4d}.menu-icon .badge[data-v-c5cf3d0d]{position:absolute;top:0;right:0;background-color:#c00;color:#fff;border-radius:10px;padding:2px 3px;font-size:12px;transform:translate(40%,-40%)}.menu-icon .hiddenBadge[data-v-c5cf3d0d]{position:absolute;bottom:0;height:20px;right:0;width:20px;background-color:#c00;color:#fff;border-radius:20px;padding:2px 3px;font-size:14px;transform:translate(32%,15%);display:flex;align-items:center;justify-content:center}.menu-toggle[data-v-c5cf3d0d]{position:absolute;top:100%;left:100%;transition:transform .3s ease-in-out,width .3s ease-in-out;transform-origin:top left;transform:rotate(-90deg) translateY(-100%);background-color:#333;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#fff;padding:5px 10px;cursor:pointer;white-space:nowrap}.menu.full .menu-toggle[data-v-c5cf3d0d]{transform:rotate(-90deg) translateY(-100%)}.menu.hidden .menu-toggle[data-v-c5cf3d0d]{transform:rotate(-90deg) translateY(0)}.menu-toggle span[data-v-c5cf3d0d]{opacity:.6;margin:0 10px;font-size:12px}.menu-toggle span[data-v-c5cf3d0d]:hover{opacity:1}.menu .spacer[data-v-c5cf3d0d]{flex:1}.footer-items[data-v-c5cf3d0d]{list-style:none;padding:0;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 25px 27px}.footer-items li[data-v-c5cf3d0d]{padding:8px 0;display:flex;align-items:center;cursor:pointer}.footer-items li.active i[data-v-c5cf3d0d]{color:var(--hugin-color)}.footer-items li i[data-v-c5cf3d0d]{color:#fff9;font-size:24px}.footer-items li span[data-v-c5cf3d0d]{margin-left:15px;color:#fff9;opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translate(50px);pointer-events:none}.menu.full .footer-items li span[data-v-c5cf3d0d]{opacity:1;transform:translateY(0)}.list[data-v-f2c28f62]{position:fixed;bottom:10px;right:10px;display:flex;flex-direction:column-reverse;gap:10px;padding:10px}.message[data-v-f2c28f62]{padding:10px;border-radius:10px;font-size:13px;color:#aaa;cursor:pointer;transition:.3s;background-color:#fff;border:1px solid #888;opacity:.8}.connectionlost[data-v-19b790a2]{position:fixed;top:0;left:0;width:100%;height:30px;background-color:#57000098;color:#fff;display:flex;justify-content:flex-end;align-items:center;z-index:1000;pointer-events:none}.connectionlost i[data-v-19b790a2]{margin-right:10px;margin-left:10px}.connectionlost p[data-v-19b790a2]{margin:0;color:#fff;font-size:12px}.menu[data-v-19b790a2]{z-index:200}.routerView[data-v-19b790a2]{z-index:1000;min-height:100%;margin-left:80px;transition:margin .3s ease-in-out}.menu.hidden+.routerView[data-v-19b790a2]{margin-left:0}.welcome[data-v-d33cfdc8]{text-align:center;padding:20px}form[data-v-d33cfdc8]{display:inline-block;text-align:left}form div[data-v-d33cfdc8]{margin-bottom:10px}button[data-v-d33cfdc8]{display:block;margin-top:10px}