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 English (en) Español - Internacional (es) Português - Brasil (pt_br) 0 Notificações Marcar tudo como lido Preferências de notificação Você não tem nenhuma notificação Mostrar todos 0 BRUNA JAINARA GERVASONI Painel Perfil Notas Mensagens Preferências Sair 2023/3 - GESTÃO DE RECURSOS HUMANOS Página inicial Minhas disciplinas 2023/3 - GESTÃO DE RECURSOS HUMANOS UNIDADE I Avaliação - Unidade I Iniciado em segunda, 10 jul 2023, 19:39 Estado Finalizada Concluída em segunda, 10 jul 2023, 19:55 Tempo empregado 16 minutos 14 segundos Avaliar 0,50 de um máximo de 0,50(100%) Questão 1 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão A aprendizagem na organização é uma prática que acontece com intuito de desenvolver a capacidade dos funcionários, que é transmitida com base em experiências anteriores e atuais, no qual o conhecimento de cada um é colocado em prática. Para esse processo ocorrer de maneira eficiente é preciso compartilhar alguns fatores como: a. Informações, valores e cultura. b. Conhecimento, crenças, valores e experiências. c. Cultura, crenças e valores. d. Conhecimento, informações e dados. e. Costumes, informações e experiências anteriores. Questão 2 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão A empresa tem um papel importante perante a sociedade, pois ela oferece seus recursos para as pessoas exercerem suas funções e desenvolver profissionalmente no mercado, porém as pessoas também são responsáveis para gestar sua própria carreira. Diante do pressuposto assinale a alternativa correta. a. As pessoas fazem a gestão da carreira profissional com base nos dados informativos referente as áreas de atuação. b. As empresas estão cada vez mais à procura de um bom perfil profissional, então as pessoas estão em busca continua de formação para aproveitar as oportunidades oferecidas. c. Os recursos das empresas não são adequados e por esse motivo as pessoas procuram aprimorar suas habilidades. d. Para fazer a gestão da própria carreira é necessário receber treinamentos da empresa. e. Com o avanço da tecnologia as pessoas estão em busca de informações para ficarem atualizadas. Questão 3 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão A Gestão de Pessoas na organização se preocupa com todas as atividades de cada indivíduo, para que suas funções possam ser exercidas de maneira eficiente, agregando valor monetário para a empresa e o funcionário se sentir valorizado. Contudo, a GP atua no padrão de normas da empresa, para que ambos fiquem satisfeitos. Assinale a alternativa correspondente. a. O funcionário transmite as informações recebidas, contribuindo para o crescimento da empresa. b. O funcionário recebe treinamentos para melhorar seu desempenho e a empresa divulga seu produto. c. A empresa se mantém no mercado e o funcionário desenvolve suas tarefas diárias. d. O funcionário desenvolve suas atividades, no qual adquire mais conhecimentos e experiências e a empresa desenvolve seu negócio para manter no mercado, transmitindo confiança. e. O funcionário recebe seu salário pelos serviços prestados e a empresa recebe sua lucratividade. Questão 4 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão A gestão de pessoas tem como uma de suas características a efetividade do trabalho para que a empresa cada vez mais consiga seu espaço no mercado. Desse modo, assinale a alternativa que não contribui para essa ação. a. Comunicação b. Autossuficiência c. Confiança d. Empatia e. Proatividade Questão 5 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão As pessoas que fazem parte da organização, tanto podem trazer sucesso como problemas para o desenvolvimento do seu negócio. Nessa ideia, os gestores procuram estar atentos para cumprir com os objetivos da gestão de pessoas. Com base no pressuposto assinale a alternativa correta. a. A gestão de pessoas tem por objetivo gerenciar os recursos que a empresa oferece. b. Organizar os arquivos do setor de RH. c. Os objetivos da gestão de pessoas é desenvolver e treinar as pessoas para o crescimento profissional. d. A gestão de pessoas objetiva pessoas bem treinadas, alcance dos objetivos da empresa, competitividade, satisfação das pessoas, apoiar as mudanças e manter a ética profissional. e. Promover palestras sobre segurança no trabalho, prevenção de acidentes, são objetivos da gestão de pessoas. Questão 6 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Cada empresa possui uma maneira de fazer a gestão de pessoas, pois vai depender do tamanho, negócio, cultura, valores, etc. Porém, independente desses fatores os elementos de apoio da estratégia de RH são: a. Gestão de equipe e aprendizagem organizacional. b. Organização de documentos e controle de materiais de segurança. c. Missão, valores e cultura organizacional. d. Recrutamento e Seleção, descrição de cargos, treinamentos, avaliação de desempenho e avaliação de remuneração. e. Controle de funções e de processos. Questão 7 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Fazer a Gestão de Pessoas não é uma tarefa fácil, mas é um desafio para o gestor de RH influenciar pessoas para alcançar os objetivos de suas metas com intuito de caracterizar a pessoa como um líder. Para se tornar um líder é preciso ter as seguintes características: a. Acompanhar cada etapa do processo. b. Observar com mais atenção o indivíduo que não realizar suas funções corretamente . c. Dar importância para o prazo de entrega da mercadoria. d. Designar responsabilidades. e. Apoiar cada pessoa do seu grupo, ouvindo cada um deles e destacar a importância do trabalho em equipe. Questão 8 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão José foi promovido para ser o gerente do setor de RH, o papel dele é rever todas as questões relacionadas ao pessoal de baixo escalão. Para isso, José terá que ter uma interação com os chefes e os funcionários de cada setor. Essa tarefa recebe o nome de: a. Gestão de Processos. b. Gestão de Pessoas. c. Gestão de Recursos. d. Gestão de Competências. e. Gestão por Desempenho. Questão 9 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Para esclarecer as dúvidas, explicar a política da empresa, as tarefas diárias, atender clientes, explicar os processos, pedir sugestões e fazer a interação com os funcionários a empresa precisa de um programa de relações como: a. Programa de segurança. b. Programa de Controle Interno. c. Programa de Tecnologia. d. Sistema de Informação e. Comunicação Questão 10 Completo Atingiu 0,05 de 0,05 Marcar questão Texto da questão Quando a empresa se preocupa com a estrutura, ambiente interno, equipamentos, localização, entre outros, ela está pensando no bem-estar do funcionário dentro da empresa, já que ele passa maior parte do seu tempo trabalhando. Podemos dizer que essa atitude está relacionada a: a. Segurança do funcionário. b. Qualidade de Vida. c. Relação Interpessoal d. Responsabilidade Social. e. Preservação da empresa. Terminar revisão Atividade anterior ◄ Slides Videoaula 2 Seguir para... Seguir para... Mural de avisos COMO CALCULAR A SUA NOTA Plano de Ensino Apresentação da Disciplina ORIENTAÇÕES DE CITAÇÃO E PLÁGIO!! Gestão de Recursos Humanos Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Avaliação - Unidade II Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Avaliação - Unidade III Videoaula 1 Slides Videoaula 1 Videoaula 2 Slides Videoaula 2 Avaliação - Unidade IV Conclusão da Disciplina Fórum - Gestão de Recursos Humanos Estudo de Caso Guia para envio correto do estudo de caso Avalie a sua disciplina Próxima atividade Videoaula 1 ► Pular <span id="mod_quiz_navblock_title">Navegação do questionário</span> 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 Questão 6 Esta página Questão 7 Esta página Questão 8 Esta página Questão 9 Esta página Questão 10 Esta página Terminar revisão Seções do curso E-BOOK UNIDADE I UNIDADE II UNIDADE III UNIDADE IV FÓRUM ESTUDO DE CASO AVALIE A DISCIPLINA Participantes Notas Desativar navegação animada Preferência dos dados Página inicial Painel Calendário Minhas disciplinas Ambientacao Nivelamento - Portugues 2022 Nivelamento - Matematica 2022 Uninga em Movimento 2023/3 - ESTATÍSTICA 2023/3 - GESTÃO DE RECURSOS HUMANOS 2023/2 - Gestão Da Produção 2023/2 - Metodologia e Técnicas de Pesquisa 2023/2 - PIESC III - Administração 2023/1 - Administração De Marketing 2023/1 - Cultura e Clima Organizacional Mais... Arquivos privados Mais... Configurações de acessibilidade Manter contato UNINGÁ https://www.uninga.br Mobile : 0800 800 5009 Obter o aplicativo para dispositivos móveis @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; position: relative; 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; 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: grid; place-items: 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: grid; place-items: center; } [vp] .vpw-settings .vpw-options-container .vpw-option-content .vpw-position-box span svg { visibility: hidden; } [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: grid; place-items: 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; cursor: pointer; } [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; position: relative; 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; 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: grid; place-items: 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 { width: 210px; 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; position: relative; 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; 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: grid; place-items: 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 nowrap; 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; position: relative; 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; 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: grid; place-items: 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; position: relative; 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; 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: grid; place-items: 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; height: 36px; border-radius: 40px; place-content: center; 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"; [vp] [vp-controls] { position: absolute; left: 50%; border-top: 1px solid rgb(216, 217, 219); transform: translateX(-50%); bottom: 0%; max-width: 900px; 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: 18px; background: white; width: 100%; } [vp] .vpw-controls.vpw-selectText { background-color: rgb(0, 63, 134) !important; } [vp] .vpw-controls .vpw-selectTextLabel { display: none; place-items: 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: grid; } [vp] .vpw-controls.vpw-selectText .vpw-controls-button { display: none; } [vp] .vpw-controls.vpw-selectText .vpw-controls-slider { display: none; } [vp] .vpw-controls.vpw-selectText .vpw-button-speed { display: none; } [vp] .vpw-controls.vpw-selectText .vpw-controls-subtitles { 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; position: relative; 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; 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: grid; place-items: 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 { display: none; } [vp] .vpw-controls .vpw-controls-button .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-play { display: none; } [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-pause { display: grid; } [vp] .vpw-controls.vpw-playing .vpw-controls-button .vpw-component-restart { display: none; } [vp] .vpw-controls.vpw-stopped .vpw-controls-button .vpw-component-play { display: none; } [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: grid; } [vp] .vpw-controls .vpw-controls-subtitles { 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; position: relative; 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; color: rgb(15, 43, 84); } @media (max-width: 450px) { [vp] .vpw-controls .vpw-controls-subtitles { min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px; } } [vp] .vpw-controls .vpw-controls-subtitles span { display: grid; place-items: center; } [vp] .vpw-controls .vpw-controls-subtitles svg { width: 100%; height: 100%; position: absolute; } [vp] .vpw-controls .vpw-controls-subtitles svg * { fill: rgb(15, 43, 84); } [vp] .vpw-controls .vpw-controls-subtitles.speed-button { width: 40px; } [vp] .vpw-controls .vpw-controls-subtitles:hover { background-color: rgb(232, 233, 234); } [vp] .vpw-controls .vpw-controls-subtitles:active { } [vp] .vpw-controls .vpw-controls-subtitles:focus { background-color: rgb(253, 253, 253); outline-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-subtitles:disabled { cursor: not-allowed; opacity: 0.3; } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle { background-color: rgb(36, 112, 224); } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle:hover { background-color: rgb(56, 133, 249); } [vp] .vpw-controls .vpw-controls-subtitles.actived-subtitle svg > * { fill: rgb(253, 253, 253); } @-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; position: relative; 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; 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: grid; place-items: 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: 34px; } } [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; position: relative; 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; 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: grid; place-items: 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; position: relative; 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; 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: grid; place-items: 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); } [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: 14px; outline: none !important; display: block !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; height: 36px; display: grid; border-radius: 40px; place-content: center; 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; height: 36px; display: grid; border-radius: 40px; place-content: center; 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-header { height: 38px; padding: 10px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content { gap: 6px; padding: 10px; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-text { height: 90px !important; font-size: 12px !important; } [vp] [vp-suggestion-screen] .vp-suggestion-screen-content .vp-suggestion-buttons-container { gap: 6px; } } @charset "utf-8"; [vp] [vp-change-avatar] { justify-content: center; flex-direction: column; gap: 10px; position: absolute; z-index: 2; display: none; max-width: 100%; opacity: 1; transition: max-width 0s ease 0s, visibility 0s ease 0s, opacity 0.4s ease 0s; left: 13px; top: 50px; } [vp] [vp-change-avatar] .vp-button-change-avatar { display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; background: rgb(131, 136, 144); border-radius: 50px; width: 32px; height: 32px; border: 2px solid transparent; outline: transparent solid 2px; padding: 0px !important; } [vp] [vp-change-avatar] .vp-button-change-avatar svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); } [vp] [vp-change-avatar] .vp-button-change-avatar::after { content: attr(avatar-name); display: none; place-content: center; height: 32px; right: -10px; background-color: rgb(54, 54, 54); border: 20px; padding: 0px 16px; position: absolute; border-radius: 40px; transform: translateX(100%); color: rgb(253, 253, 253); font-size: 14px; font-weight: 500; } [vp] [vp-change-avatar] .vp-button-change-avatar:hover { outline-color: rgba(131, 136, 144, 0.3); } [vp] [vp-change-avatar] .vp-button-change-avatar:hover::after { display: grid; } [vp] [vp-change-avatar] .vp-button-change-avatar.selected { background-color: rgb(56, 133, 249); outline-color: rgb(56, 133, 249); border-color: rgb(224, 224, 224); } [vp] [vp-change-avatar] .vp-button-change-avatar.selected:hover { outline-color: rgba(56, 133, 249, 0.5); } [vp] [vp-change-avatar] .vp-button-change-avatar .active { display: block; } @media (max-width: 450px) { [vp] [vp-change-avatar] .vp-button-change-avatar { width: 28px; height: 28px; } } [vp] [vp-change-avatar].active { display: flex; } @charset "utf-8"; @import url("https://fonts.cdnfonts.com/css/rawline"); @charset "utf-8"; @font-face { font-family: rawline; font-style: normal; font-weight: 400; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-400.woff") format("woff"); } @font-face { font-family: rawline; font-style: italic; font-weight: 400; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-400i.woff") format("woff"); } @font-face { font-family: rawline; font-style: normal; font-weight: 250; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-100.woff") format("woff"); } @font-face { font-family: rawline; font-style: italic; font-weight: 250; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-100i.woff")