*,:before,:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-sans);color:var(--tinta);background:var(--superficie);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--foco);outline-offset:3px}.cor-0{--cor:#1a63ad;--tinta-r:#fff;--letra-fundo:#ffffff38}.cor-1{--cor:#fdb812;--tinta-r:#1a2836;--letra-fundo:#1a283624}.cor-2{--cor:#237a55;--tinta-r:#fff;--letra-fundo:#ffffff38}.cor-3{--cor:#b5342b;--tinta-r:#fff;--letra-fundo:#ffffff38}.botao{border-radius:var(--raio-pilula);background:var(--superficie-elevada);color:var(--tinta);box-shadow:var(--sombra-suave);border:0;padding:.7em 1.5em;font-weight:600}.botao--principal{background:var(--dourado-400);color:#1a2836}.botao:disabled{opacity:.5;cursor:default}.ponto{vertical-align:.05em;background:#98a1a8;border-radius:50%;width:.6em;height:.6em;margin-right:.45em;display:inline-block}.ponto[data-estado=ligado]{background:#2fa36b}.ponto[data-estado=a-ligar]{background:#e0a800}.ponto[data-estado=desligado]{background:#d0453b}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}