Baixe o app para aproveitar ainda mais
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
Ir para o conteúdo principal Tamanho da fonte A- A A+ Cor do site R A A A Painel lateral AVA Saber - Rede Estadual de Ensino de Mato Grosso do Sul 0 Notificações Marcar tudo como lido Preferências de notificação Você não tem nenhuma notificação Mostrar todos 0 ENIVETE PAULINO DA SILVA Painel Perfil Notas Mensagens Preferências Sair Módulo llI - Infraestrutura - Profuncionario Campo Grande Painel Cursos Módulo llI - Infraestrutura - Profuncionario Campo Grande Funcionários de Escolas: cidadão, educadores, profissionais e gestores. PO - Funcionários de Escolas Iniciado em Monday, 7 Aug 2023, 19:28 Estado Finalizada Concluída em Monday, 7 Aug 2023, 19:31 Tempo empregado 3 minutos 20 segundos Avaliar 8,00 de um máximo de 10,00(80%) Questão 1 Incorreto Atingiu 0,00 de 2,00 Marcar questão Texto da questão Vinha e Nunes (2018) explicitam que um dos fatores mais preocupantes no cotidiano escolar pelos professores e demais funcionários é a indisciplina dos alunos. Tendo como referência as reflexões das autoras, são características, atitudes e práticas de caráter preventivo em relação à indisciplina, exceto: A. Tratar os alunos de maneira justa e respeitosa; B. Ter um bom relacionamento com os alunos; C. Priorizar o uso de procedimentos normativos e punitivos; D. Revisar as ações pedagógicas para que possibilitem aos estudantes a conexão com a aprendizagem. Feedback Sua resposta está incorreta. A resposta correta é: Priorizar o uso de procedimentos normativos e punitivos; Questão 2 Correto Atingiu 2,00 de 2,00 Marcar questão Texto da questão De acordo com a LDB, qual é a finalidade da educação? A. Para o pleno desenvolvimento do educando, qualificando-o para o trabalho; B. Para o pleno desenvolvimento do educando, preparando-o para o exercício da cidadania; C. Para revisar todo o conteúdo curricular experimentado e pelo aluno em sua vida estudantil; D. Para o pleno desenvolvimento do educando, seu preparo para o exercício da cidadania e sua qualificação para o trabalho. Feedback Sua resposta está correta. A resposta correta é: Para o pleno desenvolvimento do educando, seu preparo para o exercício da cidadania e sua qualificação para o trabalho. Questão 3 Correto Atingiu 2,00 de 2,00 Marcar questão Texto da questão Além da formação geral, qual o objetivo do ensino médio e técnico? A. Para prepará-lo para o exercício da cidadania. B. Para o exercício da cidadania e sua qualificação para o trabalho. C. Para preparar o aluno para o exercício de profissões técnicas. D. Para proporcionar seu desenvolvimento integral. Feedback Sua resposta está correta. A resposta correta é: Para o exercício da cidadania e sua qualificação para o trabalho. Questão 4 Correto Atingiu 2,00 de 2,00 Marcar questão Texto da questão Uma escola democrática e participativa que pretenda integrar-se às exigências do século XXI planeja coletivamente os processos educativos e pedagógicos visando uma formação cidadã e inclusiva. Com base nessa reflexão, assinale a alternativa correta; A. A escola do século XXI visa o desenvolvimento das potencialidades individuais; B. A escola do século XXI deve promover ações repressoras; C. A escola do século XXI visa uma educação que valoriza as diferenças pela convivência entre os pares; D. A escola democrática é desencadeadora de ações coercitivas. Feedback Sua resposta está correta. A resposta correta é: A escola do século XXI visa uma educação que valoriza as diferenças pela convivência entre os pares; Questão 5 Correto Atingiu 2,00 de 2,00 Marcar questão Texto da questão A gestão democrática é um princípio consagrado pela Constituição vigente e abrange as dimensões pedagógica, administrativa e financeira da escola. A gestão da escola, nessa perspectiva, deve buscar: 1. o enfrentamento das questões de exclusão e reprovação e da não permanência do aluno na sala de aula; 2. a dependência de órgãos intermediários que elaboram políticas educacionais, sendo a escola mera executora; 3. a ampla participação dos representantes dos diferentes segmentos da escola nas decisões/ações administrativo-pedagógicas ali desenvolvidas; 4. a separação entre concepção e execução, pensar e fazer e teoria e prática pedagógica; 5. a realização de mudanças organizacionais sem consultar a comunidade escolar. Assinale a alternativa que indica todas as afirmativas corretas. A. São corretas apenas as afirmativas 1 e 3. B. São corretas apenas as afirmativas 2 e 4. C. São corretas apenas as afirmativas 2 e 5. D. São corretas apenas as afirmativas 1, 3 e 5. Feedback Sua resposta está correta. A resposta correta é: São corretas apenas as afirmativas 1 e 3. Terminar revisão Atividade anterior ◄ ATVD - Funcionários de Escolas Seguir para... Seguir para... Material de estudo Aula presencial 1 Aula presencial 2 ATVD - Funcionários de Escolas Pular Navegação do questionário Navegação do questionário Questão 1 Esta página Questão 2 Esta página Questão 3 Esta página Questão 4 Esta página Questão 5 Esta página Terminar revisão Emblemas Certificados Competências Notas Desativar navegação animada Preferência dos dados Painel Página inicial do site Calendário Meus cursos Mais... Arquivos privados Mais... Seções do curso Funcionários de Escolas: cidadão, educadores, profissionais e gestores. Configurações de acessibilidade Manter contato Secretaria de Estado de Educação de Mato Grosso do Sul. https://saber.sed.ms.gov.br @charset "utf-8"; [vp] .vpw-settings { position: absolute; top: 40px; width: 100%; height: calc(100% - 40px); z-index: 10; display: none; border-radius: 0px 0px 10px 10px; overflow: hidden; } @media (max-width: 450px) { [vp] .vpw-settings { max-width: 210px; } } [vp] .vpw-settings.active { display: block; } [vp] .vpw-settings .vpw-screen-header { width: 100%; background-color: rgb(253, 253, 253); padding: 0px 16px; height: 48px; display: flex; align-items: center; justify-content: start; gap: 10px; border-bottom: 1px solid rgb(216, 217, 219); } [vp] .vpw-settings .vpw-screen-header button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-settings .vpw-screen-header button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-settings .vpw-screen-header button span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-settings .vpw-screen-header button svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-settings .vpw-screen-header button svg * { fill: rgb(15, 43, 84); } [vp] .vpw-settings .vpw-screen-header button.speed-button { width: 40px; } [vp] .vpw-settings .vpw-screen-header button:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-settings .vpw-screen-header button:active { } [vp] .vpw-settings .vpw-screen-header button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-settings .vpw-screen-header button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-settings .vpw-screen-header button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-settings .vpw-screen-header button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-settings .vpw-screen-header button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-settings .vpw-screen-header button svg * { fill: rgb(15, 43, 84); } [vp] .vpw-settings .vpw-screen-header span { font-weight: 600; color: rgb(54, 54, 54); font-size: 16px; } @media (max-width: 450px) { [vp] .vpw-settings .vpw-screen-header { padding: 0px 10px; height: 36px !important; } [vp] .vpw-settings .vpw-screen-header span { font-size: 14px !important; } } [vp] .vpw-settings .vpw-settings-content { display: flex; flex-direction: column; justify-content: start; width: 100%; height: 100%; position: relative; background-color: rgb(253, 253, 253); } @media (max-width: 450px) { [vp] .vpw-settings .vpw-settings-content { height: auto; } } [vp] .vpw-settings .vpw-options-container { width: 100%; display: flex; flex-direction: column; gap: 16px; padding: 16px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content { color: rgb(54, 54, 54); font-size: 14px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content:first-child > div { display: flex !important; } [vp] .vpw-settings .vpw-options-container .vpw-option-content p { font-weight: bold; margin-bottom: 16px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div { display: block; flex-direction: row; justify-content: space-between; align-items: center; position: relative; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div span { font-weight: normal; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region { display: flex; align-items: center; justify-content: center; flex-direction: row; padding: 4px; border-radius: 4px; position: absolute; right: 0px; cursor: pointer; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region img { height: 26px; border-radius: 4px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region span { font-weight: bold; color: rgb(15, 43, 84); font-size: 16px; margin: 0px 6px; line-height: 0; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region:hover { background-color: rgb(232, 233, 234); } @media (max-width: 450px) { [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region img { height: 22px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content div .vpw-selected-region span { font-size: 14px; } } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box { width: 128px; height: 114px; margin-top: 16px; gap: 16px; outline: rgb(216, 217, 219) solid 1px; display: grid; grid-template-columns: 24px 24px 24px; grid-template-rows: 24px 24px 24px; padding: 6px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span { width: 24px; height: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span svg { visibility: hidden; position: absolute; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span::after { content: ""; position: absolute; width: 4px; height: 4px; background-color: rgb(131, 136, 144); opacity: 0.5; display: block; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span.vpw-select-pos { cursor: default; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span.vpw-select-pos::after { display: none; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span.vpw-select-pos:hover { background-color: transparent; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span.vpw-select-pos svg { visibility: visible; } @media (max-width: 450px) { [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box { width: 114px; height: 88px; gap: 2px; padding: 6px; } } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-info { display: flex; flex-direction: row; justify-content: space-between; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range { position: relative; height: 30px; width: 100%; display: flex; align-items: center; justify-content: center; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range input[type="range"] { cursor: pointer; appearance: none; width: 100%; height: 6px; border-radius: 10px; margin: 10px 0px; z-index: 3; position: absolute; background: transparent !important; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range input[type="range"]::-webkit-slider-thumb { appearance: none; border-radius: 16px; margin-bottom: 4px; background-color: rgb(253, 253, 253) !important; border: 3px solid rgb(36, 112, 224) !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range vpw-slider, [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range span { position: absolute; top: 0px; margin-top: 10px; height: 6px; left: 0px; border-radius: 10px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range vpw-slider { background-color: rgb(36, 112, 224); z-index: 2; width: 100%; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-opacity-range span { background-color: rgb(216, 217, 219); width: 100%; z-index: 1; } @media (max-width: 450px) { [vp] .vpw-settings .vpw-options-container { padding: 10px; gap: 10px; } [vp] .vpw-settings .vpw-options-container .vpw-option-content { font-size: 12px; } } [vp] .vpw-settings.active { visibility: visible; } @charset "utf-8"; [vp] .vpw-regions-container { overflow-y: scroll; height: calc(100% - 48px); display: none; align-items: center; flex-direction: column; justify-content: start; padding-bottom: 10px; gap: 4px; padding-top: 40px; width: 100%; position: absolute; top: 48px; background-color: rgb(253, 253, 253); z-index: 10; } [vp] .vpw-regions-container .vpw-region { display: flex; align-items: center; justify-content: start; gap: 10px; flex-direction: row; width: 100%; padding: 0px 16px; cursor: pointer; height: 40px; min-height: 40px; position: relative; } [vp] .vpw-regions-container .vpw-region:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-regions-container .vpw-region img { border-radius: 4px; height: 28px; } [vp] .vpw-regions-container .vpw-region span { font-size: 14px; font-weight: 600; color: rgb(15, 43, 84); } [vp] .vpw-regions-container .vpw-region .vpw-radio { position: absolute; width: 18px; height: 18px; border-radius: 18px; outline: rgb(131, 136, 144) solid 1px; outline-offset: -1px; right: 16px; display: flex; align-items: center; justify-content: center; } [vp] .vpw-regions-container .vpw-region .vpw-radio::after { border-radius: 10px; position: absolute; content: ""; width: 10px; height: 10px; background-color: rgb(56, 133, 249); visibility: hidden; } [vp] .vpw-regions-container .vpw-region.selected { position: absolute; top: 0px; } [vp] .vpw-regions-container .vpw-region.selected .vpw-radio { outline-color: rgb(56, 133, 249); outline-width: 2px; } [vp] .vpw-regions-container .vpw-region.selected .vpw-radio::after { visibility: visible; } [vp] .vpw-regions-container.active { display: flex; } @media (max-width: 450px) { [vp] .vpw-regions-container { top: 36px; height: calc(100% - 36px); padding-top: 28px !important; } [vp] .vpw-region { height: 28px !important; min-height: 28px !important; padding: 0px 10px !important; } [vp] .vpw-region img { height: 20px !important; } [vp] .vpw-region span { font-size: 10px !important; } [vp] .vpw-region .vpw-radio { width: 14px !important; height: 14px !important; } [vp] .vpw-region .vpw-radio::after { width: 8px !important; height: 8px !important; } } @charset "utf-8"; [vp] { } [vp] .vpw-switch { position: relative; display: inline-block; width: 60px; height: 21px; float: right; margin-top: -12px; } [vp] .vpw-switch input { opacity: 0; width: 0px; height: 0px; } [vp] .vpw-slider-check { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(33, 150, 243); } [vp] .vpw-slider-check::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; } [vp] input:checked + .vpw-slider-check { background-color: rgb(33, 150, 243); } [vp] input:focus + .vpw-slider-check { box-shadow: rgb(204, 204, 204) 0px 0px 1px; } [vp] input:checked + .vpw-slider-check::before { transform: translateX(26px); } [vp] .vpw-slider-check.vpw-round { border-radius: 34px; } [vp] .vpw-slider-check.vpw-round::before { border-radius: 50%; top: -3px; } @charset "utf-8"; [vp] .vpw-settings-btn { position: absolute; z-index: 1; height: 100%; width: 100%; display: flex; padding: 0px 16px; align-items: center; flex-direction: row; justify-content: space-between; } [vp] .vpw-settings-btn div { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 10px; } [vp] .vpw-settings-btn div button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(13, 69, 157); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(255, 255, 255); } @media (max-width: 450px) { [vp] .vpw-settings-btn div button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-settings-btn div button span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-settings-btn div button svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-settings-btn div button svg * { fill: rgb(255, 255, 255); } [vp] .vpw-settings-btn div button:hover { background-color: rgb(36, 112, 224); } [vp] .vpw-settings-btn div button:active { background-color: rgb(15, 43, 84); } [vp] .vpw-settings-btn div button:focus { background-color: rgb(36, 112, 224); outline-color: rgb(253, 253, 253); box-shadow: rgb(86, 154, 255) 0px 0px 12px 0px; } [vp] .vpw-settings-btn div button:disabled { background-color: rgb(131, 136, 144); cursor: not-allowed; opacity: 0.3; } [vp] .vpw-settings-btn div button.selected { background-color: rgb(36, 112, 224); } [vp] .vpw-settings-btn .vpw-container-dict { position: absolute; left: 0px; top: 0px; } @media (max-width: 450px) { [vp] .vpw-settings-btn { padding: 0px 10px; } [vp] .vpw-settings-btn div { gap: 4px; } } @charset "utf-8"; [vp] .vpw-info-screen { position: absolute; top: 40px; padding: 1em; width: 100%; height: calc(100% - 40px); z-index: 6; background-color: white; color: black; font-family: Rawline, sans-serif; align-items: center; font-size: 14px; display: none; box-sizing: border-box; } @media (max-width: 450px) { [vp] .vpw-info-screen { max-width: 210px; } } [vp] .vpw-info-screen.active { display: flex; } [vp] .vpw-info-screen .vpw-info-header { position: absolute; width: 100%; height: 48px; top: 0px; left: 0px; right: 0px; padding-left: 15px; display: flex; align-items: center; border-bottom: 1px solid rgb(221, 221, 221); z-index: 1; gap: 10px; } @media (max-width: 450px) { [vp] .vpw-info-screen .vpw-info-header { height: 36px; } } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-info-screen .vpw-info-header .vpw-back-button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button svg * { fill: rgb(15, 43, 84); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button.speed-button { width: 40px; } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button:active { } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-info-screen .vpw-info-header .vpw-back-button svg * { fill: rgb(13, 69, 157); } [vp] .vpw-info-screen .vpw-info-header .text-black-header { font-size: 16px; color: rgb(54, 54, 54); font-weight: 600; } @media (max-width: 450px) { [vp] .vpw-info-screen .vpw-info-header .text-black-header { font-size: 14px; } } [vp] .vpw-info-screen #vpw-info-main { position: relative; top: 0px; flex-grow: 4; display: flex; flex-direction: column; padding: 0px; height: 100%; width: 100%; align-items: center; } [vp] .vpw-info-screen #vpw-text-svl p { font-size: 14px; margin-bottom: 10px; } [vp] .vpw-info-screen .text-black { text-decoration: none; font-weight: 600; font-size: 14px; margin-bottom: 10px; } @media (max-width: 450px) { [vp] .vpw-info-screen .text-black { font-size: 12px; } } [vp] .vpw-info-screen .format-text { margin: 0px; color: rgb(85, 85, 85); font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } @media (max-width: 450px) { [vp] .vpw-info-screen .format-text { line-height: 15px; font-size: 11px !important; } } [vp] .vpw-info-screen #vpw-info-main { height: 100%; width: 100%; margin-top: 100px; flex-direction: column; align-items: stretch; } @media (max-width: 450px) { [vp] .vpw-info-screen #vpw-info-main { margin-top: 50px; } } [vp] .vpw-info-screen #vpw-info-main .vpw-info-realizadores { flex-direction: column; align-items: stretch; } [vp] .vpw-info-screen #vpw-info-main.active { display: flex; place-content: center; align-items: center; gap: 10px; } [vp] .vpw-info-screen #vpw-info-main .vpw-logo { margin: 0.5em 0.35em; max-width: 50%; } @media (max-width: 450px) { [vp] .vpw-info-screen #vpw-info-main .vpw-logo { max-height: 25px; } } [vp] .vpw-info-screen #vpw-info-main .vpw-logo-group { display: flex; flex-flow: row; align-items: center; justify-content: space-around; } [vp] .vpw-info-screen .vpw-logo-networks { display: flex; align-items: center; flex-direction: row; gap: 10px; } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); outline: rgb(216, 217, 219) solid 1px; border-radius: 4px; } @media (max-width: 450px) { [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks svg * { fill: rgb(15, 43, 84); } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks.speed-button { width: 40px; } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks:active { } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-info-screen .vpw-logo-networks .vpw-networks.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-info-screen .vpw-close-btn { position: absolute; top: 8px; right: 6px; z-index: 4; } [vp] .vpw-info-screen .vpw-close-btn img.icon { width: 34px; height: 34px; } [vp] .vpw-info-screen #vpw-info-footer { margin-top: 20px; } @media (max-width: 450px) { [vp] .vpw-info-screen #vpw-info-footer { margin-top: 1px; } } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { [vp] #vpw-info-realizadores .vpw-logo { margin: 0.5em 0.35em; min-width: 10%; max-width: 50%; max-height: 18vh; } } @media only screen and (max-height: 450px) { [vp] #vpw-info-main { font-size: 0.84em; } } @charset "utf-8"; [vp] .vpw-dictionary { display: none; position: absolute; top: 40px; width: 100%; height: calc(100% - 40px); font-family: Rawline, sans-serif; background-color: white; z-index: 6; } [vp] .vpw-dictionary.active { display: block; } [vp] .vpw-dictionary .vpw-panel { position: relative; height: 100px; background-color: white; } [vp] .vpw-dictionary .vpw-panel .vpw-bar { height: 45px; top: 0px; left: 0px; right: 0px; padding-left: 15px; border-bottom: 1px solid rgb(221, 221, 221); display: flex; align-items: center; } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-panel .vpw-bar { height: 36px; } } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close svg * { fill: rgb(15, 43, 84); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close.speed-button { width: 40px; } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close:active { } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-btn-close svg * { fill: rgb(13, 69, 157); } [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-title { font-size: 16px; font-weight: 600; margin-left: 5px; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-panel .vpw-bar .vpw-title { font-size: 14px; } } [vp] .vpw-dictionary .vpw-panel .vpw-search { width: 100%; padding: 0px 10px; } [vp] .vpw-dictionary .vpw-panel .vpw-search input { width: 100%; height: 36px; left: 33%; font-size: 14px; padding: 10px; margin-top: 10px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); outline: none; } [vp] .vpw-dictionary .vpw-panel .vpw-search input:focus { border: 1px solid rgb(0, 63, 134); box-shadow: rgba(86, 154, 255, 0.75) 0px 0px 15px; } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon { display: flex; position: absolute; top: 57px; right: 11px; width: 32px; height: 32px; } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon { top: 50px; } } [vp] .vpw-dictionary .vpw-panel .vpw-search .vpw-icon svg > * { fill: rgb(54, 54, 54); } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-panel { height: 91px; } } [vp] .vpw-dictionary .buttons-container { display: flex; align-items: center; flex-direction: row; justify-content: start; width: 100%; border-top: 1px solid rgb(221, 221, 221); padding-top: 10px; } @media (max-width: 450px) { [vp] .vpw-dictionary .buttons-container { height: 25px; padding: 30px 0px 13px; } } [vp] .vpw-dictionary .buttons-container button { background: rgb(253, 253, 253); outline: none; height: 32px; border: 1px solid rgb(216, 217, 219); border-radius: 50px; margin-left: 10px; margin-bottom: 10px; color: rgb(131, 136, 144); padding: 0px 16px; font-size: 14px; font-weight: 600; cursor: pointer; } [vp] .vpw-dictionary .buttons-container button:hover { border: 1px solid rgb(36, 112, 224); } [vp] .vpw-dictionary .buttons-container button.vp-selected { background: rgb(221, 235, 255); color: rgb(36, 112, 224); border-color: rgb(36, 112, 224); } @media (max-width: 450px) { [vp] .vpw-dictionary .buttons-container button { height: 30px; font-size: 12px; } } [vp] .vpw-dictionary .vpw-dict-container, [vp] .vpw-dictionary .vpw-recents-container { visibility: hidden; position: absolute; width: 100%; height: 70%; left: 50%; font-size: 18px; transform: translateX(-50%); } [vp] .vpw-dictionary .vpw-dict-container.enabled, [vp] .vpw-dictionary .vpw-recents-container.enabled { visibility: visible; } [vp] .vpw-dictionary .vpw-dict-container ul, [vp] .vpw-dictionary .vpw-recents-container ul { height: 100%; margin: 0px; padding: 0px; text-align: left; overflow-y: scroll; list-style-type: none; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar, [vp] .vpw-dictionary .vpw-recents-container ul::-webkit-scrollbar { width: 8px; } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-track, [vp] .vpw-dictionary .vpw-recents-container ul::-webkit-scrollbar-track { background-color: rgb(221, 221, 221); } [vp] .vpw-dictionary .vpw-dict-container ul::-webkit-scrollbar-thumb, [vp] .vpw-dictionary .vpw-recents-container ul::-webkit-scrollbar-thumb { background-color: rgb(188, 188, 188); } [vp] .vpw-dictionary .vpw-dict-container ul li, [vp] .vpw-dictionary .vpw-recents-container ul li { font-size: 14px; cursor: pointer; } [vp] .vpw-dictionary .vpw-dict-container ul li:hover, [vp] .vpw-dictionary .vpw-recents-container ul li:hover { background-color: rgb(234, 234, 234); transition: brackground-color 0.4s ease 0s; } [vp] .vpw-dictionary .vpw-dict-container ul li.margin, [vp] .vpw-dictionary .vpw-recents-container ul li.margin { height: 114px; } [vp] .vpw-dictionary .vpw-dict-container ul li:not(.margin), [vp] .vpw-dictionary .vpw-recents-container ul li:not(.margin) { padding: 9px 10px; } [vp] .vpw-dictionary .vpw-dict-container ul span, [vp] .vpw-dictionary .vpw-recents-container ul span { color: rgb(153, 153, 153); padding: 9px 10px; } [vp] .vpw-dictionary .vpw-loading-dictionary { display: grid; place-content: center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(253, 253, 253); z-index: 10; } [vp] .vpw-dictionary .vpw-loading-dictionary div { display: flex; align-items: center; justify-content: center; flex-direction: column; } [vp] .vpw-dictionary .vpw-loading-dictionary div .vpw-loading__img { width: 40px; height: 40px; animation: 1s ease 0s infinite normal none running loading; } @keyframes loading { 100% { transform: rotate(0deg); } 0% { transform: rotate(-360deg); } } [vp] .vpw-dictionary .vpw-loading-dictionary div span { font-size: 14px; font-weight: 700; color: rgb(15, 43, 84); text-align: center; } [vp] .vpw-dictionary .vpw-loading-dictionary div .vpw-dict-msg--error { display: none; } [vp] .vpw-dictionary .vpw-loading-dictionary div button { margin: 10px 0px 0px; width: auto; cursor: pointer; overflow: visible; outline: none; background: rgb(253, 253, 253); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; -webkit-font-smoothing: inherit; appearance: none; align-items: center; justify-content: center; height: 36px; border-radius: 40px; border: 1px solid rgb(13, 69, 157); font-weight: 600; color: rgb(13, 69, 157); font-size: 12px; max-height: 32px; padding: 0px 10px; display: none; } @media (max-width: 450px) { [vp] .vpw-dictionary .vpw-loading-dictionary div button { height: 28px; font-size: 12px; } } [vp] .vpw-dictionary .vpw-loading-dictionary div button:hover { border-color: rgb(131, 136, 144); background-color: rgb(232, 233, 234); color: rgb(15, 43, 84); } [vp] .vpw-dictionary .vpw-loading-dictionary div button:disabled { background-color: rgb(232, 233, 234); border-color: rgb(216, 217, 219); cursor: not-allowed; user-select: none; color: rgb(131, 136, 144); } [vp] .vpw-dictionary .vpw-loading-dictionary.vpw-dict--error div img { display: none; } [vp] .vpw-dictionary .vpw-loading-dictionary.vpw-dict--error div .vpw-dict-msg--loading { display: none; } [vp] .vpw-dictionary .vpw-loading-dictionary.vpw-dict--error div .vpw-dict-msg--error { display: inline; } [vp] .vpw-dictionary .vpw-loading-dictionary.vpw-dict--error div button { display: grid; } @charset "utf-8"; .noUi-target, .noUi-target * { touch-action: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; inset: 0px; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { transition: left 0.3s ease 0s, top 0.3s ease 0s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base, .noUi-handle { transform: translate3d(0px, 0px, 0px); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-background { background: rgb(250, 250, 250); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset; } .noUi-connect { background: rgb(63, 184, 175); box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset; transition: background 450ms ease 0s; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid rgb(211, 211, 211); box-shadow: rgb(240, 240, 240) 0px 1px 1px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-target.noUi-connect { box-shadow: rgba(51, 51, 51, 0.45) 0px 0px 3px inset, rgb(187, 187, 187) 0px 3px 6px -5px; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); cursor: default; box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(235, 235, 235) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-active { box-shadow: rgb(255, 255, 255) 0px 0px 1px inset, rgb(221, 221, 221) 0px 1px 7px inset, rgb(187, 187, 187) 0px 3px 6px -3px; } .noUi-handle::after, .noUi-handle::before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: rgb(232, 231, 230); left: 14px; top: 6px; } .noUi-handle::after { left: 17px; } .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle::after { top: 17px; } [disabled] .noUi-connect, [disabled].noUi-connect { background: rgb(184, 184, 184); } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: rgb(153, 153, 153); } .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: rgb(204, 204, 204); font-size: 10px; } .noUi-marker { position: absolute; background: rgb(204, 204, 204); } .noUi-marker-large, .noUi-marker-sub { background: rgb(170, 170, 170); } .noUi-pips-horizontal { padding: 10px 0px; height: 80px; top: 100%; left: 0px; width: 100%; } .noUi-value-horizontal { transform: translate3d(-50%, 50%, 0px); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0px 10px; height: 100%; top: 0px; left: 100%; } .noUi-value-vertical { transform: translate3d(0px, -50%, 0px); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid rgb(217, 217, 217); border-radius: 3px; background: rgb(255, 255, 255); padding: 5px; text-align: center; } .noUi-horizontal .noUi-handle-lower .noUi-tooltip { top: -32px; } .noUi-horizontal .noUi-handle-upper .noUi-tooltip { bottom: -32px; } .noUi-vertical .noUi-handle-lower .noUi-tooltip { left: 120%; } .noUi-vertical .noUi-handle-upper .noUi-tooltip { right: 120%; } @charset "utf-8"; .vpw-fullscreen { overflow: hidden !important; } .vpw-fullscreen [vw] { max-width: 100vw; top: 0px !important; left: 0px !important; transform: none !important; margin: 0px !important; } .vpw-fullscreen [vw] [vw-plugin-wrapper].active { border-radius: 0px; width: 100vw !important; height: 100vh !important; } .vpw-fullscreen [vp] .vpw-box .vpw-mes { font-size: 14px; } .vpw-fullscreen [vp] .vpw-options-container :last-child { display: none; } .vpw-fullscreen [vp] .vp-text { height: 30vh !important; } .vpw-fullscreen [vp] .vpw-logo-group { flex-wrap: wrap; align-items: center; justify-content: start; } .vpw-fullscreen [vp] .vpw-dict-container, .vpw-fullscreen [vp] .vpw-recents-container { height: 80% !important; } .vpw-fullscreen [vp] .vpw-controls { gap: 10px !important; } .vpw-fullscreen [vp] .vpw-settings, .vpw-fullscreen [vp] .vpw-info-screen { max-width: 100vw !important; } .vpw-fullscreen [vp] .vpw-settings-content { height: 100% !important; } .vpw-fullscreen [vp] .vpw-controls-slider { width: 60% !important; } .vpw-fullscreen [vp] .vp-visualize-signal-button, .vpw-fullscreen [vp] .vp-send-button { font-size: 14px !important; height: 36px !important; } @media (min-width: 600px) { .vpw-fullscreen [vw-plugin-wrapper].active { align-items: center !important; } .vpw-fullscreen [vp] { max-width: 600px; } .vpw-fullscreen [vp] [vp-box], .vpw-fullscreen [vp] .vpw-message-box { border-radius: 0px 0px 10px 10px !important; } .vpw-fullscreen [vp] [vp-controls] { border-radius: 10px 10px 0px 0px !important; border: none !important; } .vpw-fullscreen [vp] .vpw-logo-group { gap: 40px; justify-content: left !important; } .vpw-fullscreen [vp] .vpw-recents-container { height: 75% !important; } } [vp] [vp-controls] { position: absolute; left: 50%; border-top: 1px solid rgb(216, 217, 219); transform: translateX(-50%); bottom: 0%; z-index: 5; } @media (max-width: 450px) { [vp] [vp-controls] { gap: 0px !important; padding: 0px 10px !important; } } [vp] .vpw-controls { display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 8px 15px; flex-direction: row; gap: 10px; background: white; width: 100%; } [vp] .vpw-controls.vpw-selectText { background-color: rgb(0, 63, 134) !important; } [vp] .vpw-controls .vpw-selectTextLabel { display: none; align-items: center; justify-content: center; width: 100%; height: 100%; color: rgb(255, 255, 255); text-align: center; font-size: 12px; font-weight: bold; } @media only screen and (max-width: 480px) { [vp] .vpw-controls .vpw-selectTextLabel { padding: 0px 10px; align-items: center; justify-content: center; } } [vp] .vpw-controls.vpw-selectText .vpw-selectTextLabel { display: flex; } [vp] .vpw-controls.vpw-selectText .vpw-controls-button, [vp] .vpw-controls.vpw-selectText .vpw-controls-slider, [vp] .vpw-controls.vpw-selectText .vpw-button-speed, [vp] .vpw-controls.vpw-selectText .vpw-controls-subtitles, [vp] .vpw-controls.vpw-selectText .vpw-controls-fullscreen { display: none; } [vp] .vpw-controls .vpw-controls-button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-controls .vpw-controls-button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-controls .vpw-controls-button span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-controls .vpw-controls-button svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-controls .vpw-controls-button svg * { fill: rgb(15, 43, 84); } [vp] .vpw-controls .vpw-controls-button.speed-button { width: 40px; } [vp] .vpw-controls .vpw-controls-button:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-controls .vpw-controls-button:active { } [vp] .vpw-controls .vpw-controls-button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-controls .vpw-controls-button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-controls .vpw-controls-button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-controls .vpw-controls-button .vpw-component-pause, [vp] .vpw-controls .vpw-controls-button .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-play, [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-pause { display: flex; } [vp] .vpw-controls.vpw-stopped .vpw-controls-button .vpw-component-play, [vp] .vpw-controls.vpw-stopped .vpw-controls-button .vpw-component-pause { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-button .vpw-component-restart { display: flex; } [vp] .vpw-controls .vpw-controls-subtitles, [vp] .vpw-controls .vpw-controls-fullscreen { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-controls .vpw-controls-subtitles, [vp] .vpw-controls .vpw-controls-fullscreen { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-controls .vpw-controls-subtitles span, [vp] .vpw-controls .vpw-controls-fullscreen span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-controls .vpw-controls-subtitles svg, [vp] .vpw-controls .vpw-controls-fullscreen svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-controls .vpw-controls-subtitles svg *, [vp] .vpw-controls .vpw-controls-fullscreen svg * { fill: rgb(15, 43, 84); } [vp] .vpw-controls .vpw-controls-subtitles.speed-button, [vp] .vpw-controls .vpw-controls-fullscreen.speed-button { width: 40px; } [vp] .vpw-controls .vpw-controls-subtitles:hover, [vp] .vpw-controls .vpw-controls-fullscreen:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-controls .vpw-controls-subtitles:active, [vp] .vpw-controls .vpw-controls-fullscreen:active { } [vp] .vpw-controls .vpw-controls-subtitles:focus, [vp] .vpw-controls .vpw-controls-fullscreen:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-subtitles:disabled, [vp] .vpw-controls .vpw-controls-fullscreen:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle, [vp] .vpw-controls .vpw-controls-fullscreen.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle:hover, [vp] .vpw-controls .vpw-controls-fullscreen.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle svg > *, [vp] .vpw-controls .vpw-controls-fullscreen.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] .vpw-controls .vpw-controls-fullscreen { display: flex; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } [vp] .vpw-button-speed { border: none; margin: 0px; padding: 0px; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; text-align: center; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); width: 40px; min-width: 40px; font-weight: bold; } @media (max-width: 450px) { [vp] .vpw-button-speed { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-button-speed span { display: flex; align-items: center; justify-content: center; } [vp] .vpw-button-speed svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-button-speed svg * { fill: rgb(15, 43, 84); } [vp] .vpw-button-speed.speed-button { width: 40px; } [vp] .vpw-button-speed:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-button-speed:active { } [vp] .vpw-button-speed:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-button-speed:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-button-speed.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-button-speed.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-button-speed.actived-subtitle svg > * { fill: rgb(253, 253, 253); } @media (max-width: 450px) { [vp] .vpw-button-speed { min-width: 34px; max-width: 28px; } } [vp] .vpw-controls-slider { appearance: none; width: 100%; border-radius: 10px; overflow: hidden; height: 5px; background-color: transparent; } [vp] .vpw-controls-slider .vpw-slider { width: 100%; height: 5px; } [vp] .vpw-controls-slider .vpw-slider.noUi-target { box-shadow: none; border: 0px; } [vp] .vpw-controls-slider .vpw-slider.noUi-connect { background-color: rgb(0, 63, 134); } [vp] .vpw-controls-slider .vpw-slider .noUi-background { background-color: rgb(184, 184, 184); box-shadow: none; } [vp] .vpw-controls-slider .vpw-slider .noUi-origin { border-radius: 1px; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle { width: 0px; height: 0px; left: -8px; top: -8px; border-radius: 50%; } [vp] .vpw-controls-slider .vpw-slider .noUi-handle::after, [vp] .vpw-controls-slider .vpw-slider .noUi-handle::before { display: none; } @charset "utf-8"; [vp] .vpw-message-box { top: -100px; left: 0px; position: absolute; width: 100%; padding: 10px; font-size: 13px; overflow-wrap: break-word; color: rgb(0, 0, 0); min-height: 40px; opacity: 0; overflow: hidden; transition: all 0.15s ease 0.15s; text-align: center; font-weight: 700; } [vp] .vpw-message-box.active { top: 0px; opacity: 1; z-index: 10; } [vp] .vpw-message-box.info { background-color: rgb(13, 69, 157); color: white; } [vp] .vpw-message-box.warning { background-color: rgb(13, 69, 157); color: white; } [vp] .vpw-message-box.success { background-color: rgb(13, 69, 157); color: white; } [vp] .vpw-message-box.default { background-color: rgb(13, 69, 157); color: white; } [vp] .vpw-message-box a { color: inherit; } @media (max-width: 450px) { [vp] .vpw-message-box { font-size: 12px; } } @charset "utf-8"; [vp] .vpw-box { width: calc(100%); height: 40px; font-size: 1em; opacity: 1; position: relative; background-color: rgb(13, 69, 157); color: rgb(255, 255, 255); background-size: 100% 100%; z-index: 10; } [vp] .vpw-box .vpw-mes { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 14px; font-family: rawline, sans-serif; font-weight: bold; } @media (max-width: 450px) { [vp] .vpw-box .vpw-mes { font-size: 10px; } } @charset "utf-8"; [vp] .vpw-btn-close { position: absolute; top: 0px; width: 100%; height: 100%; display: none; z-index: 7; cursor: pointer; } [vp] .vpw-btn-close.active { display: block; } [vp] .vpw-btn-close .vpw-img { position: absolute; top: 50%; transform: translateY(-50%); width: 37.92px; height: 37.92px; right: 5px; } @charset "utf-8"; [vp] [vp-rate-box] { position: absolute; width: 100%; height: 0px; bottom: 0px; padding-bottom: 0px; z-index: 3; visibility: hidden; transition: height 0.5s ease 0s; background-color: rgb(253, 253, 253); border-radius: 10px 10px 0px 0px; overflow: hidden; } [vp] [vp-rate-box] .vp-rate-box-header { width: 100%; height: 48px; border-bottom: 1px solid rgb(216, 217, 219); display: flex; padding: 16px; align-items: center; justify-content: space-between; } [vp] [vp-rate-box] .vp-rate-box-header span { font-size: 14px; font-weight: 600; } [vp] [vp-rate-box] .vp-rate-box-header button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); transition: transform 0.3s ease 0s; } @media (max-width: 450px) { [vp] [vp-rate-box] .vp-rate-box-header button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] [vp-rate-box] .vp-rate-box-header button span { display: flex; align-items: center; justify-content: center; } [vp] [vp-rate-box] .vp-rate-box-header button svg { width: 100%; height: 100%; position: absolute; } [vp] [vp-rate-box] .vp-rate-box-header button svg * { fill: rgb(15, 43, 84); } [vp] [vp-rate-box] .vp-rate-box-header button.speed-button { width: 40px; } [vp] [vp-rate-box] .vp-rate-box-header button:hover { background-color: rgb(232, 233, 234); } [vp] [vp-rate-box] .vp-rate-box-header button:active { } [vp] [vp-rate-box] .vp-rate-box-header button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] [vp-rate-box] .vp-rate-box-header button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] [vp-rate-box] .vp-rate-box-header button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] [vp-rate-box] .vp-rate-box-header button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] [vp-rate-box] .vp-rate-box-header button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] [vp-rate-box] .vp-rate-box-header button svg > * { fill: rgb(15, 43, 84); } [vp] [vp-rate-box] .vp-rate-box-header button.vp-expanded svg { transform: rotate(180deg); } [vp] [vp-rate-box] .vp-rate-box-content { width: 100%; position: relative; height: calc(100% - 96px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; padding: 10px; overflow: hidden; } [vp] [vp-rate-box] .vp-rate-box-content span { font-size: 16px; font-weight: 600; color: rgb(54, 54, 54); } [vp] [vp-rate-box] .vp-rate-btns { display: flex; align-items: center; justify-content: center; gap: 10px; } [vp] [vp-rate-box] .vp-rate-btns button { border: none; margin: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; gap: 6px; flex-direction: column; padding: 40px 12px 12px; border-radius: 4px; color: rgb(131, 136, 144); position: relative; font-size: 12px; font-weight: 500; outline: transparent solid 2px; outline-offset: -2px; height: 70px !important; } [vp] [vp-rate-box] .vp-rate-btns button svg { width: 24px; position: absolute; top: 12px; } [vp] [vp-rate-box] .vp-rate-btns button svg * { fill: rgb(131, 136, 144); } [vp] [vp-rate-box] .vp-rate-btns button:hover { background-color: rgb(232, 233, 234); } [vp] [vp-rate-box] .vp-rate-btns button:active { outline-color: rgb(56, 133, 249); box-shadow: rgba(86, 154, 255, 0.75) 0px 0px 15px; } [vp] [vp-rate-box] .vp-rate-btns button svg { width: 24px; } [vp] [vp-rate-box] .vp-rate-btns button.vp-rate-btns--deslike svg { transform: scaleY(-1); } [vp] [vp-rate-box] .vp-rate-btns button :nth-child(1) * { fill: rgb(131, 136, 144); } [vp] [vp-rate-box] .vp-rate-btns button :nth-child(2) { visibility: hidden; } [vp] [vp-rate-box] .vp-rate-btns button :nth-child(2) * { fill: rgb(13, 69, 157); } [vp] [vp-rate-box] .vp-rate-btns button:hover :nth-child(1), [vp] [vp-rate-box] .vp-rate-btns button:focus :nth-child(1) { width: 0px; } [vp] [vp-rate-box] .vp-rate-btns button:hover :nth-child(2), [vp] [vp-rate-box] .vp-rate-btns button:focus :nth-child(2) { visibility: visible; } [vp] [vp-rate-box].vp-enabled { visibility: visible; height: 96px; } [vp] [vp-rate-box].vp-expanded { height: 60% !important; } [vp] [vp-rate-box].vp-expanded .vp-rate-box-header button svg { transform: rotate(180deg); } @media (max-width: 450px) { [vp] [vp-rate-box].vp-enabled { visibility: visible; height: 86px; } [vp] [vp-rate-box] .vp-rate-box-header { height: 38px; } [vp] [vp-rate-box] .vp-rate-box-content { height: calc(100% - 86px); } [vp] [vp-rate-box] .vp-rate-box-content span { font-size: 12px; } } @charset "utf-8"; [vp] [vp-suggestion-screen] { overflow: hidden; position: absolute; right: 0px; left: 0px; height: 0px; bottom: 0px; width: 100%; padding: 0px; background-color: white; z-index: 5; border-radius: 10px 10px 0px 0px; transition: all 0.3s ease 0s; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar { width: 10px; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-track { background: rgba(209, 209, 209, 0.945) !important; } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb { background: rgb(139, 139, 153); } [vp] [vp-suggestion-screen] ::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); } [vp] [vp-suggestion-screen] .vp-dropdown-suggest { display: none; } [vp] [vp-suggestion-screen] .vp-dropdown-suggest.vp-enabled { display: block; position: absolute; width: 120px; height: 54px; overflow: hidden auto; color: white; background: rgb(0, 63, 134); border-radius: 5px; font-weight: 600; list-style-type: none; padding: 0px; } [vp] [vp-suggestion-screen] .vp-dropdown-item { cursor: pointer; font-size: 12px; margin: 5px 0px -4px 6px; color: rgb(255, 255, 255); } [vp] [vp-suggestion-screen] .vp-dropdown-item:hover { color: rgb(128, 182, 243); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header { width: 100%; height: 48px; border-bottom: 1px solid rgb(216, 217, 219); display: flex; padding: 16px; align-items: center; justify-content: space-between; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header span { font-size: 14px; font-weight: 600; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); transition: transform 0.3s ease 0s; } @media (max-width: 450px) { [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button span { display: flex; align-items: center; justify-content: center; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button svg { width: 100%; height: 100%; position: absolute; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button svg * { fill: rgb(15, 43, 84); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button.speed-button { width: 40px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button:hover { background-color: rgb(232, 233, 234); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button:active { } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-header button svg > * { fill: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] [vp-suggestion-screen] .vp-suggestion-screen-header { height: 38px; padding: 10px; } } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; width: 100%; padding: 16px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-title { width: 100%; text-align: left; font-weight: 700; font-size: 14px; color: rgb(54, 54, 54); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-text { padding: 10px; width: 100%; resize: none; border-radius: 5px; border: 1px solid rgb(216, 217, 219); height: 120px; font-size: 1rem; outline: none !important; display: block !important; min-height: auto !important; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-text:hover { border-color: rgb(131, 136, 144); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-text:focus { border: 1.6px solid rgb(56, 133, 249); box-shadow: rgba(86, 154, 255, 0.75) 0px 0px 15px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container button { width: 100% !important; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-visualize-signal-button { margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; outline: none; background: rgb(13, 69, 157); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 40px; border: 1px solid rgb(13, 69, 157); font-size: 14px; font-weight: 600; color: rgb(253, 253, 253); } @media (max-width: 450px) { [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-visualize-signal-button { height: 28px; font-size: 12px; } } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-visualize-signal-button:hover { background-color: rgb(56, 133, 249); border-color: rgb(56, 133, 249); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-visualize-signal-button:disabled { background-color: rgb(232, 233, 234); border-color: rgb(216, 217, 219); cursor: not-allowed; user-select: none; color: rgb(131, 136, 144); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-send-button { margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; outline: none; background: rgb(253, 253, 253); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 40px; border: 1px solid rgb(13, 69, 157); font-size: 14px; font-weight: 600; color: rgb(13, 69, 157); } @media (max-width: 450px) { [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-send-button { height: 28px; font-size: 12px; } } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-send-button:hover { border-color: rgb(131, 136, 144); background-color: rgb(232, 233, 234); color: rgb(15, 43, 84); } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container .vp-send-button:disabled { background-color: rgb(232, 233, 234); border-color: rgb(216, 217, 219); cursor: not-allowed; user-select: none; color: rgb(131, 136, 144); } [vp] [vp-suggestion-screen].vp-enabled { height: 96px; } [vp] [vp-suggestion-screen].vp-enabled.vp-expanded { height: calc(100% - 60px); } [vp] [vp-suggestion-screen].vp-enabled.vp-expanded .vp-suggestion-screen-header button svg { transform: rotate(180deg) !important; } @media (max-width: 450px) { [vp] [vp-suggestion-screen] .vp-suggestion-screen-content { gap: 6px; padding: 10px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-text { height: 100px; font-size: 0.8rem; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container { gap: 6px; } } @charset "utf-8"; [vp] [vp-translator-screen] { overflow: hidden; position: absolute; right: 0px; left: 0px; height: 0px; bottom: 0px; width: 100%; padding: 0px; background-color: white; z-index: 5; border-radius: 10px 10px 0px 0px; transition: all 0.3s ease 0s; } [vp] [vp-translator-screen] ::-webkit-scrollbar { width: 10px; } [vp] [vp-translator-screen] ::-webkit-scrollbar-track { background: rgba(209, 209, 209, 0.945) !important; } [vp] [vp-translator-screen] ::-webkit-scrollbar-thumb { background: rgb(139, 139, 153); } [vp] [vp-translator-screen] ::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); } [vp] [vp-translator-screen] .vp-translator-screen-header { width: 100%; height: 48px; border-bottom: 1px solid rgb(216, 217, 219); display: flex; padding: 16px; align-items: center; justify-content: space-between; } [vp] [vp-translator-screen] .vp-translator-screen-header span { font-size: 14px; font-weight: 600; } [vp] [vp-translator-screen] .vp-translator-screen-header button { border: none; margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; background: rgb(253, 253, 253); font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; line-height: 19px; font-weight: 700; text-align: center; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; border-radius: 4px; outline: transparent solid 2px; outline-offset: -2px; position: relative; color: rgb(15, 43, 84); transition: transform 0.3s ease 0s; } @media (max-width: 450px) { [vp] [vp-translator-screen] .vp-translator-screen-header button { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] [vp-translator-screen] .vp-translator-screen-header button span { display: flex; align-items: center; justify-content: center; } [vp] [vp-translator-screen] .vp-translator-screen-header button svg { width: 100%; height: 100%; position: absolute; } [vp] [vp-translator-screen] .vp-translator-screen-header button svg * { fill: rgb(15, 43, 84); } [vp] [vp-translator-screen] .vp-translator-screen-header button.speed-button { width: 40px; } [vp] [vp-translator-screen] .vp-translator-screen-header button:hover { background-color: rgb(232, 233, 234); } [vp] [vp-translator-screen] .vp-translator-screen-header button:active { } [vp] [vp-translator-screen] .vp-translator-screen-header button:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] [vp-translator-screen] .vp-translator-screen-header button:disabled { cursor: not-allowed; opacity: 0.3; } [vp] [vp-translator-screen] .vp-translator-screen-header button.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] [vp-translator-screen] .vp-translator-screen-header button.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] [vp-translator-screen] .vp-translator-screen-header button.actived-subtitle svg > * { fill: rgb(253, 253, 253); } [vp] [vp-translator-screen] .vp-translator-screen-header button svg > * { fill: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] [vp-translator-screen] .vp-translator-screen-header { height: 38px; padding: 10px; } } [vp] [vp-translator-screen] .vp-translator-screen-content { display: flex; align-items: center; justify-content: start; flex-direction: column; gap: 10px; width: 100%; height: 100%; padding: 16px; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-title { width: 100%; text-align: left; font-weight: 700; font-size: 14px; color: rgb(54, 54, 54); } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-text { padding: 10px; width: 100%; resize: none; border-radius: 5px; border: 1px solid rgb(216, 217, 219); height: 160px; font-size: 1rem; outline: none !important; display: block !important; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-text:hover { border-color: rgb(131, 136, 144); } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-text:focus { border: 1.6px solid rgb(56, 133, 249); box-shadow: rgba(86, 154, 255, 0.75) 0px 0px 15px; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container button { width: 100% !important; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container .vp-visualize-signal-button { margin: 0px; padding: 0px; width: auto; cursor: pointer; overflow: visible; outline: none; background: rgb(13, 69, 157); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: normal; -webkit-font-smoothing: inherit; appearance: none; display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 40px; border: 1px solid rgb(13, 69, 157); font-size: 14px; font-weight: 600; color: rgb(253, 253, 253); } @media (max-width: 450px) { [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container .vp-visualize-signal-button { height: 28px; font-size: 12px; } } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container .vp-visualize-signal-button:hover { background-color: rgb(56, 133, 249); border-color: rgb(56, 133, 249); } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-translator-buttons-container .vp-visualize-signal-button:disabled { background-color: rgb(232, 233, 234); border-color: rgb(216, 217, 219); cursor: not-allowed; user-select: none; color: rgb(131, 136, 144); } [vp] [vp-translator-screen].vp-enabled { height: calc(100% - 60px); } @media (max-width: 450px) { [vp] [vp-translator-screen] .vp-translator-screen-content { gap: 6px; padding: 10px; } [vp] [vp-translator-screen] .vp-translator-screen-content .vp-text { height: 120px; font-size: 0.8rem; } [vp] [vp-translator-screen] .vp-translator-screen-content
Compartilhar