.container-tmp{text-align:center}.ctrls{margin:0;padding:0;font-family:Arial,sans-serif;min-height:95vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:1px INSET orangered}.center-wrapper{width:100%;max-width:1200px;height:80vh;box-shadow:0 0 10px #232323}.container{height:100%;width:100%;display:flex;background-color:#f0f0f0}.controls{width:350px;background-color:#f0f0f0;padding:20px;overflow-y:auto}.output{background-color:#fff;padding:15px;overflow-y:auto;border:1px solid #f0f0f0;background-color:#f0f0f0}.out-desktop{display:block}.out-mobile{display:none}@media only screen and (max-width: 768px){.ctrls{min-height:100%;height:100%;padding:auto;border:0px;background-color:#f0f0f0}.container{display:flex;flex-direction:column;height:auto}.controls{width:100%;box-sizing:border-box}.output{width:100%;box-sizing:border-box;flex-grow:1}.out-desktop{display:none}.out-mobile{display:block}}.ts-container{height:160px;width:-webkit-fill-available;border:1px dashed orangered;text-align:center;align-items:center;justify-content:center;border-radius:10px}.ts-conf-container{height:260px;width:-webkit-fill-available;border:1px outset orangered;padding-left:10px;align-items:start;justify-content:center;border-radius:10px 10px 0 0;background-color:#232323;color:#f6821f;font-size:12px;overflow:auto}.ts-conf-container-bottom{width:-webkit-fill-available;max-height:60px;border-radius:0 0 10px 10px;border:1px outset orangered;background-color:#f6821f;color:#2c180a;font-size:15px;padding:5px 5px 5px 10px}.control-item{margin-bottom:15px}select,input[type=text],input[type=number]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box;border-radius:8px}label{font-weight:700}.toggle-container{display:flex;align-items:center;margin-top:5px}.toggle{position:relative;display:inline-block;width:60px;height:34px;margin-left:10px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.text-area-cont{border-radius:10px;width:-webkit-fill-available;width:-moz-available;border:1px solid #fd7d10;scrollbar-width:thin;padding:10px;background-color:#fff;color:#301906}.text-area-event,.text-area-payload{height:160px}.ta-header-text{font-size:12px}.center-wrapper-head{font-family:Arial,Helvetica,sans-serif;height:40px;width:-webkit-fill-available;text-align:center;padding:2px;display:contents;align-items:center;justify-content:center;font-size:14px;color:#232323;-webkit-text-stroke:.5px #f6821f;text-stroke:.5px #f6821f}.link-image{padding-left:10px;width:25px;height:25px;transition:transform .2s}.link-image:hover{transform:scale(1.1)}a{text-decoration:none}.spinner{width:40px;height:40px;border:5px solid #f3f3f3;border-top:5px solid orange;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;justify-content:center;padding:10px}