@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');:root{--cor-primaria:#6750A4;--cor-sobre-primaria:#FFFFFF;--cor-primaria-container:#EADDFF;--cor-sobre-primaria-container:#4F378B;--cor-superficie:#FFFBFE;--cor-sobre-fundo:#1D1B20;--cor-sobre-superficie-variante:#49454F;--cor-superficie-container:#F3EDF7;--cor-superficie-container-mais-alta:#E6E0E9;--cor-secundaria-container:#E8DEF8;--cor-sobre-secundaria-container:#4A4458;--cor-superficie-inversa:#322F35;--cor-sobre-superficie-inversa:#F5EFF7;--cor-contorno:#79747E;--cor-contorno-variante:#CAC4D0;--movimento-padrao-curva:cubic-bezier(0.2,0.0,0,1.0);--movimento-espacial-rapido:350ms cubic-bezier(0.27,1.06,0.18,1.00);--movimento-efeitos-rapido:150ms cubic-bezier(0.31,0.94,0.34,1.00);--movimento-duracao-curta:200ms;--movimento-duracao-curta2:100ms;--movimento-duracao-curta3:150ms;--forma-canto-cheio:624.9375rem;--forma-pequeno-inicio:0.5rem 0 0 0.5rem;--forma-pequeno-fim:0 0.5rem 0.5rem 0;--forma-medio-inicio:0.75rem 0 0 0.75rem;--forma-medio-fim:0 0.75rem 0.75rem 0;--forma-grande-inicio:1rem 0 0 1rem;--forma-grande-fim:0 1rem 1rem 0;--forma-extra-grande-inicio:1.75rem 0 0 1.75rem;--forma-extra-grande-fim:0 1.75rem 1.75rem 0}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Roboto Flex',sans-serif;background-color:var(--cor-superficie);color:var(--cor-sobre-fundo);display:flex;min-height:100vh;}.menu-lateral{width:280px;background-color:var(--cor-superficie-container);padding:24px 16px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;border-right:1px solid var(--cor-contorno);transition:transform 0.3s var(--movimento-padrao-curva);z-index:100;}.logo-menu{font-size:1.25rem;font-weight:600;color:var(--cor-primaria);margin-bottom:32px;padding-left:16px;}.lista-menu{list-style:none;}.lista-menu li{margin-bottom:4px;}.lista-menu a{display:block;padding:12px 16px;color:var(--cor-sobre-fundo);text-decoration:none;border-radius:28px;font-size:0.875rem;font-weight:500;transition:background-color 0.2s,color 0.2s;}.lista-menu a:hover{background-color:rgba(103,80,164,0.08);}.lista-menu a.ativo{background-color:var(--cor-primaria-container);color:var(--cor-sobre-primaria-container);}.botao-menu-mobile{display:none;position:fixed;top:16px;left:16px;z-index:99;width:48px;height:48px;border:none;border-radius:var(--forma-canto-cheio);background:var(--cor-primaria-container);color:var(--cor-sobre-primaria-container);font-size:24px;cursor:pointer;align-items:center;justify-content:center;}.conteudo-principal{margin-left:280px;flex:1;padding:48px 64px;}.aba-conteudo{display:none;opacity:0;transform:translateY(20px);}.aba-conteudo.aba-ativa{display:block;animation:entradaMD3 0.4s cubic-bezier(0.05,0.7,0.1,1.0) forwards;}.cabecalho-expressivo{display:flex;flex-direction:column;gap:16px;max-width:720px;padding:24px;}.titulo-display-grande{font-size:57px;line-height:64px;color:var(--cor-sobre-fundo);font-variation-settings:"wght" 850,"wdth" 105,"opsz" 40;letter-spacing:-0.25px;}.texto-corpo-grande{font-size:16px;line-height:24px;color:var(--cor-sobre-superficie-variante);font-variation-settings:"wght" 400,"wdth" 100,"opsz" 14;letter-spacing:0.5px;}.aba-conteudo h2{font-size:1.5rem;font-weight:500;color:var(--cor-primaria);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--cor-primaria-container);font-variation-settings:"wght" 500,"wdth" 100,"opsz" 14;}.secao-componente-interno{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem;}.cabecalho-secao-copiar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cor-contorno-variante);padding-bottom:0.5rem;margin-bottom:1rem;}.titulo-secao-interno{font-size:0.75rem;font-weight:500;letter-spacing:0.1px;text-transform:uppercase;color:var(--cor-sobre-fundo);opacity:0.6;border:none;padding:0;margin:0;}.botao-copiar{background:none;border:1px solid var(--cor-contorno);color:var(--cor-primaria);padding:6px 16px;border-radius:20px;font-size:0.75rem;font-weight:500;cursor:pointer;transition:background-color 0.2s,color 0.2s,border-color 0.2s;}.botao-copiar:hover{background-color:var(--cor-primaria-container);}.botao-copiar.copiado{background-color:var(--cor-primaria);color:var(--cor-sobre-primaria);border-color:var(--cor-primaria);}@keyframes entradaMD3{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media(max-width:768px){.menu-lateral{transform:translateX(-100%);}.menu-lateral.aberto{transform:translateX(0);}.botao-menu-mobile{display:flex;}.conteudo-principal{margin-left:0;padding:80px 24px 24px;}.cabecalho-expressivo{padding:0;}.titulo-display-grande{font-size:45px;line-height:52px;font-variation-settings:"wght" 800,"wdth" 100,"opsz" 32;}}