/* BRASLOL 2 - bandeiras de idioma da tela inicial (canto inferior esquerdo). Classes com prefixo hidm-. Sem style="" (CSP): so classes; o JS troca apenas a classe .on e aria-pressed.
   Idioma atual (.on) = opacidade 100%; o outro fica apagado. As imagens sao assets/img/flags/br.svg e us.svg. */
.hidm{position:fixed;z-index:6;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:12px}
.hidm-f{display:block;width:36px;height:24px;padding:0;margin:0;border:0;border-radius:3px;overflow:hidden;background:none;cursor:pointer;opacity:.4;will-change:transform;transition:opacity .2s ease,transform .12s}
.hidm-f img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none}
.hidm-f:hover:not(.on){opacity:.7;transform:scale(1.06)}
.hidm-f.on{opacity:1;cursor:default}
.hidm-f:focus-visible{outline:2px solid #fff;outline-offset:3px}