#app{--ppWhite:#fff;--ppBlack:#555;--ppGray:#999;--pp_hl2_col:#c9a74c;--pp_green_col:#1cb567;--pp_red:#ed614d;box-sizing:border-box;width:100%;max-width:100%;height:calc(100dvh - 120px);min-height:calc(100svh - 120px);margin:0;padding:0;position:absolute;top:120px;left:0}#app>#chocos{width:100%;height:100%;color:var(--ppBlack);flex-direction:row;font-size:1rem;display:flex;overflow:hidden}#app>#chocos button{background-color:var(--ppWhite);border:1px var(--ppGray) solid;width:calc(100% - .75rem);margin-bottom:.5rem;padding:5px;transition:all .3s}#app>#chocos button:hover{cursor:pointer;transform:scale(1.03)}#app>#chocos button.pwLabelDownloadFile{background-color:var(--pp_green_col);color:var(--ppWhite);border:1px solid var(--pp_green_col)}#app>#chocos>#canvascontainer{flex:auto;height:100%;overflow:hidden}#app>#chocos>.controls{--sideWidth:360px;flex:0 1 calc(var(--sideWidth) - 2rem);flex-flow:column wrap;min-width:200px;height:100%;padding:0 1rem;display:flex;overflow:hidden auto}#app>#chocos>.controls>*{flex:auto;width:100%}#app>#chocos>.controls #ppError{flex:0 auto;margin-bottom:1rem;padding:7px;font-size:.9rem;line-height:1.1rem;display:flex}#app>#chocos>.controls #ppError.errError{background-color:var(--pp_red);color:var(--ppWhite);margin-bottom:1rem}#app>#chocos>.controls #ppError.errNotice{background-color:var(--ppGray);color:var(--ppWhite)}#app>#chocos>.controls #ppError.errSuccess{background-color:var(--pp_green_col);color:var(--ppWhite)}#app>#chocos>.controls .bottomBar{flex:auto;align-content:flex-end;margin-bottom:1rem;position:relative}#app>#chocos>.controls .bottomBar>span{width:100%;font-size:.7rem;line-height:.7rem}#app>#chocos>.controls .bottomBar>.miniDashboard{border:1px solid var(--ppBlack);overflow-wrap:break-word;flex-flow:column wrap;padding:0 10px;display:flex}#app>#chocos>.controls .bottomBar>.miniDashboard>div{flex:1 0 auto}#app>#chocos>.controls .bottomBar>.miniDashboard>div:nth-child(2n){margin-bottom:.3rem;font-weight:700}#app>#chocos>.controls .bottomBar>.miniDashboard>div:first-child{margin-top:.5rem}#app>#chocos>.controls .bottomBar>.miniDashboard>div:last-child{margin-bottom:.5rem}#app>#chocos>.controls>.paramWrapper{background-color:inherit;flex-direction:column;flex:0 auto;width:100%;display:flex;position:relative}#app>#chocos>.controls>.paramWrapper>.pwTitle{flex:1 0 auto;padding-right:1rem;font-weight:700;position:relative}#app>#chocos>.controls>.paramWrapper>.pwTitle:hover{cursor:pointer}#app>#chocos>.controls>.paramWrapper>.pwTitle:after{content:"";border-top:7px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:transform .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(-90deg)}#app>#chocos>.controls>.paramWrapper>.pwTitle.open:after{transform:translateY(-50%)}#app>#chocos>.controls>.paramWrapper>div{flex-direction:column;flex:1 0 auto;margin-bottom:1rem;display:flex}#app>#chocos>.controls>.paramWrapper>div .param{grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;max-width:100%;margin-bottom:.5rem;display:grid}#app>#chocos>.controls>.paramWrapper>div .param>.pwLeft{grid-area:1/1}#app>#chocos>.controls>.paramWrapper>div .param .pwBool{grid-area:1/1/auto/span 2}#app>#chocos>.controls>.paramWrapper>div .param>.pwRight{grid-area:1/2;width:100%}#app>#chocos>.controls>.paramWrapper>div .param>.pwRight>*{width:100%}#app>#chocos>.controls>.paramWrapper>div .param>.pwValue{text-align:right;grid-area:1/3;max-width:4ch}#app>#chocos>.controls>.paramWrapper>div .param>.pwHint{opacity:0;background-color:var(--ppGray);color:#fff;border-radius:50%;grid-area:1/3;place-items:center;width:.9rem;height:.9rem;transition:opacity .2s;display:grid;position:relative}#app>#chocos>.controls>.paramWrapper>div .param>.pwHint>span{font-size:.6rem;line-height:1}#app>#chocos>.controls>.paramWrapper>div .param>.pwHint:hover{cursor:help}#app>#chocos>.controls>.paramWrapper>div .param>.pwHint:hover:after{opacity:1}#app>#chocos>.controls>.paramWrapper>div .param>.pwHint:after{content:attr(data-tooltip);z-index:10;width:calc(var(--sideWidth) - 5.2rem);background:var(--ppGray);color:#fff;white-space:normal;opacity:0;pointer-events:none;border-radius:2px;padding:.25rem;font-size:.8rem;line-height:.9rem;transition:opacity .2s;position:absolute;bottom:0;right:1.5rem;transform:translateY(50%)}#app>#chocos>.controls>.paramWrapper>div .param:has(>.pwValue){grid-template-columns:auto minmax(0,1fr) auto auto}#app>#chocos>.controls>.paramWrapper>div .param:has(>.pwValue)>.pwHint{grid-column:4}#app>#chocos>.controls>.paramWrapper>div .param:hover>.pwHint{opacity:1}#app>#chocos .disabled{position:relative}#app>#chocos .disabled:hover{cursor:unset!important}#app>#chocos .disabled:after{content:"";background-color:var(--ppWhite);opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}#app>#chocos input{box-shadow:none;background-color:var(--ppWhite);border:0;border-radius:0;outline:none;padding:2px 0;font-family:inherit;transition:all .5s ease-in-out;font-size:1rem!important}#app>#chocos input[type=text],#app>#chocos input[type=number]{border-bottom:1px solid var(--ppGray);height:24px}#app>#chocos input[type=number]{-moz-appearance:textfield}#app>#chocos input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#app>#chocos input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#app>#chocos input[type=file]{display:none!important}#app>#chocos .checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}#app>#chocos .checkbox input{cursor:pointer;width:14px;height:14px}#app>#chocos input[type=checkbox]{accent-color:var(--ppBlack)}#app>#chocos input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}#app>#chocos input[type=range]::-webkit-slider-runnable-track{background:var(--ppGray);height:1px}#app>#chocos input[type=range]::-moz-range-track{background:var(--ppGray);height:1px}#app>#chocos input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ppBlack);border:0;border-radius:0;width:2px;height:.75rem;margin-top:-.375rem}#app>#chocos input[type=range]::-moz-range-thumb{background:var(--ppBlack);border:0;border-radius:0;width:2px;height:.75rem;margin-top:-.375rem}#app>#chocos input[type=range]:focus{outline:none}#app>#chocos .selectWrapper{border-radius:0;width:100%;height:24px;margin-bottom:0;position:relative}#app>#chocos .selectWrapper:before{color:var(--ppBlack);pointer-events:none;opacity:.9;border-right:1px solid var(--ppBlack);border-bottom:1px solid var(--ppBlack);content:"";width:5px;height:5px;font-size:.9rem;display:block;position:absolute;top:15%;right:3px;transform:translateY(100%)rotate(45deg)}#app>#chocos .selectWrapper>select{appearance:none;background-color:var(--ppWhite);border:none;border-bottom:var(--ppGray) 1px solid;box-shadow:none;color:inherit;cursor:pointer;border-radius:0;outline:none;width:100%;height:24px;margin-bottom:0;padding:0}#app>#chocos .selectWrapper>select>option{color:inherit}#app>#chocos .selectWrapper>select>option:disabled{color:#d3d3d3;font-style:italic}#app>#chocos .selectWrapper>select::-ms-expand{display:none}#app>#chocos .selectWrapper>select:focus::-ms-value{background-color:#0000}.chocUsage.svelte-1n46o8q{font-size:.8rem}
