:root{--color-01:#fff;--bg-color:#373737;--top-bar-height:70px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}html,body{color:var(--color-01);background-color:var(--bg-color);overflow:hidden;width:100%;height:100dvh;font-family:Arial}html{scrollbar-width:thin;scrollbar-color:#0000004d transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:10px;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#00000080}::-webkit-scrollbar-button{display:none}#body-container{display:flex;margin-top:var(--top-bar-height);height:calc(100% - var(--top-bar-height))}button{cursor:pointer;border-radius:10px;width:150px;margin:5px;padding:15px;font-size:1em}button:disabled,input:disabled{cursor:not-allowed}.btn-small{width:80px;height:30px;padding:5px;font-size:.7em}.btn-green{color:#fff;background:#28a745;font-size:16px}.btn-red{color:#fff;background:#ff3a3a;font-size:16px}.slider{-webkit-appearance:none;outline:none;opacity:.7;-webkit-transition:all .2s;background:#d3d3d3;border-radius:5px;width:100%;height:3px;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#1164ff;border-radius:50%;width:10px;height:10px}.slider::-moz-range-thumb{cursor:pointer;background:#1164ff;border-radius:50%;width:10px;height:10px}#video-container{display:flex;position:relative;overflow:hidden;width:100%;height:133.333vw}#video{position:absolute;object-fit:fill;width:auto;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}#canvas-overlay{position:absolute;border:0 solid #00f;width:100%;height:100%;top:0;left:0}@media (min-width:852px){#video-container{display:flex;position:relative;width:852px;height:640px;margin-left:auto;margin-right:auto}#video{position:absolute;top:unset;left:unset;transform:unset;object-fit:cover;width:100%;height:100%}#canvas-overlay{position:absolute;border:0 solid green;width:100%;height:100%;top:0;left:0}}#camera-loading-view{display:none;position:absolute;z-index:10;background-color:#1f1f1f93;place-content: center;align-items: center;width:100%;height:100%}.spinner{animation:spin 1s linear infinite;border:5px solid #1164ff;border-color:#1164ff #fff0;border-radius:50%;width:50px;height:50px;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#drop-zone{position:relative;z-index:13;width:100%;height:100%}#btns-camera{display:block;position:absolute;z-index:12;width:100%;height:100%}#btns-area{position:fixed;text-align:center;width:100%;bottom:30px;left:0}#btns-area-r2{display:inline-flex}#btn-capture{cursor:pointer;background-color:#1164ff6c;border-radius:50%;width:70px;height:70px;padding:7px}#btns-capture-options{display:none;padding-bottom:20px}#modal-galeria{display:none;position:fixed;z-index:1000;background:#1f1f1f;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}#close-camera-preview-modal{position:absolute;color:#fff;cursor:pointer;font-size:40px;font-weight:700;top:20px;right:30px}#contador-modal{color:#fff;margin-bottom:15px;font-family:sans-serif;font-size:18px;font-weight:500}#btn-anterior{position:absolute;color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s;font-size:50px;left:20px}#imagem-modal{border:3px solid #fff;border-radius:4px;max-width:80%;max-height:75%;margin-bottom:20px}#btn-seguinte{position:absolute;color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s;font-size:50px;right:20px}#btn-anterior:disabled,#btn-seguinte:disabled{opacity:.2;cursor:not-allowed!important}#lista-imagens-galeria{list-style:none;cursor:pointer;margin-top:10px}#top-nav-bar{z-index:30;position:fixed;height:var(--top-bar-height);background-color:#252525;align-content: center;width:100%;padding:0 20px;top:0;left:0}#top-nav-bar-menu{width:40px}#top-nav-bar-menu-open,#top-nav-bar-menu-close{cursor:pointer;width:40px}#menu{display:flex;z-index:20;position:fixed;top:var(--top-bar-height);background-color:#5f5f5f;width:450px;height:100dvh;transition:transform .3s ease-in-out;left:0;transform:translate(-600px)}#menu-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0000004d transparent;width:100%;padding:50px}#menu.active{transform:translate(0)}@media (max-width:600px){#menu{width:100%;height:100dvh}}