#modalBg{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2929298e;display:none;z-index:-10;transition:all 500ms;}#modalBg.active{opacity:1;z-index:0;display:unset;}.modal.active{opacity:1;transform:translate(-50%,0%) scale(1);}.modal{margin:0;opacity:0;color:var(--color01);position:fixed;top:60px;left:50%;transform:translate(-50%,0%) scale(0);width:500px;max-width:90%;background-color:var(--cor01);padding:15px;border-radius:var(--border-radius);transition:all 300ms ease-in-out;}.modal-bar{display:flex;align-items:center;min-height:30px;gap:5px;margin-top:10px;}.modal-content{font-size:0.8em;font-family:var(--ui-font);margin:20px 0;}.paletaCor{display:inline-flex;margin:10px 3px 10px 0;width:34px;height:34px;border-radius:50%;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);}#loading-bt{display:none;}.btn-close{cursor:pointer;border-radius:var(--border-radius);background-color:var(--cor04);width:50px;height:50px;line-height:36px;padding:7px;text-align:center;margin-left:auto;transition:all 0.4s;}.btn-close:hover{background-color:var(--cor04h);}