@layer components{.te{--te-pilar:#111113;--te-grade:color-mix(in oklab, var(--foreground) 60%, var(--background));--te-linha:color-mix(in oklab, var(--foreground) 22%, transparent);--te-tela:#3f3f46;background:var(--background);min-height:100dvh;color:var(--foreground);flex-direction:column;display:flex}.dark .te{--te-pilar:#26262a}.te[data-estado=falha]{--te-tela:#f5436f}.te[data-estado=manutencao]{--te-tela:#f5a524}.te-topo{width:100%;max-width:1240px;margin-inline:auto;padding:20px 16px}@media (min-width:640px){.te-topo{padding:24px 32px}}.te-marca{border-radius:10px;outline:none;align-items:center;gap:10px;min-height:40px;display:inline-flex}.te-marca:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.te-marca-icone{background:var(--foreground);width:30px;height:30px;color:var(--background);border-radius:9px;place-items:center;display:grid}.te-marca-nome{font-family:var(--font-brand);letter-spacing:.25em;font-size:13px}.te-conteudo{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:680px;margin-inline:auto;padding:16px 16px 88px;display:flex}@media (min-width:640px){.te-conteudo{padding:24px 32px 120px}}.te-ilustracao{width:min(100%,340px);height:auto;margin-bottom:40px}.te-chao{stroke:var(--te-linha);stroke-width:1px}.te-pilar{fill:var(--te-pilar)}.te-camera{fill:#3f3f46}.te-leitor{fill:#050506}.te-tela{fill:var(--te-tela)}.te-grade rect{fill:var(--te-grade)}.te[data-estado=manutencao] .te-tela{animation:1.8s ease-in-out infinite te-piscar}@keyframes te-piscar{50%{opacity:.35}}.te-codigo{color:var(--muted);font-size:.875rem;font-weight:500}.te-titulo{max-width:22ch;font-family:var(--font-brand);letter-spacing:-.03em;text-wrap:balance;margin-top:12px;font-size:clamp(1.625rem,4.2vw,2.625rem);font-weight:400;line-height:1.18}.te-texto{max-width:54ch;color:var(--muted);text-wrap:pretty;margin-top:18px;font-size:1.0625rem;line-height:1.62}.te-acoes{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.te-rodape{color:var(--muted);border-top:1px solid var(--te-linha);gap:8px;margin-top:28px;padding-top:20px;font-size:.875rem;display:grid}.te-rodape a{width:fit-content;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--te-linha);text-decoration-color:var(--te-linha);text-underline-offset:4px}.te-rodape a:hover{text-decoration-color:currentColor}.te-rodape a:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;border-radius:4px}.te-codigo-erro{font-family:var(--font-mono);font-size:.75rem}@media (prefers-reduced-motion:reduce){.te-tela{animation:none!important}}}