body,html{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#fff}canvas{margin:0 auto;background-color:#fff}.toggle-visible{width:50px;height:30px;margin-top:4px;margin-left:5px;padding:0!important;position:absolute;top:0;left:0;z-index:3}.progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:30%}@media (max-width: 768px){.progress{width:50%}}@media (max-width: 576px){.progress{width:70%}}.hidden{display:none}#panel{position:absolute;background-color:#fff;top:10px;left:10px;z-index:2;min-width:300px;border-radius:7px}.slider-value-container{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.form-check{margin-bottom:1rem}.custom-range{width:100%;height:1.5rem}#panel>.container{padding-top:10px}#btnToggle{position:absolute;top:15px;left:15px;z-index:3}.text-divider{display:flex;align-items:center;margin-bottom:1rem;margin-top:1rem}.text-divider{display:flex;align-items:center;--text-divider-gap: 1rem}.text-divider:before,.text-divider:after{content:"";height:1px;background-color:silver;flex-grow:1}.text-divider:before{margin-right:var(--text-divider-gap)}.text-divider:after{margin-left:var(--text-divider-gap)}