Avaliação de Desenho de Observação
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
Ir para o conteúdo principal
Painel lateral
Graduação EAD
Simone Marques de Campos Costa
Painel
PerfilNotasMensagensPreferências
Sair
Mensagens
Nova Mensagem
Marcar tudo como lido
Preferências de mensagens
Sem novas mensagens
Mostrar todos
Notificações
Marcar tudo como lido
Preferências de notificação
Você não tem nenhuma notificação
Mostrar todos
Desenho de Observação
Painel
Cursos
UniCV - FCE R2
Desenho de Observação unicv-fce-r2
Avaliação de Desenho de Observação
Avaliação de Desenho de Observação
Iniciado em quarta, 24 mai 2023, 09:04
Estado Finalizada
Concluída em quarta, 24 mai 2023, 09:28
Tempo empregado 23 minutos 31 segundos
Avaliar 10,00 de um máximo de 10,00(100%)
Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
A relação formal de ritmo está representada em qual alternativa?
Escolha uma opção:
a.
b.
c.
d.
e.
Feedback
Sua resposta está correta.
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
É característica marcante da técnica de colagem:
Escolha uma opção:
a. Possibilidade de revelar a cor do suporte.
b. Cor preto de fundo ou figura.
c. Definição dos elementos compositivos.
d. Gestual marcado.
e. Imprecisão técnica.
Feedback
Sua resposta está correta.
Questão 3
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
O sombreamento é:
Escolha uma opção:
a. a única técnica existente para representar volumetrias e dimensões em uma figura.
b. o resultado da incidência da luz sobre os objetos, sendo representada pela luminosidade a partir do uso da cor branca.
c. a região de transição do desenho, onde são utilizados os tons mais escuros.
d. a técnica considerada padrão-ouro para representação fidedigna das dimensões do desenho.
e. uma técnica que pode ser expressa tanto pela sombra projetada quanto pela sombra própria do objeto.
Feedback
Sua resposta está correta.
Questão 4
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
É um tipo de gravura obtido a partir de um desenho ou de uma pintura sobre uma superfície lisa e transferido para uma folha de papel por meio da pressão desta sobre o desenho, manual ou mecanicamente. Esta é a definição correta da técnica de:
Escolha uma opção:
a. Monotipia.
b. Colagem.
c. Pintura.
d. Desenho de Observação.
e. Guache Lavado.
Feedback
Sua resposta está correta.
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
O desenho de observação abaixo evidencia que elemento compositivo?
Escolha uma opção:
a. O volume.
b. O ritmo.
c. A assimetria.
d. A linha.
e. A superfície
Feedback
Sua resposta está correta.
Questão 6
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Sobre as cinco habilidades básicas para desenhar, relacionadas com esse desenho de observação, assinale a alternativa que demonstra corretamente a percepção das bordas, dos espaços, dos relacionamentos e de luz e sombra que o desenho apresenta:
Escolha uma opção:
a.
b.
c.
d.
e.
Feedback
Sua resposta está correta.
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Para representar, de forma expressiva, a volumetria dos objetos em desenhos arquitetônicos, ressaltando os pontos iluminados e escurecendo as partes mais profundas do objeto, recomenda-se utilizar a técnica de:
Escolha uma opção:
a. pontilhismo.
b. hachuras paralelas e cruzadas.
c. manchas.
d. hachuras circulares.
e. impressionismo.
Feedback
Sua resposta está correta.
Questão 8
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Luz e sombra são elementos considerados técnicas:
Escolha uma opção:
a. opcionais, é a partir de seu uso que a ideia inicial do projeto é representada graficamente.
b. essenciais, uma vez que é a partir de seu uso que é possível simular profundidade e compor as imagens de modo realista.
c. ultrapassadas, pois não permitem que os objetos sejam dimensionados.
d. estruturais, é a partir do uso da luz e sombra que a ideia inicial do projeto é representada graficamente.
e. opcionais, inseridas conforme a necessidade estética da imagem a ser construída.
Feedback
Sua resposta está correta.
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
A sombra pode ser representada por técnicas como:
Escolha uma opção:
a. hachuras e esfumados.
b. pontilhismo hachurado.
c. a sobreposição de manchas com uso de lápis coloridos aquareláveis.
d. o pontilhamento paralelo.
e. o uso da borracha nas zonas claras, destacando a luminosidade que se deseja representar.
Feedback
Sua resposta está correta.
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Os elementos da forma, “ponto, linha, plano e volume”, constituem o alfabeto arquitetônico. Analogamente, precisam ser compreendidos antes da palavra ser formada ou de um vocabulário desenvolvido. Seus significados contêm soluções para os problemas de função, de propósito e de contexto a serem resolvidos no partido arquitetônico. Assinale a alternativa que apresenta a definição e a expressão correta de cada um destes elementos:
Escolha uma opção:
a. As propriedades do “plano” são o comprimento, a largura e a profundidade. Esse elemento determina como os elementos visuais externos ou internos à edificação podem ser observados ou apreendidos.
b. A “linha” não representa um formato arquitetônico porque a arquitetura é constituída de quatro dimensões, sua forma tridimensional (largura, altura, profundidade) e a experiência arquitetônica.
c. A definição de “linha” é um ponto estendido. A “linha” define os limites e as fronteiras de um volume e expressa um estado de desequilíbrio.
d. O “volume” é constituído de um plano estendido ou da adição de mais de um plano. Consiste num elemento bidimensional do vocabulário arquitetônico e expressa estabilidade quando está apoiado sobre uma de suas faces, não podendo expressar instabilidade.
e. O “ponto” indica uma posição no espaço, podendo expressar estabilidade, domínio e papel de organizador dos elementos ao seu redor.
Feedback
Sua resposta está correta.
Terminar revisão
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
Mostrar uma página por vezTerminar revisão
Desenho de Observação unicv-fce-r2
Participantes
Notas
Desenho de Observação
EMENTA
Manual de Orientação do Curso
ATENDIMENTO AO ALUNO
E-BOOK
📗 CONTEÚDO
📋 EXERCÍCIOS I
📋 EXERCÍCIOS II
Avaliação de Desenho de Observação
Painel
Página inicial do site
Calendário
Arquivos privados
Meus cursos
EXPRESSÃO TRIDIMENSIONAL unicv-fce-r2
PRÁTICAS PEDAGÓGICAS II unicv-fce-r2
PRÁTICAS PEDAGÓGICAS I unicv-fce-r2
TCC - TRABALHO DE CONCLUSÃO DE CURSO unicv-fce-r2
TÉCNICAS E PESQUISA DE PINTURA unicv-fce-r2
EXPRESSÃO ARTÍSTICA unicv-fce-r2
EXPRESSÃO GRÁFICA unicv-fce-r2
História da Arte Moderna unicv-fce-r2
HISTÓRIA DA ARTE CONTEMPORÂNEA unicv-fce-r2
HISTÓRIA DA ARTE BRASILEIRA unicv-fce-r2
Mais...
Você acessou como Simone Marques de Campos Costa (Sair)
Desenho de Observação unicv-fce-r2
@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 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; }
[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; font-size: 12px; }
[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; }
[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") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 275; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-200.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 275; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-200i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 300; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-300.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 300; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-300i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 500; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-500.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 500; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-500i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 600; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-600.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 600; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-600i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 700; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-700.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 700; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-700i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 800; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-800.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 800; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-800i.woff") format("woff"); }
@font-face { font-family: rawline; font-style: normal; font-weight: 900; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-900.woff") format("woff"); }
@font-face { font-family: rawline; font-style: italic; font-weight: 900; src: local("Rawline"), url("https://fonts.cdnfonts.com/s/19714/rawline-900i.woff") format("woff"); }
@charset "utf-8";
[vp] { font-size: 16px; height: 100%; width: 100%; position: relative; font-family: Rawline, "Open Sans", sans-serif !important; }
[vp] [vp-blue-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: white; background-color: rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; }
[vp] [vp-visualize-signal-button] { padding: 7px; border-radius: 6px; font-size: 12px; text-align: center; font-weight: bold; color: rgb(0, 63, 134); background: white; border: 1px solid rgb(0, 63, 134); cursor: pointer; margin: 10px 5px; align-self: center; }
[vp] [vp-sugestion-area] { display: flex; }
[vp] [vp-close-button] { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 28px; height: 28px; border-radius: 14px; background-color: rgb(179, 179, 179); cursor: pointer; }
[vp] [vp-close-button] img { width: 100%; }
#gameContainer { background: rgb(235, 235, 235) !important; }
@charset "utf-8";
[vw] [vw-access-button] { display: none; width: 160px; text-align: center; cursor: pointer; margin: 0px 0px 0px -100px; max-width: none; }
[vw] [vw-access-button].active { display: block; }
[vw] [vw-access-button] .access-button { width: 40px; float: right; }
[vw] [vw-access-button] span { font-size: 13px; color: rgb(0, 64, 136); }
[vw] [vw-access-button] .access-button:hover + .pop-up { width: calc(100% - 56px); }
[vw] [vw-access-button] .pop-up { float: right; width: 0%; margin-right: 6px; transition: width 0.5s ease 0s; }
[vw] [vw-access-button] .pop-up.left { margin-right: -50px; transform: translateX(100%); }
[vw] [vw-access-button] .access-button.left { margin-right: 6px; float: left !important; }
@charset "utf-8";
.vw-links { top: -100px; left: -100px; position: absolute; }
.vw-links .vw-tooltip { position: relative; opacity: 1; }
.vw-links .vw-tooltip__item { text-align: center; position: absolute; min-width: 123px; padding: 8px; visibility: hidden; opacity: 0; background: white; transition: all 0.25s cubic-bezier(0, 0, 0.2, 1) 0s; color: rgb(72, 72, 72); border: 1px solid rgb(206, 206, 206); border-radius: 3px; font-weight: 500; box-shadow: rgb(188, 188, 188) 0px 2px 1px; z-index: 4; }
.vw-links .vw-tooltip__item::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; }
.vw-links .vw-tooltip__initiator { cursor: pointer; z-index: 5; }
.vw-links .vw-tooltip .vw-tooltip__item { top: calc(100% + 1em); left: 50%; transform: translate3d(-50%, -15px, 0px); }
.vw-links .vw-tooltip .vw-tooltip__item::after { top: -0.5em; left: 50%; transform: translate3d(-50%, 0px, 0px);Compartilhar
Compartilhar