html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.mainbot {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}


@font-face {
    font-family: mdn-Icon;
    src: url(./arquivos/mondrian-icons-6.28.0.eot?t=1724348261536);
    src: url(./arquivos/mondrian-icons-6.28.0.eot?t=1724348261536#iefix) format("embedded-opentype"), url(./arquivos/mondrian-icons-6.28.0.woff2?t=1724348261536) format("woff2"), url(./arquivos/mondrian-icons-6.28.0.woff?t=1724348261536) format("woff"), url(https://mondrian.claro.com.br/icons/mondrian-icons-6.28.0.ttf?t=1724348261536) format("truetype"), url(https://mondrian.claro.com.br/icons/mondrian-icons-6.28.0.svg?t=1724348261536#mondrian-icons-6.28.0) format("svg")
}

[class*=" mdn-Icon-"],
[class*=" mdn-Icon-"]:before,
[class^=mdn-Icon-],
[class^=mdn-Icon-]:before {
    font-family: mdn-Icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mdn-Icon--inverse {
    color: var(--color-neutral-lightest)
}

.mdn-Icon--default,
.mdn-Icon--primary {
    color: var(--color-neutral-darkest)
}

.mdn-Icon--secondary {
    color: var(--color-brand-primary-medium)
}

.mdn-Icon--sm,
.mdn-Icon--sm:before {
    font-size: 1rem
}

.mdn-Icon--md,
.mdn-Icon--md:before {
    font-size: 1.5rem
}

.mdn-Icon--lg,
.mdn-Icon--lg:before {
    font-size: 2rem
}

.mdn-Icon-45g:before {
    content: "\EA01"
}

.mdn-Icon-4k:before {
    content: "\EA02"
}

.mdn-Icon-5g:before {
    content: "\EA03"
}

.mdn-Icon-8k:before {
    content: "\EA04"
}

.mdn-Icon-a-la-carte:before {
    content: "\EA05"
}

.mdn-Icon-acessar-camera:before {
    content: "\EA06"
}

.mdn-Icon-acessibilidade:before {
    content: "\EA07"
}

.mdn-Icon-acompanhar-solicitacao:before {
    content: "\EA08"
}

.mdn-Icon-adesao:before {
    content: "\EA09"
}

.mdn-Icon-adicionar-box:before {
    content: "\EA0A"
}

.mdn-Icon-adicionar-circulo:before {
    content: "\EA0B"
}

.mdn-Icon-adicionar-coluna:before {
    content: "\EA0C"
}

.mdn-Icon-adicionar-linha:before {
    content: "\EA0D"
}

.mdn-Icon-aeronaves-autonomas:before {
    content: "\EA0E"
}

.mdn-Icon-agente-autorizado:before {
    content: "\EA0F"
}

.mdn-Icon-airplay:before {
    content: "\EA10"
}

.mdn-Icon-ajustes:before {
    content: "\EA11"
}

.mdn-Icon-alarme:before {
    content: "\EA12"
}

.mdn-Icon-aleatorio:before {
    content: "\EA13"
}

.mdn-Icon-alerta:before {
    content: "\EA14"
}

.mdn-Icon-alexa:before {
    content: "\EA15"
}

.mdn-Icon-alinhamento-central:before {
    content: "\EA16"
}

.mdn-Icon-alinhamento-direita:before {
    content: "\EA17"
}

.mdn-Icon-alinhamento-esquerda:before {
    content: "\EA18"
}

.mdn-Icon-alinhamento-horizontal-centralizado:before {
    content: "\EA19"
}

.mdn-Icon-alinhamento-horizontal-direita:before {
    content: "\EA1A"
}

.mdn-Icon-alinhamento-horizontal-esquerda:before {
    content: "\EA1B"
}

.mdn-Icon-alinhamento-justificado:before {
    content: "\EA1C"
}

.mdn-Icon-alinhamento-ordenar-centralizado:before {
    content: "\EA1D"
}

.mdn-Icon-alinhamento-ordenar:before {
    content: "\EA1E"
}

.mdn-Icon-alinhamento-vertical-centralizado:before {
    content: "\EA1F"
}

.mdn-Icon-alinhamento-vertical-inferior:before {
    content: "\EA20"
}

.mdn-Icon-alinhamento-vertical-superior:before {
    content: "\EA21"
}

.mdn-Icon-alto-contraste:before {
    content: "\EA22"
}

.mdn-Icon-alto-falante:before {
    content: "\EA23"
}

.mdn-Icon-alvo:before {
    content: "\EA24"
}

.mdn-Icon-ancora:before {
    content: "\EA25"
}

.mdn-Icon-android:before {
    content: "\EA26"
}

.mdn-Icon-aneis-olimpicos:before {
    content: "\EA27"
}

.mdn-Icon-anexo:before {
    content: "\EA28"
}

.mdn-Icon-angular:before {
    content: "\EA29"
}

.mdn-Icon-aniversario:before {
    content: "\EA2A"
}

.mdn-Icon-antena-circulo-ondas-radio:before {
    content: "\EA2B"
}

.mdn-Icon-antena-ondas-radio-desabilitado:before {
    content: "\EA2C"
}

.mdn-Icon-antena-ondas-radio:before {
    content: "\EA2D"
}

.mdn-Icon-ao-vivo:before {
    content: "\EA2E"
}

.mdn-Icon-arquivar:before {
    content: "\EA2F"
}

.mdn-Icon-arquivo-download:before {
    content: "\EA30"
}

.mdn-Icon-arquivo-upload:before {
    content: "\EA31"
}

.mdn-Icon-arquivo:before {
    content: "\EA32"
}

.mdn-Icon-arroba:before {
    content: "\EA33"
}

.mdn-Icon-arvore:before {
    content: "\EA34"
}

.mdn-Icon-ativacao:before {
    content: "\EA35"
}

.mdn-Icon-atividade:before {
    content: "\EA36"
}

.mdn-Icon-atualizar-pause:before {
    content: "\EA37"
}

.mdn-Icon-atualizar-play:before {
    content: "\EA38"
}

.mdn-Icon-atualizar-sentido-anti-horario:before {
    content: "\EA39"
}

.mdn-Icon-atualizar-sentido-horario:before {
    content: "\EA3A"
}

.mdn-Icon-atualizar:before {
    content: "\EA3B"
}

.mdn-Icon-audio-descricao:before {
    content: "\EA3C"
}

.mdn-Icon-audio:before {
    content: "\EA3D"
}

.mdn-Icon-aumentar-tamanho:before {
    content: "\EA3E"
}

.mdn-Icon-autoatendimento:before {
    content: "\EA3F"
}

.mdn-Icon-avaliacao-meia:before {
    content: "\EA40"
}

.mdn-Icon-avaliacao-vazia:before {
    content: "\EA41"
}

.mdn-Icon-avaliacao:before {
    content: "\EA42"
}

.mdn-Icon-avancar-15s:before {
    content: "\EA43"
}

.mdn-Icon-avancar-30s:before {
    content: "\EA44"
}

.mdn-Icon-avancar:before {
    content: "\EA45"
}

.mdn-Icon-aviao-wifi:before {
    content: "\EA46"
}

.mdn-Icon-aviao:before {
    content: "\EA47"
}

.mdn-Icon-aws:before {
    content: "\EA48"
}

.mdn-Icon-baixo:before {
    content: "\EA49"
}

.mdn-Icon-banco-brasil:before {
    content: "\EA4A"
}

.mdn-Icon-banco:before {
    content: "\EA4B"
}

.mdn-Icon-bandeira-corrida:before {
    content: "\EA4C"
}

.mdn-Icon-bandeira-preenchida:before {
    content: "\EA4D"
}

.mdn-Icon-bandeira:before {
    content: "\EA4E"
}

.mdn-Icon-bateria-2-barras:before {
    content: "\EA4F"
}

.mdn-Icon-bateria-duas-barras:before {
    content: "\EA50"
}

.mdn-Icon-bateria-raio:before {
    content: "\EA51"
}

.mdn-Icon-bateria-tres-barras:before {
    content: "\EA52"
}

.mdn-Icon-bateria-vazia:before {
    content: "\EA53"
}

.mdn-Icon-behance:before {
    content: "\EA54"
}

.mdn-Icon-beneficios:before {
    content: "\EA55"
}

.mdn-Icon-bicicleta:before {
    content: "\EA56"
}

.mdn-Icon-biometria:before {
    content: "\EA57"
}

.mdn-Icon-bloqueio:before {
    content: "\EA58"
}

.mdn-Icon-bola-basquete:before {
    content: "\EA59"
}

.mdn-Icon-bola-futebol:before {
    content: "\EA5A"
}

.mdn-Icon-bola:before {
    content: "\EA5B"
}

.mdn-Icon-bold:before {
    content: "\EA5C"
}

.mdn-Icon-bolinha:before {
    content: "\EA5D"
}

.mdn-Icon-bolo:before {
    content: "\EA5E"
}

.mdn-Icon-bonus-extraplay:before {
    content: "\EA5F"
}

.mdn-Icon-borda-baixo:before {
    content: "\EA60"
}

.mdn-Icon-borda-central:before {
    content: "\EA61"
}

.mdn-Icon-borda-cima:before {
    content: "\EA62"
}

.mdn-Icon-borda-direita:before {
    content: "\EA63"
}

.mdn-Icon-borda-esquerda:before {
    content: "\EA64"
}

.mdn-Icon-borda-externa:before {
    content: "\EA65"
}

.mdn-Icon-borda-horizontal:before {
    content: "\EA66"
}

.mdn-Icon-borda-vertical:before {
    content: "\EA67"
}

.mdn-Icon-bordas-limpar:before {
    content: "\EA68"
}

.mdn-Icon-bordas-todas:before {
    content: "\EA69"
}

.mdn-Icon-bot:before {
    content: "\EA6A"
}

.mdn-Icon-botao-radio-vazio:before {
    content: "\EA6B"
}

.mdn-Icon-botao-radio:before {
    content: "\EA6C"
}

.mdn-Icon-bradesco:before {
    content: "\EA6D"
}

.mdn-Icon-brands:before {
    content: "\EA6E"
}

.mdn-Icon-brilho:before {
    content: "\EA6F"
}

.mdn-Icon-brinquedo-cavalo:before {
    content: "\EA70"
}

.mdn-Icon-brinquedo-urso-face:before {
    content: "\EA71"
}

.mdn-Icon-brinquedo-urso:before {
    content: "\EA72"
}

.mdn-Icon-bug:before {
    content: "\EA73"
}

.mdn-Icon-busca:before {
    content: "\EA74"
}

.mdn-Icon-cabo-rede:before {
    content: "\EA75"
}

.mdn-Icon-cabo:before {
    content: "\EA76"
}

.mdn-Icon-cadeado-desbloqueado:before {
    content: "\EA77"
}

.mdn-Icon-cadeado:before {
    content: "\EA78"
}

.mdn-Icon-cafe:before {
    content: "\EA79"
}

.mdn-Icon-caixa-de-som:before {
    content: "\EA7A"
}

.mdn-Icon-caixa-economica-federal:before {
    content: "\EA7B"
}

.mdn-Icon-caixa-entrada:before {
    content: "\EA7C"
}

.mdn-Icon-caixa:before {
    content: "\EA7D"
}

.mdn-Icon-calculadora:before {
    content: "\EA7E"
}

.mdn-Icon-calendario:before {
    content: "\EA7F"
}

.mdn-Icon-camadas:before {
    content: "\EA80"
}

.mdn-Icon-camera-abertura:before {
    content: "\EA81"
}

.mdn-Icon-camera-check:before {
    content: "\EA82"
}

.mdn-Icon-camera-de-seguranca:before {
    content: "\EA83"
}

.mdn-Icon-camera-desabilitado:before {
    content: "\EA84"
}

.mdn-Icon-camera:before {
    content: "\EA85"
}

.mdn-Icon-caminhao-seta-direita:before {
    content: "\EA86"
}

.mdn-Icon-caminhao-seta-esquerda:before {
    content: "\EA87"
}

.mdn-Icon-caminhao:before {
    content: "\EA88"
}

.mdn-Icon-camisa-10:before {
    content: "\EA89"
}

.mdn-Icon-camisa:before {
    content: "\EA8A"
}

.mdn-Icon-camiseta:before {
    content: "\EA8B"
}

.mdn-Icon-canal-mais:before {
    content: "\EA8C"
}

.mdn-Icon-canal-menos:before {
    content: "\EA8D"
}

.mdn-Icon-cancelar:before {
    content: "\EA8E"
}

.mdn-Icon-caneta-curvas:before {
    content: "\EA8F"
}

.mdn-Icon-caneta-negocios:before {
    content: "\EA90"
}

.mdn-Icon-caneta:before {
    content: "\EA91"
}

.mdn-Icon-carrinho:before {
    content: "\EA92"
}

.mdn-Icon-carro-autonomo:before {
    content: "\EA93"
}

.mdn-Icon-carro:before {
    content: "\EA94"
}

.mdn-Icon-cartao-cifrao-circulo:before {
    content: "\EA95"
}

.mdn-Icon-cartao-de-credito:before {
    content: "\EA96"
}

.mdn-Icon-cartao-inserir:before {
    content: "\EA97"
}

.mdn-Icon-cartao-retirar:before {
    content: "\EA98"
}

.mdn-Icon-carteira-escudo:before {
    content: "\EA99"
}

.mdn-Icon-carteira:before {
    content: "\EA9A"
}

.mdn-Icon-casa-escudo:before {
    content: "\EA9B"
}

.mdn-Icon-casa-relogio:before {
    content: "\EA9C"
}

.mdn-Icon-casa:before {
    content: "\EA9D"
}

.mdn-Icon-celular-5g:before {
    content: "\EA9E"
}

.mdn-Icon-celular-configuracao:before {
    content: "\EA9F"
}

.mdn-Icon-celular-gota:before {
    content: "\EAA0"
}

.mdn-Icon-celular-ima:before {
    content: "\EAA1"
}

.mdn-Icon-celular-mensagem:before {
    content: "\EAA2"
}

.mdn-Icon-celular-setas:before {
    content: "\EAA3"
}

.mdn-Icon-celular-sinal:before {
    content: "\EAA4"
}

.mdn-Icon-celular-tela-quebrada:before {
    content: "\EAA5"
}

.mdn-Icon-celular-triangulo-exclamacao:before {
    content: "\EAA6"
}

.mdn-Icon-celular-voz:before {
    content: "\EAA7"
}

.mdn-Icon-celular-wifi:before {
    content: "\EAA8"
}

.mdn-Icon-celular:before {
    content: "\EAA9"
}

.mdn-Icon-cerebro:before {
    content: "\EAAA"
}

.mdn-Icon-cesta-de-compras:before {
    content: "\EAAB"
}

.mdn-Icon-chapeu-circo:before {
    content: "\EAAC"
}

.mdn-Icon-chapeu-formatura:before {
    content: "\EAAD"
}

.mdn-Icon-chat:before {
    content: "\EAAE"
}

.mdn-Icon-chave-combinada-fenda:before {
    content: "\EAAF"
}

.mdn-Icon-chave-combinada:before {
    content: "\EAB0"
}

.mdn-Icon-chave-desabilitado:before {
    content: "\EAB1"
}

.mdn-Icon-chave:before {
    content: "\EAB2"
}

.mdn-Icon-check-circulo:before {
    content: "\EAB3"
}

.mdn-Icon-check-download:before {
    content: "\EAB4"
}

.mdn-Icon-check:before {
    content: "\EAB5"
}

.mdn-Icon-checkbox-circulo:before {
    content: "\EAB6"
}

.mdn-Icon-checkbox-vazio:before {
    content: "\EAB7"
}

.mdn-Icon-checkbox:before {
    content: "\EAB8"
}

.mdn-Icon-checker:before {
    content: "\EAB9"
}

.mdn-Icon-chip-recarga:before {
    content: "\EABA"
}

.mdn-Icon-chip:before {
    content: "\EABB"
}

.mdn-Icon-cic-em-libras:before {
    content: "\EABC"
}

.mdn-Icon-cima:before {
    content: "\EABD"
}

.mdn-Icon-circulo-barra-direita:before {
    content: "\EABE"
}

.mdn-Icon-circulo-barra-esquerda:before {
    content: "\EABF"
}

.mdn-Icon-circulo-cadeado:before {
    content: "\EAC0"
}

.mdn-Icon-circulo-centro-conectado:before {
    content: "\EAC1"
}

.mdn-Icon-circulo-exclamacao:before {
    content: "\EAC2"
}

.mdn-Icon-circulo-fechar:before {
    content: "\EAC3"
}

.mdn-Icon-circulo-i:before {
    content: "\EAC4"
}

.mdn-Icon-circulo-interrogacao:before {
    content: "\EAC5"
}

.mdn-Icon-circulo-mais:before {
    content: "\EAC6"
}

.mdn-Icon-circulo-menos:before {
    content: "\EAC7"
}

.mdn-Icon-circulo-metade-preenchido:before {
    content: "\EAC8"
}

.mdn-Icon-circulo-ok:before {
    content: "\EAC9"
}

.mdn-Icon-circulo-pequeno-preenchido:before {
    content: "\EACA"
}

.mdn-Icon-circulo-preenchido-ok:before {
    content: "\EACB"
}

.mdn-Icon-circulo-sinal-igual:before {
    content: "\EACC"
}

.mdn-Icon-circulos-conectado:before {
    content: "\EACD"
}

.mdn-Icon-circulos-conectividade:before {
    content: "\EACE"
}

.mdn-Icon-cirurgia-robotica:before {
    content: "\EACF"
}

.mdn-Icon-claro-pay:before {
    content: "\EAD0"
}

.mdn-Icon-claro:before {
    content: "\EAD1"
}

.mdn-Icon-classificacao-18:before {
    content: "\EAD2"
}

.mdn-Icon-classificacao:before {
    content: "\EAD3"
}

.mdn-Icon-cliente-fixo:before {
    content: "\EAD4"
}

.mdn-Icon-cloche-culinario:before {
    content: "\EAD5"
}

.mdn-Icon-closed-caption:before {
    content: "\EAD6"
}

.mdn-Icon-codigo-de-barras:before {
    content: "\EAD7"
}

.mdn-Icon-codigo:before {
    content: "\EAD8"
}

.mdn-Icon-coluna-adicionar:before {
    content: "\EAD9"
}

.mdn-Icon-coluna-excluir:before {
    content: "\EADA"
}

.mdn-Icon-colunas:before {
    content: "\EADB"
}

.mdn-Icon-comando-de-voz:before {
    content: "\EADC"
}

.mdn-Icon-combo:before {
    content: "\EADD"
}

.mdn-Icon-command:before {
    content: "\EADE"
}

.mdn-Icon-compartilhamento:before {
    content: "\EADF"
}

.mdn-Icon-compartilhar:before {
    content: "\EAE0"
}

.mdn-Icon-computador-celular-desabilitado:before {
    content: "\EAE1"
}

.mdn-Icon-computador-celular-smartwatch:before {
    content: "\EAE2"
}

.mdn-Icon-computador-celular:before {
    content: "\EAE3"
}

.mdn-Icon-computador-check:before {
    content: "\EAE4"
}

.mdn-Icon-computador-telas:before {
    content: "\EAE5"
}

.mdn-Icon-computador:before {
    content: "\EAE6"
}

.mdn-Icon-comunidade:before {
    content: "\EAE7"
}

.mdn-Icon-conectividade:before {
    content: "\EAE8"
}

.mdn-Icon-conferencia:before {
    content: "\EAE9"
}

.mdn-Icon-configuracao:before {
    content: "\EAEA"
}

.mdn-Icon-consumo:before {
    content: "\EAEB"
}

.mdn-Icon-controle-parental:before {
    content: "\EAEC"
}

.mdn-Icon-controle-remoto:before {
    content: "\EAED"
}

.mdn-Icon-controle-videogame:before {
    content: "\EAEE"
}

.mdn-Icon-coracao-batimento:before {
    content: "\EAEF"
}

.mdn-Icon-coracao-preenchido:before {
    content: "\EAF0"
}

.mdn-Icon-coracao-vazio:before {
    content: "\EAF1"
}

.mdn-Icon-coroa:before {
    content: "\EAF2"
}

.mdn-Icon-correio-de-voz:before {
    content: "\EAF3"
}

.mdn-Icon-corrida:before {
    content: "\EAF4"
}

.mdn-Icon-cpu:before {
    content: "\EAF5"
}

.mdn-Icon-crianca:before {
    content: "\EAF6"
}

.mdn-Icon-crop:before {
    content: "\EAF7"
}

.mdn-Icon-css:before {
    content: "\EAF8"
}

.mdn-Icon-cubo:before {
    content: "\EAF9"
}

.mdn-Icon-cupom-porcentagem:before {
    content: "\EAFA"
}

.mdn-Icon-cupom:before {
    content: "\EAFB"
}

.mdn-Icon-curtir:before {
    content: "\EAFC"
}

.mdn-Icon-dados-cadastrais:before {
    content: "\EAFD"
}

.mdn-Icon-dano-acidental:before {
    content: "\EAFE"
}

.mdn-Icon-dano-por-liquido:before {
    content: "\EAFF"
}

.mdn-Icon-database:before {
    content: "\EB00"
}

.mdn-Icon-debito-automatico:before {
    content: "\EB01"
}

.mdn-Icon-decoder:before {
    content: "\EB02"
}

.mdn-Icon-dedo-curtir-preenchido:before {
    content: "\EB03"
}

.mdn-Icon-dedo-curtir:before {
    content: "\EB04"
}

.mdn-Icon-dedo-descurtir-preenchido:before {
    content: "\EB05"
}

.mdn-Icon-dedo-descurtir:before {
    content: "\EB06"
}

.mdn-Icon-dedo-indicador-toque:before {
    content: "\EB07"
}

.mdn-Icon-deficiencia-motora:before {
    content: "\EB08"
}

.mdn-Icon-deficiencia-visual:before {
    content: "\EB09"
}

.mdn-Icon-deletar-preenchido:before {
    content: "\EB0A"
}

.mdn-Icon-deletar:before {
    content: "\EB0B"
}

.mdn-Icon-desarquivar:before {
    content: "\EB0C"
}

.mdn-Icon-descontos:before {
    content: "\EB0D"
}

.mdn-Icon-descurtir:before {
    content: "\EB0E"
}

.mdn-Icon-destaque-preenchido:before {
    content: "\EB0F"
}

.mdn-Icon-destaque:before {
    content: "\EB10"
}

.mdn-Icon-diamante:before {
    content: "\EB11"
}

.mdn-Icon-digitalizar:before {
    content: "\EB12"
}

.mdn-Icon-diminuir-tamanho:before {
    content: "\EB13"
}

.mdn-Icon-dinheiro-celular:before {
    content: "\EB14"
}

.mdn-Icon-dinheiro-cifrao-caneta:before {
    content: "\EB15"
}

.mdn-Icon-dinheiro-cifrao-check:before {
    content: "\EB16"
}

.mdn-Icon-dinheiro-cifrao-circulo:before {
    content: "\EB17"
}

.mdn-Icon-dinheiro-cifrao:before {
    content: "\EB18"
}

.mdn-Icon-dinheiro-sacola:before {
    content: "\EB19"
}

.mdn-Icon-dinheiro-saque:before {
    content: "\EB1A"
}

.mdn-Icon-dinheiro-setas-circulares:before {
    content: "\EB1B"
}

.mdn-Icon-direita:before {
    content: "\EB1C"
}

.mdn-Icon-disco:before {
    content: "\EB1D"
}

.mdn-Icon-disquete:before {
    content: "\EB1E"
}

.mdn-Icon-distribuicao-horizontal-centralizada:before {
    content: "\EB1F"
}

.mdn-Icon-distribuicao-horizontal-direita:before {
    content: "\EB20"
}

.mdn-Icon-distribuicao-horizontal-esquerda:before {
    content: "\EB21"
}

.mdn-Icon-distribuicao-vertical-centralizada:before {
    content: "\EB22"
}

.mdn-Icon-distribuicao-vertical-inferior:before {
    content: "\EB23"
}

.mdn-Icon-distribuicao-vertical-superior:before {
    content: "\EB24"
}

.mdn-Icon-documento-branco:before {
    content: "\EB25"
}

.mdn-Icon-documento-mais:before {
    content: "\EB26"
}

.mdn-Icon-documento-menos:before {
    content: "\EB27"
}

.mdn-Icon-documento:before {
    content: "\EB28"
}

.mdn-Icon-dodecaedro:before {
    content: "\EB29"
}

.mdn-Icon-dolby:before {
    content: "\EB2A"
}

.mdn-Icon-download-caixa:before {
    content: "\EB2B"
}

.mdn-Icon-download-de-arquivo:before {
    content: "\EB2C"
}

.mdn-Icon-download-pdf:before {
    content: "\EB2D"
}

.mdn-Icon-download:before {
    content: "\EB2E"
}

.mdn-Icon-drone:before {
    content: "\EB2F"
}

.mdn-Icon-dss:before {
    content: "\EB30"
}

.mdn-Icon-duas-telas-simultaneas:before {
    content: "\EB31"
}

.mdn-Icon-duplicar:before {
    content: "\EB32"
}

.mdn-Icon-duvida:before {
    content: "\EB33"
}

.mdn-Icon-e-mail:before {
    content: "\EB34"
}

.mdn-Icon-editar:before {
    content: "\EB35"
}

.mdn-Icon-educacao:before {
    content: "\EB36"
}

.mdn-Icon-embratel:before {
    content: "\EB37"
}

.mdn-Icon-empreendedorismo:before {
    content: "\EB38"
}

.mdn-Icon-empresa:before {
    content: "\EB39"
}

.mdn-Icon-engrenagem:before {
    content: "\EB3A"
}

.mdn-Icon-engrenagens-setas:before {
    content: "\EB3B"
}

.mdn-Icon-entrar:before {
    content: "\EB3C"
}

.mdn-Icon-entretenimento:before {
    content: "\EB3D"
}

.mdn-Icon-enviar-cima:before {
    content: "\EB3E"
}

.mdn-Icon-enviar-direita:before {
    content: "\EB3F"
}

.mdn-Icon-enviar-e-receber-dinheiro:before {
    content: "\EB40"
}

.mdn-Icon-enviar-traco:before {
    content: "\EB41"
}

.mdn-Icon-enviar:before {
    content: "\EB42"
}

.mdn-Icon-envio:before {
    content: "\EB43"
}

.mdn-Icon-escada:before {
    content: "\EB44"
}

.mdn-Icon-escudo-desabilitado:before {
    content: "\EB45"
}

.mdn-Icon-escudo-i:before {
    content: "\EB46"
}

.mdn-Icon-escudo-perimetro:before {
    content: "\EB47"
}

.mdn-Icon-escudo-pessoas:before {
    content: "\EB48"
}

.mdn-Icon-escudo-preenchido-laterais:before {
    content: "\EB49"
}

.mdn-Icon-escudo-tracado:before {
    content: "\EB4A"
}

.mdn-Icon-escudo:before {
    content: "\EB4B"
}

.mdn-Icon-espaco:before {
    content: "\EB4C"
}

.mdn-Icon-esporte:before {
    content: "\EB4D"
}

.mdn-Icon-esquerda:before {
    content: "\EB4E"
}

.mdn-Icon-estadio:before {
    content: "\EB4F"
}

.mdn-Icon-estetoscopio:before {
    content: "\EB50"
}

.mdn-Icon-estrela-metade-preenchida:before {
    content: "\EB51"
}

.mdn-Icon-estrela-preenchida:before {
    content: "\EB52"
}

.mdn-Icon-estrela-tracos-esquerdo:before {
    content: "\EB53"
}

.mdn-Icon-estrela-vazia:before {
    content: "\EB54"
}

.mdn-Icon-excluir-coluna:before {
    content: "\EB55"
}

.mdn-Icon-excluir-linha:before {
    content: "\EB56"
}

.mdn-Icon-exibir:before {
    content: "\EB57"
}

.mdn-Icon-face-id:before {
    content: "\EB58"
}

.mdn-Icon-face-time:before {
    content: "\EB59"
}

.mdn-Icon-facebook-messenger:before {
    content: "\EB5A"
}

.mdn-Icon-facebook:before {
    content: "\EB5B"
}

.mdn-Icon-faixa-dedicacao:before {
    content: "\EB5C"
}

.mdn-Icon-fale-conosco:before {
    content: "\EB5D"
}

.mdn-Icon-faq:before {
    content: "\EB5E"
}

.mdn-Icon-fatura-digital:before {
    content: "\EB5F"
}

.mdn-Icon-favoritar:before {
    content: "\EB60"
}

.mdn-Icon-favoritos:before {
    content: "\EB61"
}

.mdn-Icon-fechar:before {
    content: "\EB62"
}

.mdn-Icon-fibra-otica:before {
    content: "\EB63"
}

.mdn-Icon-figma:before {
    content: "\EB64"
}

.mdn-Icon-filmadora:before {
    content: "\EB65"
}

.mdn-Icon-filme-rolo-play:before {
    content: "\EB66"
}

.mdn-Icon-filme:before {
    content: "\EB67"
}

.mdn-Icon-filtrar:before {
    content: "\EB68"
}

.mdn-Icon-filtro:before {
    content: "\EB69"
}

.mdn-Icon-financeiro:before {
    content: "\EB6A"
}

.mdn-Icon-folha:before {
    content: "\EB6B"
}

.mdn-Icon-fone-de-ouvido:before {
    content: "\EB6C"
}

.mdn-Icon-fone-headset:before {
    content: "\EB6D"
}

.mdn-Icon-fonts:before {
    content: "\EB6E"
}

.mdn-Icon-free-fire:before {
    content: "\EB6F"
}

.mdn-Icon-frete:before {
    content: "\EB70"
}

.mdn-Icon-gaming:before {
    content: "\EB71"
}

.mdn-Icon-garfo-faca:before {
    content: "\EB72"
}

.mdn-Icon-gestor-online:before {
    content: "\EB73"
}

.mdn-Icon-github:before {
    content: "\EB74"
}

.mdn-Icon-glassdoor:before {
    content: "\EB75"
}

.mdn-Icon-globo-2:before {
    content: "\EB76"
}

.mdn-Icon-globo:before {
    content: "\EB77"
}

.mdn-Icon-google-chrome:before {
    content: "\EB78"
}

.mdn-Icon-google-play:before {
    content: "\EB79"
}

.mdn-Icon-google:before {
    content: "\EB7A"
}

.mdn-Icon-gota:before {
    content: "\EB7B"
}

.mdn-Icon-governanca:before {
    content: "\EB7C"
}

.mdn-Icon-grade-de-canais:before {
    content: "\EB7D"
}

.mdn-Icon-grade-de-programacao:before {
    content: "\EB7E"
}

.mdn-Icon-grafico-barras:before {
    content: "\EB7F"
}

.mdn-Icon-grafico-coluna-central:before {
    content: "\EB80"
}

.mdn-Icon-grafico-coluna-crescente:before {
    content: "\EB81"
}

.mdn-Icon-grafico-crescimento:before {
    content: "\EB82"
}

.mdn-Icon-grafico-declinio:before {
    content: "\EB83"
}

.mdn-Icon-grafico-lupa:before {
    content: "\EB84"
}

.mdn-Icon-grafico-pizza-preenchido:before {
    content: "\EB85"
}

.mdn-Icon-grafico-pizza:before {
    content: "\EB86"
}

.mdn-Icon-gravacoes:before {
    content: "\EB87"
}

.mdn-Icon-gravador-indisponivel:before {
    content: "\EB88"
}

.mdn-Icon-gravador:before {
    content: "\EB89"
}

.mdn-Icon-guarda-chuva:before {
    content: "\EB8A"
}

.mdn-Icon-guia:before {
    content: "\EB8B"
}

.mdn-Icon-hashtag:before {
    content: "\EB8C"
}

.mdn-Icon-historico-sentido-anti-horario:before {
    content: "\EB8D"
}

.mdn-Icon-historico-sentido-horario:before {
    content: "\EB8E"
}

.mdn-Icon-historico:before {
    content: "\EB8F"
}

.mdn-Icon-holografia:before {
    content: "\EB90"
}

.mdn-Icon-icons:before {
    content: "\EB91"
}

.mdn-Icon-identidade:before {
    content: "\EB92"
}

.mdn-Icon-illustrations:before {
    content: "\EB93"
}

.mdn-Icon-ima-magnetico:before {
    content: "\EB94"
}

.mdn-Icon-imagem:before {
    content: "\EB95"
}

.mdn-Icon-imdb:before {
    content: "\EB96"
}

.mdn-Icon-impressao-digital:before {
    content: "\EB97"
}

.mdn-Icon-impressora:before {
    content: "\EB98"
}

.mdn-Icon-infinito:before {
    content: "\EB99"
}

.mdn-Icon-informacao:before {
    content: "\EB9A"
}

.mdn-Icon-ingresso:before {
    content: "\EB9B"
}

.mdn-Icon-insatisfeito:before {
    content: "\EB9C"
}

.mdn-Icon-inserir-cartao:before {
    content: "\EB9D"
}

.mdn-Icon-instagram:before {
    content: "\EB9E"
}

.mdn-Icon-instalacao:before {
    content: "\EB9F"
}

.mdn-Icon-inteligencia-artificial:before {
    content: "\EBA0"
}

.mdn-Icon-interferencia-de-sinal:before {
    content: "\EBA1"
}

.mdn-Icon-internet-apn:before {
    content: "\EBA2"
}

.mdn-Icon-internet-simbolo:before {
    content: "\EBA3"
}

.mdn-Icon-internet:before {
    content: "\EBA4"
}

.mdn-Icon-ios:before {
    content: "\EBA5"
}

.mdn-Icon-iot:before {
    content: "\EBA6"
}

.mdn-Icon-ir-anterior:before {
    content: "\EBA7"
}

.mdn-Icon-ir-primeiro:before {
    content: "\EBA8"
}

.mdn-Icon-ir-seguinte:before {
    content: "\EBA9"
}

.mdn-Icon-ir-ultimo:before {
    content: "\EBAA"
}

.mdn-Icon-italico:before {
    content: "\EBAB"
}

.mdn-Icon-itau:before {
    content: "\EBAC"
}

.mdn-Icon-java:before {
    content: "\EBAD"
}

.mdn-Icon-jogo-em-nuvem:before {
    content: "\EBAE"
}

.mdn-Icon-jornal:before {
    content: "\EBAF"
}

.mdn-Icon-kids:before {
    content: "\EBB0"
}

.mdn-Icon-kotlin:before {
    content: "\EBB1"
}

.mdn-Icon-lampada:before {
    content: "\EBB2"
}

.mdn-Icon-lapis-bloco-escrito:before {
    content: "\EBB3"
}

.mdn-Icon-lapis-bloco:before {
    content: "\EBB4"
}

.mdn-Icon-lapis-traco:before {
    content: "\EBB5"
}

.mdn-Icon-lapis:before {
    content: "\EBB6"
}

.mdn-Icon-laptop-rede:before {
    content: "\EBB7"
}

.mdn-Icon-latam:before {
    content: "\EBB8"
}

.mdn-Icon-layout:before {
    content: "\EBB9"
}

.mdn-Icon-legenda:before {
    content: "\EBBA"
}

.mdn-Icon-libras:before {
    content: "\EBBB"
}

.mdn-Icon-ligacoes:before {
    content: "\EBBC"
}

.mdn-Icon-limpar-bordas:before {
    content: "\EBBD"
}

.mdn-Icon-linha-adicionar:before {
    content: "\EBBE"
}

.mdn-Icon-linha-excluir:before {
    content: "\EBBF"
}

.mdn-Icon-link-desabilitado:before {
    content: "\EBC0"
}

.mdn-Icon-link-diagonal-desabilitado:before {
    content: "\EBC1"
}

.mdn-Icon-link-diagonal:before {
    content: "\EBC2"
}

.mdn-Icon-link-externo:before {
    content: "\EBC3"
}

.mdn-Icon-link-quebrado:before {
    content: "\EBC4"
}

.mdn-Icon-link:before {
    content: "\EBC5"
}

.mdn-Icon-linkedin:before {
    content: "\EBC6"
}

.mdn-Icon-lista-check:before {
    content: "\EBC7"
}

.mdn-Icon-lista-deletar:before {
    content: "\EBC8"
}

.mdn-Icon-lista-mais:before {
    content: "\EBC9"
}

.mdn-Icon-livro-aberto:before {
    content: "\EBCA"
}

.mdn-Icon-livros-colecao:before {
    content: "\EBCB"
}

.mdn-Icon-lixeira-vazia:before {
    content: "\EBCC"
}

.mdn-Icon-lixeira:before {
    content: "\EBCD"
}

.mdn-Icon-localizacao:before {
    content: "\EBCE"
}

.mdn-Icon-logistica-reversa:before {
    content: "\EBCF"
}

.mdn-Icon-loja:before {
    content: "\EBD0"
}

.mdn-Icon-lojas-proprias:before {
    content: "\EBD1"
}

.mdn-Icon-lua:before {
    content: "\EBD2"
}

.mdn-Icon-lupa-mais:before {
    content: "\EBD3"
}

.mdn-Icon-lupa-menos:before {
    content: "\EBD4"
}

.mdn-Icon-lupa:before {
    content: "\EBD5"
}

.mdn-Icon-luzes-palco:before {
    content: "\EBD6"
}

.mdn-Icon-mais:before {
    content: "\EBD7"
}

.mdn-Icon-mala-mao:before {
    content: "\EBD8"
}

.mdn-Icon-mala:before {
    content: "\EBD9"
}

.mdn-Icon-maleta:before {
    content: "\EBDA"
}

.mdn-Icon-mao-segurando-cadeado:before {
    content: "\EBDB"
}

.mdn-Icon-mao-segurando-coracao:before {
    content: "\EBDC"
}

.mdn-Icon-maos-acordo:before {
    content: "\EBDD"
}

.mdn-Icon-mapa-lupa:before {
    content: "\EBDE"
}

.mdn-Icon-mapa-mesh:before {
    content: "\EBDF"
}

.mdn-Icon-mapa:before {
    content: "\EBE0"
}

.mdn-Icon-maquina-de-lavar:before {
    content: "\EBE1"
}

.mdn-Icon-maquininha:before {
    content: "\EBE2"
}

.mdn-Icon-marca-pagina-preenchido:before {
    content: "\EBE3"
}

.mdn-Icon-marca-pagina:before {
    content: "\EBE4"
}

.mdn-Icon-mascara-desabilitado:before {
    content: "\EBE5"
}

.mdn-Icon-mascara-teatro:before {
    content: "\EBE6"
}

.mdn-Icon-mascara:before {
    content: "\EBE7"
}

.mdn-Icon-medalha-check:before {
    content: "\EBE8"
}

.mdn-Icon-medalha:before {
    content: "\EBE9"
}

.mdn-Icon-medium:before {
    content: "\EBEA"
}

.mdn-Icon-menos:before {
    content: "\EBEB"
}

.mdn-Icon-mensagem-a:before {
    content: "\EBEC"
}

.mdn-Icon-mensagem-linhas:before {
    content: "\EBED"
}

.mdn-Icon-mensagem-sms:before {
    content: "\EBEE"
}

.mdn-Icon-mensagem:before {
    content: "\EBEF"
}

.mdn-Icon-menu-aberto:before {
    content: "\EBF0"
}

.mdn-Icon-menu-atalho:before {
    content: "\EBF1"
}

.mdn-Icon-menu:before {
    content: "\EBF2"
}

.mdn-Icon-mesh-expansor:before {
    content: "\EBF3"
}

.mdn-Icon-metodos-de-pagamento:before {
    content: "\EBF4"
}

.mdn-Icon-microfone-desabilitado:before {
    content: "\EBF5"
}

.mdn-Icon-microfone-indisponivel:before {
    content: "\EBF6"
}

.mdn-Icon-microfone-jornalismo:before {
    content: "\EBF7"
}

.mdn-Icon-microfone-mudo:before {
    content: "\EBF8"
}

.mdn-Icon-microfone-preenchido:before {
    content: "\EBF9"
}

.mdn-Icon-microfone-vazio:before {
    content: "\EBFA"
}

.mdn-Icon-microfone:before {
    content: "\EBFB"
}

.mdn-Icon-microsoft-excel:before {
    content: "\EBFC"
}

.mdn-Icon-microsoft-powerpoint:before {
    content: "\EBFD"
}

.mdn-Icon-microsoft-teams:before {
    content: "\EBFE"
}

.mdn-Icon-microsoft-word:before {
    content: "\EBFF"
}

.mdn-Icon-migracao:before {
    content: "\EC00"
}

.mdn-Icon-minha-claro:before {
    content: "\EC01"
}

.mdn-Icon-minha-localizacao:before {
    content: "\EC02"
}

.mdn-Icon-miniplayer:before {
    content: "\EC03"
}

.mdn-Icon-mira-localizacao:before {
    content: "\EC04"
}

.mdn-Icon-mira:before {
    content: "\EC05"
}

.mdn-Icon-modem-fio:before {
    content: "\EC06"
}

.mdn-Icon-modem-usb:before {
    content: "\EC07"
}

.mdn-Icon-modem:before {
    content: "\EC08"
}

.mdn-Icon-modo-acessivel:before {
    content: "\EC09"
}

.mdn-Icon-molecula:before {
    content: "\EC0A"
}

.mdn-Icon-mondrian:before {
    content: "\EC0B"
}

.mdn-Icon-monitor-desktop:before {
    content: "\EC0C"
}

.mdn-Icon-monitor:before {
    content: "\EC0D"
}

.mdn-Icon-moto:before {
    content: "\EC0E"
}

.mdn-Icon-mouse-ponteiro:before {
    content: "\EC0F"
}

.mdn-Icon-mover:before {
    content: "\EC10"
}

.mdn-Icon-muito-insatisfeito:before {
    content: "\EC11"
}

.mdn-Icon-muito-satisfeito:before {
    content: "\EC12"
}

.mdn-Icon-mundo:before {
    content: "\EC13"
}

.mdn-Icon-musica:before {
    content: "\EC14"
}

.mdn-Icon-negociacao:before {
    content: "\EC15"
}

.mdn-Icon-neutro:before {
    content: "\EC16"
}

.mdn-Icon-nexus:before {
    content: "\EC17"
}

.mdn-Icon-node:before {
    content: "\EC18"
}

.mdn-Icon-nota-musical-2:before {
    content: "\EC19"
}

.mdn-Icon-nota-musical:before {
    content: "\EC1A"
}

.mdn-Icon-notificacao:before {
    content: "\EC1B"
}

.mdn-Icon-nova-pasta:before {
    content: "\EC1C"
}

.mdn-Icon-now:before {
    content: "\EC1D"
}

.mdn-Icon-npm:before {
    content: "\EC1E"
}

.mdn-Icon-nuvem-cadeado:before {
    content: "\EC1F"
}

.mdn-Icon-nuvem-check:before {
    content: "\EC20"
}

.mdn-Icon-nuvem-chuva-forte:before {
    content: "\EC21"
}

.mdn-Icon-nuvem-chuva:before {
    content: "\EC22"
}

.mdn-Icon-nuvem-desabilitado:before {
    content: "\EC23"
}

.mdn-Icon-nuvem-download:before {
    content: "\EC24"
}

.mdn-Icon-nuvem-iot:before {
    content: "\EC25"
}

.mdn-Icon-nuvem-jogo:before {
    content: "\EC26"
}

.mdn-Icon-nuvem-neve:before {
    content: "\EC27"
}

.mdn-Icon-nuvem-offline:before {
    content: "\EC28"
}

.mdn-Icon-nuvem-ok:before {
    content: "\EC29"
}

.mdn-Icon-nuvem-raio:before {
    content: "\EC2A"
}

.mdn-Icon-nuvem-upload:before {
    content: "\EC2B"
}

.mdn-Icon-nuvem:before {
    content: "\EC2C"
}

.mdn-Icon-oculos-desabilitado:before {
    content: "\EC2D"
}

.mdn-Icon-oculos-realidade-virtual:before {
    content: "\EC2E"
}

.mdn-Icon-oculos:before {
    content: "\EC2F"
}

.mdn-Icon-ocultar:before {
    content: "\EC30"
}

.mdn-Icon-office-365:before {
    content: "\EC31"
}

.mdn-Icon-olho-desabilitado:before {
    content: "\EC32"
}

.mdn-Icon-olho:before {
    content: "\EC33"
}

.mdn-Icon-opcoes-horizontal:before {
    content: "\EC34"
}

.mdn-Icon-opcoes-vertical:before {
    content: "\EC35"
}

.mdn-Icon-ordem-de-servico:before {
    content: "\EC36"
}

.mdn-Icon-ordernar:before {
    content: "\EC37"
}

.mdn-Icon-pacote-adicional:before {
    content: "\EC38"
}

.mdn-Icon-pacote:before {
    content: "\EC39"
}

.mdn-Icon-pagamento-aprovado:before {
    content: "\EC3A"
}

.mdn-Icon-pagamento-digital:before {
    content: "\EC3B"
}

.mdn-Icon-pagamento-pessoa:before {
    content: "\EC3C"
}

.mdn-Icon-pagamento-usuario:before {
    content: "\EC3D"
}

.mdn-Icon-pap:before {
    content: "\EC3E"
}

.mdn-Icon-parar-vazio-circulo:before {
    content: "\EC3F"
}

.mdn-Icon-parenteses-fechar:before {
    content: "\EC40"
}

.mdn-Icon-passaporte:before {
    content: "\EC41"
}

.mdn-Icon-pasta-aberta:before {
    content: "\EC42"
}

.mdn-Icon-pasta-mais:before {
    content: "\EC43"
}

.mdn-Icon-pasta-menos:before {
    content: "\EC44"
}

.mdn-Icon-pasta:before {
    content: "\EC45"
}

.mdn-Icon-pata-preenchido:before {
    content: "\EC46"
}

.mdn-Icon-pata:before {
    content: "\EC47"
}

.mdn-Icon-pause-preenchido-circulo:before {
    content: "\EC48"
}

.mdn-Icon-pause-preenchido:before {
    content: "\EC49"
}

.mdn-Icon-pause-vazio-circulo:before {
    content: "\EC4A"
}

.mdn-Icon-pause-vazio:before {
    content: "\EC4B"
}

.mdn-Icon-pay:before {
    content: "\EC4C"
}

.mdn-Icon-pcd:before {
    content: "\EC4D"
}

.mdn-Icon-pdf:before {
    content: "\EC4E"
}

.mdn-Icon-pedido:before {
    content: "\EC4F"
}

.mdn-Icon-perfume:before {
    content: "\EC50"
}

.mdn-Icon-pessoa-asterisco:before {
    content: "\EC51"
}

.mdn-Icon-pessoa-celular:before {
    content: "\EC52"
}

.mdn-Icon-pessoa-check:before {
    content: "\EC53"
}

.mdn-Icon-pessoa-circulo-perfil:before {
    content: "\EC54"
}

.mdn-Icon-pessoa-circulo:before {
    content: "\EC55"
}

.mdn-Icon-pessoa-computador:before {
    content: "\EC56"
}

.mdn-Icon-pessoa-coracao:before {
    content: "\EC57"
}

.mdn-Icon-pessoa-deletar:before {
    content: "\EC58"
}

.mdn-Icon-pessoa-estrela:before {
    content: "\EC59"
}

.mdn-Icon-pessoa-fone:before {
    content: "\EC5A"
}

.mdn-Icon-pessoa-identidade-retirar:before {
    content: "\EC5B"
}

.mdn-Icon-pessoa-identidade:before {
    content: "\EC5C"
}

.mdn-Icon-pessoa-mais:before {
    content: "\EC5D"
}

.mdn-Icon-pessoa-menos:before {
    content: "\EC5E"
}

.mdn-Icon-pessoa-pcd:before {
    content: "\EC5F"
}

.mdn-Icon-pessoa-tv:before {
    content: "\EC60"
}

.mdn-Icon-pessoa-video-chamada:before {
    content: "\EC61"
}

.mdn-Icon-pessoa-voz:before {
    content: "\EC62"
}

.mdn-Icon-pessoa:before {
    content: "\EC63"
}

.mdn-Icon-pessoas-coracao:before {
    content: "\EC64"
}

.mdn-Icon-pessoas:before {
    content: "\EC65"
}

.mdn-Icon-pinterest:before {
    content: "\EC66"
}

.mdn-Icon-pip:before {
    content: "\EC67"
}

.mdn-Icon-pix-escudo:before {
    content: "\EC68"
}

.mdn-Icon-pix:before {
    content: "\EC69"
}

.mdn-Icon-play-preenchido-circulo:before {
    content: "\EC6A"
}

.mdn-Icon-play-preenchido:before {
    content: "\EC6B"
}

.mdn-Icon-play-traco-abaixo:before {
    content: "\EC6C"
}

.mdn-Icon-play-vazio-circulo:before {
    content: "\EC6D"
}

.mdn-Icon-play-vazio:before {
    content: "\EC6E"
}

.mdn-Icon-play:before {
    content: "\EC6F"
}

.mdn-Icon-pme:before {
    content: "\EC70"
}

.mdn-Icon-pocket:before {
    content: "\EC71"
}

.mdn-Icon-ponto-adicional:before {
    content: "\EC72"
}

.mdn-Icon-ponto-ultra:before {
    content: "\EC73"
}

.mdn-Icon-pontos-mais:before {
    content: "\EC74"
}

.mdn-Icon-por-cento:before {
    content: "\EC75"
}

.mdn-Icon-porcentagem:before {
    content: "\EC76"
}

.mdn-Icon-portabilidade:before {
    content: "\EC77"
}

.mdn-Icon-prancheta:before {
    content: "\EC78"
}

.mdn-Icon-pratico:before {
    content: "\EC79"
}

.mdn-Icon-premium:before {
    content: "\EC7A"
}

.mdn-Icon-presente:before {
    content: "\EC7B"
}

.mdn-Icon-primeiro:before {
    content: "\EC7C"
}

.mdn-Icon-primeiros-passos:before {
    content: "\EC7D"
}

.mdn-Icon-privacidade:before {
    content: "\EC7E"
}

.mdn-Icon-protecao:before {
    content: "\EC7F"
}

.mdn-Icon-push-do-bem:before {
    content: "\EC80"
}

.mdn-Icon-qr-code:before {
    content: "\EC81"
}

.mdn-Icon-quadrado-canal:before {
    content: "\EC82"
}

.mdn-Icon-quadrado-fechar:before {
    content: "\EC83"
}

.mdn-Icon-quadrado-mais-play:before {
    content: "\EC84"
}

.mdn-Icon-quadrado-mais:before {
    content: "\EC85"
}

.mdn-Icon-quadrado-menos:before {
    content: "\EC86"
}

.mdn-Icon-quadrado-metade-preenchido:before {
    content: "\EC87"
}

.mdn-Icon-quadrados-copiar:before {
    content: "\EC88"
}

.mdn-Icon-quadrados-empilhados-direita:before {
    content: "\EC89"
}

.mdn-Icon-quadrados-empilhados-play:before {
    content: "\EC8A"
}

.mdn-Icon-quatro-quadrados:before {
    content: "\EC8B"
}

.mdn-Icon-radar:before {
    content: "\EC8C"
}

.mdn-Icon-radio-vazio:before {
    content: "\EC8D"
}

.mdn-Icon-radio:before {
    content: "\EC8E"
}

.mdn-Icon-raio-desabilitado:before {
    content: "\EC8F"
}

.mdn-Icon-raio:before {
    content: "\EC90"
}

.mdn-Icon-raios:before {
    content: "\EC91"
}

.mdn-Icon-ram:before {
    content: "\EC92"
}

.mdn-Icon-raquete-tenis:before {
    content: "\EC93"
}

.mdn-Icon-react:before {
    content: "\EC94"
}

.mdn-Icon-realidade-360:before {
    content: "\EC95"
}

.mdn-Icon-realidade-aumentada:before {
    content: "\EC96"
}

.mdn-Icon-realidade-virtual:before {
    content: "\EC97"
}

.mdn-Icon-rec:before {
    content: "\EC98"
}

.mdn-Icon-recarga-chip:before {
    content: "\EC99"
}

.mdn-Icon-recarga:before {
    content: "\EC9A"
}

.mdn-Icon-reciclagem:before {
    content: "\EC9B"
}

.mdn-Icon-redimensionar:before {
    content: "\EC9C"
}

.mdn-Icon-regua-e-lapis:before {
    content: "\EC9D"
}

.mdn-Icon-release:before {
    content: "\EC9E"
}

.mdn-Icon-relogio-pulso:before {
    content: "\EC9F"
}

.mdn-Icon-relogio:before {
    content: "\ECA0"
}

.mdn-Icon-renegociacao:before {
    content: "\ECA1"
}

.mdn-Icon-rentabilizacao:before {
    content: "\ECA2"
}

.mdn-Icon-repetir:before {
    content: "\ECA3"
}

.mdn-Icon-replay:before {
    content: "\ECA4"
}

.mdn-Icon-resgate-de-pontos:before {
    content: "\ECA5"
}

.mdn-Icon-residencial:before {
    content: "\ECA6"
}

.mdn-Icon-resolucao-hd:before {
    content: "\ECA7"
}

.mdn-Icon-restaurante:before {
    content: "\ECA8"
}

.mdn-Icon-retencao:before {
    content: "\ECA9"
}

.mdn-Icon-retirar-box:before {
    content: "\ECAA"
}

.mdn-Icon-retirar-cartao:before {
    content: "\ECAB"
}

.mdn-Icon-retirar-circulo:before {
    content: "\ECAC"
}

.mdn-Icon-retirar-identidade:before {
    content: "\ECAD"
}

.mdn-Icon-retirar-mascara:before {
    content: "\ECAE"
}

.mdn-Icon-retirar-oculos:before {
    content: "\ECAF"
}

.mdn-Icon-retomada:before {
    content: "\ECB0"
}

.mdn-Icon-revista:before {
    content: "\ECB1"
}

.mdn-Icon-roaming:before {
    content: "\ECB2"
}

.mdn-Icon-robotizacao:before {
    content: "\ECB3"
}

.mdn-Icon-rosto-insatisfeito:before {
    content: "\ECB4"
}

.mdn-Icon-rosto-muito-insatisfeito:before {
    content: "\ECB5"
}

.mdn-Icon-rosto-muito-satisfeito:before {
    content: "\ECB6"
}

.mdn-Icon-rosto-neutro:before {
    content: "\ECB7"
}

.mdn-Icon-rosto-satisfeito:before {
    content: "\ECB8"
}

.mdn-Icon-roteador:before {
    content: "\ECB9"
}

.mdn-Icon-roubo:before {
    content: "\ECBA"
}

.mdn-Icon-rss:before {
    content: "\ECBB"
}

.mdn-Icon-rural:before {
    content: "\ECBC"
}

.mdn-Icon-sacola-cifrao:before {
    content: "\ECBD"
}

.mdn-Icon-sacola:before {
    content: "\ECBE"
}

.mdn-Icon-safari:before {
    content: "\ECBF"
}

.mdn-Icon-sair-tela-cheia:before {
    content: "\ECC0"
}

.mdn-Icon-sair:before {
    content: "\ECC1"
}

.mdn-Icon-salva-vidas:before {
    content: "\ECC2"
}

.mdn-Icon-santander:before {
    content: "\ECC3"
}

.mdn-Icon-saque:before {
    content: "\ECC4"
}

.mdn-Icon-satelite:before {
    content: "\ECC5"
}

.mdn-Icon-satisfeito:before {
    content: "\ECC6"
}

.mdn-Icon-saude:before {
    content: "\ECC7"
}

.mdn-Icon-scooter:before {
    content: "\ECC8"
}

.mdn-Icon-screencast:before {
    content: "\ECC9"
}

.mdn-Icon-scroll:before {
    content: "\ECCA"
}

.mdn-Icon-selfie:before {
    content: "\ECCB"
}

.mdn-Icon-sem-adesao:before {
    content: "\ECCC"
}

.mdn-Icon-sem-atividade:before {
    content: "\ECCD"
}

.mdn-Icon-sem-combo:before {
    content: "\ECCE"
}

.mdn-Icon-sem-dados:before {
    content: "\ECCF"
}

.mdn-Icon-sem-video:before {
    content: "\ECD0"
}

.mdn-Icon-senha:before {
    content: "\ECD1"
}

.mdn-Icon-servicos-digitais:before {
    content: "\ECD2"
}

.mdn-Icon-servidor:before {
    content: "\ECD3"
}

.mdn-Icon-seta-baixo-circulo:before {
    content: "\ECD4"
}

.mdn-Icon-seta-baixo-preenchida:before {
    content: "\ECD5"
}

.mdn-Icon-seta-baixo-retorna-acima:before {
    content: "\ECD6"
}

.mdn-Icon-seta-baixo:before {
    content: "\ECD7"
}

.mdn-Icon-seta-cima-circulo:before {
    content: "\ECD8"
}

.mdn-Icon-seta-cima-shift:before {
    content: "\ECD9"
}

.mdn-Icon-seta-cima:before {
    content: "\ECDA"
}

.mdn-Icon-seta-direita-circulo:before {
    content: "\ECDB"
}

.mdn-Icon-seta-direita-ultimo:before {
    content: "\ECDC"
}

.mdn-Icon-seta-direita:before {
    content: "\ECDD"
}

.mdn-Icon-seta-esquerda-circulo:before {
    content: "\ECDE"
}

.mdn-Icon-seta-esquerda-primeiro:before {
    content: "\ECDF"
}

.mdn-Icon-seta-esquerda:before {
    content: "\ECE0"
}

.mdn-Icon-seta-preenchido-baixo:before {
    content: "\ECE1"
}

.mdn-Icon-seta-preenchido-cima:before {
    content: "\ECE2"
}

.mdn-Icon-seta-preenchido-direita:before {
    content: "\ECE3"
}

.mdn-Icon-seta-preenchido-esquerda:before {
    content: "\ECE4"
}

.mdn-Icon-seta-transversal-baixo-direita:before {
    content: "\ECE5"
}

.mdn-Icon-seta-transversal-baixo-esquerda:before {
    content: "\ECE6"
}

.mdn-Icon-seta-transversal-cima-direita:before {
    content: "\ECE7"
}

.mdn-Icon-seta-transversal-cima-esquerda:before {
    content: "\ECE8"
}

.mdn-Icon-seta-vazia-baixo:before {
    content: "\ECE9"
}

.mdn-Icon-seta-vazia-cima:before {
    content: "\ECEA"
}

.mdn-Icon-seta-vazia-direita:before {
    content: "\ECEB"
}

.mdn-Icon-seta-vazia-esquerda:before {
    content: "\ECEC"
}

.mdn-Icon-setas-baixo-cima:before {
    content: "\ECED"
}

.mdn-Icon-setas-cima-baixo-desabilitado:before {
    content: "\ECEE"
}

.mdn-Icon-setas-dupla-baixo:before {
    content: "\ECEF"
}

.mdn-Icon-setas-dupla-cima:before {
    content: "\ECF0"
}

.mdn-Icon-setas-dupla-direita:before {
    content: "\ECF1"
}

.mdn-Icon-setas-dupla-esquerda:before {
    content: "\ECF2"
}

.mdn-Icon-setas-quadrados:before {
    content: "\ECF3"
}

.mdn-Icon-setas-sentido-oposto:before {
    content: "\ECF4"
}

.mdn-Icon-setas-wps-preenchido:before {
    content: "\ECF5"
}

.mdn-Icon-setas-wps:before {
    content: "\ECF6"
}

.mdn-Icon-setup-box:before {
    content: "\ECF7"
}

.mdn-Icon-sidebar:before {
    content: "\ECF8"
}

.mdn-Icon-sinal:before {
    content: "\ECF9"
}

.mdn-Icon-sino-desabilitado:before {
    content: "\ECFA"
}

.mdn-Icon-sino-preenchido:before {
    content: "\ECFB"
}

.mdn-Icon-sino:before {
    content: "\ECFC"
}

.mdn-Icon-site-pronto:before {
    content: "\ECFD"
}

.mdn-Icon-sketch:before {
    content: "\ECFE"
}

.mdn-Icon-skype:before {
    content: "\ECFF"
}

.mdn-Icon-slack:before {
    content: "\ED00"
}

.mdn-Icon-sliders:before {
    content: "\ED01"
}

.mdn-Icon-smartwatch:before {
    content: "\ED02"
}

.mdn-Icon-sms:before {
    content: "\ED03"
}

.mdn-Icon-social:before {
    content: "\ED04"
}

.mdn-Icon-sol-nascendo:before {
    content: "\ED05"
}

.mdn-Icon-sol-se-pondo:before {
    content: "\ED06"
}

.mdn-Icon-sol:before {
    content: "\ED07"
}

.mdn-Icon-solar-ache-aqui:before {
    content: "\ED08"
}

.mdn-Icon-solar-escolha-certa:before {
    content: "\ED09"
}

.mdn-Icon-solar-fala-ai:before {
    content: "\ED0A"
}

.mdn-Icon-solar-na-ativa-pf:before {
    content: "\ED0B"
}

.mdn-Icon-solar-na-ativa-pme:before {
    content: "\ED0C"
}

.mdn-Icon-solar-na-escuta:before {
    content: "\ED0D"
}

.mdn-Icon-solar-visao-360:before {
    content: "\ED0E"
}

.mdn-Icon-splash-i:before {
    content: "\ED0F"
}

.mdn-Icon-spotify:before {
    content: "\ED10"
}

.mdn-Icon-starbem:before {
    content: "\ED11"
}

.mdn-Icon-steps:before {
    content: "\ED12"
}

.mdn-Icon-streaming:before {
    content: "\ED13"
}

.mdn-Icon-subdiretorio-baixo-direita:before {
    content: "\ED14"
}

.mdn-Icon-subdiretorio-baixo-esquerda:before {
    content: "\ED15"
}

.mdn-Icon-subdiretorio-centro-direita:before {
    content: "\ED16"
}

.mdn-Icon-subdiretorio-centro-esquerda:before {
    content: "\ED17"
}

.mdn-Icon-subdiretorio-cima-direita:before {
    content: "\ED18"
}

.mdn-Icon-subdiretorio-cima-esquerda:before {
    content: "\ED19"
}

.mdn-Icon-subdiretorio-direita:before {
    content: "\ED1A"
}

.mdn-Icon-subdiretorio-esquerda:before {
    content: "\ED1B"
}

.mdn-Icon-sublinhado:before {
    content: "\ED1C"
}

.mdn-Icon-submenu:before {
    content: "\ED1D"
}

.mdn-Icon-tablet:before {
    content: "\ED1E"
}

.mdn-Icon-tachado:before {
    content: "\ED1F"
}

.mdn-Icon-tamanho-aumentar:before {
    content: "\ED20"
}

.mdn-Icon-tamanho-diminuir:before {
    content: "\ED21"
}

.mdn-Icon-teatro:before {
    content: "\ED22"
}

.mdn-Icon-tela-cheia:before {
    content: "\ED23"
}

.mdn-Icon-tela-quebrada:before {
    content: "\ED24"
}

.mdn-Icon-telefone-com-circulo:before {
    content: "\ED25"
}

.mdn-Icon-telefone-desabilitado:before {
    content: "\ED26"
}

.mdn-Icon-telefone-excluir:before {
    content: "\ED27"
}

.mdn-Icon-telefone-fixo:before {
    content: "\ED28"
}

.mdn-Icon-telefone-ligacoes:before {
    content: "\ED29"
}

.mdn-Icon-telefone-seta-baixo:before {
    content: "\ED2A"
}

.mdn-Icon-telefone-seta-cima:before {
    content: "\ED2B"
}

.mdn-Icon-telefone-seta-direita:before {
    content: "\ED2C"
}

.mdn-Icon-temperatura:before {
    content: "\ED2D"
}

.mdn-Icon-tesoura:before {
    content: "\ED2E"
}

.mdn-Icon-threads:before {
    content: "\ED2F"
}

.mdn-Icon-tik-tok:before {
    content: "\ED30"
}

.mdn-Icon-tipografia:before {
    content: "\ED31"
}

.mdn-Icon-titular:before {
    content: "\ED32"
}

.mdn-Icon-todas-as-bordas:before {
    content: "\ED33"
}

.mdn-Icon-toggle-off:before {
    content: "\ED34"
}

.mdn-Icon-toggle-on:before {
    content: "\ED35"
}

.mdn-Icon-tokens:before {
    content: "\ED36"
}

.mdn-Icon-traducao:before {
    content: "\ED37"
}

.mdn-Icon-trator:before {
    content: "\ED38"
}

.mdn-Icon-triangulo-exclamacao:before {
    content: "\ED39"
}

.mdn-Icon-troca-de-plano:before {
    content: "\ED3A"
}

.mdn-Icon-trofeu:before {
    content: "\ED3B"
}

.mdn-Icon-tv-a:before {
    content: "\ED3C"
}

.mdn-Icon-tv-mais:before {
    content: "\ED3D"
}

.mdn-Icon-tv-setas:before {
    content: "\ED3E"
}

.mdn-Icon-tv-velocidade:before {
    content: "\ED3F"
}

.mdn-Icon-tv-wifi:before {
    content: "\ED40"
}

.mdn-Icon-tv:before {
    content: "\ED41"
}

.mdn-Icon-twitter:before {
    content: "\ED42"
}

.mdn-Icon-typescript:before {
    content: "\ED43"
}

.mdn-Icon-ultimo:before {
    content: "\ED44"
}

.mdn-Icon-ultra-hd:before {
    content: "\ED45"
}

.mdn-Icon-ultravelocidade:before {
    content: "\ED46"
}

.mdn-Icon-upload-caixa:before {
    content: "\ED47"
}

.mdn-Icon-upload-de-arquivo:before {
    content: "\ED48"
}

.mdn-Icon-upload-pdf:before {
    content: "\ED49"
}

.mdn-Icon-upload:before {
    content: "\ED4A"
}

.mdn-Icon-usb:before {
    content: "\ED4B"
}

.mdn-Icon-utilidades:before {
    content: "\ED4C"
}

.mdn-Icon-vanilla:before {
    content: "\ED4D"
}

.mdn-Icon-varejo:before {
    content: "\ED4E"
}

.mdn-Icon-velocimetro-maximo:before {
    content: "\ED4F"
}

.mdn-Icon-vento:before {
    content: "\ED50"
}

.mdn-Icon-verificado:before {
    content: "\ED51"
}

.mdn-Icon-viagens:before {
    content: "\ED52"
}

.mdn-Icon-video-conferencia:before {
    content: "\ED53"
}

.mdn-Icon-video-desabilitado:before {
    content: "\ED54"
}

.mdn-Icon-video-reuniao:before {
    content: "\ED55"
}

.mdn-Icon-video:before {
    content: "\ED56"
}

.mdn-Icon-vinho:before {
    content: "\ED57"
}

.mdn-Icon-virus:before {
    content: "\ED58"
}

.mdn-Icon-visita-tecnica:before {
    content: "\ED59"
}

.mdn-Icon-voltar-15s:before {
    content: "\ED5A"
}

.mdn-Icon-voltar-30s:before {
    content: "\ED5B"
}

.mdn-Icon-voltar:before {
    content: "\ED5C"
}

.mdn-Icon-volume-desligado:before {
    content: "\ED5D"
}

.mdn-Icon-volume-max:before {
    content: "\ED5E"
}

.mdn-Icon-volume-min:before {
    content: "\ED5F"
}

.mdn-Icon-volume-mudo:before {
    content: "\ED60"
}

.mdn-Icon-vue:before {
    content: "\ED61"
}

.mdn-Icon-vui:before {
    content: "\ED62"
}

.mdn-Icon-whatsapp:before {
    content: "\ED63"
}

.mdn-Icon-wifi-desabilitado:before {
    content: "\ED64"
}

.mdn-Icon-wifi-indisponivel:before {
    content: "\ED65"
}

.mdn-Icon-wifi-senha:before {
    content: "\ED66"
}

.mdn-Icon-wifi:before {
    content: "\ED67"
}

.mdn-Icon-workplace:before {
    content: "\ED68"
}

.mdn-Icon-workspace:before {
    content: "\ED69"
}

.mdn-Icon-xd:before {
    content: "\ED6A"
}

.mdn-Icon-yarn:before {
    content: "\ED6B"
}

.mdn-Icon-youtube:before {
    content: "\ED6C"
}

.mdn-Icon-zap-desabilitado:before {
    content: "\ED6D"
}

.mdn-Icon-zap:before {
    content: "\ED6E"
}

/*!
* Mondrian Fonts 3.1.4
* Build do dia 17/08/2023 - 16:00:08 GTM-0300 
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2020 Claro <designops@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/
@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Black.svg#Roboto-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Bold.svg#Roboto-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Italic.svg#Roboto-Italic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-LightItalic.svg#Roboto-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BoldItalic.svg#Roboto-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Light.svg#Roboto-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-MediumItalic.svg#Roboto-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Medium.svg#Roboto-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-BlackItalic.svg#Roboto-BlackItalic) format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/roboto/Roboto-Regular.svg#Roboto-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Bold.svg#AMX-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Light.svg#AMX-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Italic.svg#AMX-Italic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BoldItalic.svg#AMX-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-BlackItalic.svg#AMX-BlackItalic) format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Black.svg#AMX-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-LightItalic.svg#AMX-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-MediumItalic.svg#AMX-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Medium.svg#AMX-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AMX;
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/claro/amx/AMX-Regular.svg#AMX-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

/*!
* Mondrian Fonts Embratel 3.1.4
* Build do dia 17/08/2023 - 16:00:08 GTM-0300 
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2020 Claro <designops@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/
@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Black.svg#RedHatDisplay-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-MediumItalic.svg#RedHatDisplay-MediumItalic) format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBoldItalic.svg#RedHatDisplay-ExtraBoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Bold.svg#RedHatDisplay-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Italic.svg#RedHatDisplay-Italic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BoldItalic.svg#RedHatDisplay-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-LightItalic.svg#RedHatDisplay-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-BlackItalic.svg#RedHatDisplay-BlackItalic) format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Medium.svg#RedHatDisplay-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-ExtraBold.svg#RedHatDisplay-ExtraBold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Light.svg#RedHatDisplay-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-Regular.svg#RedHatDisplay-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBoldItalic.svg#RedHatDisplay-SemiBoldItalic) format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Red Hat Display;
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.eot);
    src: url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.eot#iefix) format("embedded-opentype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.woff2) format("woff2"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.woff) format("woff"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.ttf) format("truetype"), url(https://mondrian.claro.com.br/fonts/assets/embratel/RedHatDisplay-SemiBold.svg#RedHatDisplay-SemiBold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

/*!
* Mondrian Tokens Claro 2.4.2
* Build do dia 23/02/2024 as 15:12:19 GTM-0300 
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2022 Claro <designopsoficial@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/
/*!
* Mondrian Tokens Embratel 1.2.1
* Build do dia 29/05/2024 as 09:39:30 GTM-0300 
*
* https://mondrian.claro.com.br
* Copyright (c) 2019 - 2022 Claro <designopsoficial@globalhitss.com.br>
* Todos os direitos reservados.
*
* A redistribuicao ou alteracao sem a permissao dos proprietarios do software e proibida.
*/
:root {
    --theme-border-style--default: solid;
    --theme-border-radius--default: 0.75rem;
    --theme-border-radius--Button: 31.25rem;
    --theme-border-radius-none: 0;
    --theme-border-radius-xxs: 0.25rem;
    --theme-border-radius-xs: 0.75rem;
    --theme-border-radius-sm: 0.75rem;
    --theme-border-radius-md: 1.5rem;
    --theme-border-radius-lg: 2rem;
    --theme-border-radius-pill: 31.25rem;
    --theme-border-radius-circle: 50%;
    --theme-border-width--default: 0.0625rem;
    --theme-border-width-none: 0;
    --theme-border-width-thin: 0.0625rem;
    --theme-border-width-medium: 0.125rem;
    --theme-border-width-thick: 0.25rem;
    --theme-spacing-inline-xxxs: 0.25rem;
    --theme-spacing-inline-xxs: 0.5rem;
    --theme-spacing-inline-xs: 1rem;
    --theme-spacing-inline-sm: 1.5rem;
    --theme-spacing-inline-md: 2rem;
    --theme-spacing-inline-lg: 3rem;
    --theme-spacing-inline-xl: 4rem;
    --theme-spacing-inset-xxs: 0.25rem;
    --theme-spacing-inset-xs: 0.5rem;
    --theme-spacing-inset-sm: 1rem;
    --theme-spacing-inset-md: 1.5rem;
    --theme-spacing-inset-lg: 2rem;
    --theme-spacing-inset-xl: 3rem;
    --theme-spacing-stack-xxxs: 0.25rem;
    --theme-spacing-stack-xxs: 0.5rem;
    --theme-spacing-stack-xs: 1rem;
    --theme-spacing-stack-sm: 1.5rem;
    --theme-spacing-stack-md: 2rem;
    --theme-spacing-stack-lg: 3rem;
    --theme-spacing-stack-xl: 4rem;
    --theme-spacing-stack-xxl: 6rem;
    --theme-spacing-stack-xxxl: 8rem;
    --theme-spacing-squish-xxxs: 0.25rem 0.5rem;
    --theme-spacing-squish-xxs: 0.25rem 1rem;
    --theme-spacing-squish-xs: 0.5rem 1rem;
    --theme-spacing-squish-sm: 0.5rem 1.5rem;
    --theme-spacing-squish-md: 1rem 1.5rem;
    --theme-spacing-squish-lg: 1rem 2rem;
    --theme-spacing-squish-xl: 1.5rem 2rem;
    --theme-opacity-semi-opaque: .8;
    --theme-opacity-intense: .64;
    --theme-opacity-medium: .32;
    --theme-opacity-light: .16;
    --theme-opacity-semi-transparent: .08;
    --theme-font-family--default: Roboto;
    --theme-font-family--base: Roboto;
    --theme-font-family--highlight: AMX;
    --theme-font-family--Heading: AMX;
    --theme-font-family--Subtitle: AMX;
    --theme-font-family--Text: Roboto;
    --theme-font-family--Button: Roboto;
    --theme-font-family--Link: Roboto;
    --theme-optical-adjusts-xs: -1;
    --theme-optical-adjusts-sm: -2;
    --theme-font-size--default: 1rem;
    --theme-font-size-xxxs: 0.75rem;
    --theme-font-size-xxs: 1rem;
    --theme-font-size-xs: 1.25rem;
    --theme-font-size-sm: 1.5rem;
    --theme-font-size-md: 1.75rem;
    --theme-font-size-lg: 2rem;
    --theme-font-size-xl: 2.25rem;
    --theme-font-size-xxl: 3rem;
    --theme-font-line-height-none: 0;
    --theme-font-line-height-xxxs: 100%;
    --theme-font-line-height-xxs: 130%;
    --theme-font-line-height-xs: 130%;
    --theme-font-line-height-sm: 130%;
    --theme-font-line-height-md: 130%;
    --theme-font-line-height-lg: 130%;
    --theme-font-line-height-xl: 130%;
    --theme-font-line-height-xxl: 140%;
    --theme-font-weight--default: 500;
    --theme-font-weight--Heading: 700;
    --theme-font-weight--Subtitle: 500;
    --theme-font-weight--Text: 400;
    --theme-font-weight--Button: 500;
    --theme-font-weight-regular: 400;
    --theme-font-weight-medium: 500;
    --theme-font-weight-bold: 700;
    --theme-text-strike: line-through;
    --theme-text-uppercase: uppercase;
    --theme-text-italic: italic;
    --theme-text-transform--default: none;
    --theme-text-transform--Heading: none;
    --theme-text-transform--Subtitle: none;
    --theme-text-transform--Text: none;
    --theme-text-transform--Button: none;
    --theme-text-transform--Link: none;
    --theme-shadow--level-1: 0rem 0.25rem 0.5rem -4;
    --theme-shadow--level-2: 0rem 0.25rem 0.5rem -4;
    --theme-shadow--level-3: 0rem 1rem 1.5rem -4;
    --theme-shadow--level-4: 0rem 1rem 1.5rem -4;
    --theme-accessibility-blue: #204f8f;
    --theme-border-color--contrast--clickable: inherit;
    --theme-border-color--contrast: transparent;
    --theme-background-color--contrast--clickable: inherit;
    --theme-background-color--contrast: inherit;
    --theme-text--contrast--clickable: inherit;
    --theme-text--contrast: inherit;
    --theme-shadow-offset-x-none: 0rem;
    --theme-shadow-offset-y-level-1: 0.25rem;
    --theme-shadow-offset-y-level-2: 0.25rem;
    --theme-shadow-offset-y-level-3: 1rem;
    --theme-shadow-offset-y-level-4: 1rem;
    --theme-shadow-blur-radius-level-1: 0.5rem;
    --theme-shadow-blur-radius-level-2: 0.5rem;
    --theme-shadow-blur-radius-level-3: 1.5rem;
    --theme-shadow-blur-radius-level-4: 1.5rem;
    --theme-shadow-spread-radius-default: -0.25rem;
    --theme-shadow-spread-radius-light: -1rem;
    --theme-shadow-color--default: rgba(31, 29, 29, 0.8);
    --theme-background-color--default: #fff;
    --theme-background-color--primary: #da291c;
    --theme-background-color--primary-dark: #b41e13;
    --theme-background-color--primary-darkest: #83170f;
    --theme-background-color--secondary: #fff;
    --theme-background-color--light: #f8f8f8;
    --theme-background-color--lightest: #fff;
    --theme-background-color--medium: #dbdbdb;
    --theme-background-color--dark: #525252;
    --theme-background-color--darkest: #1f1d1d;
    --theme-background-color--global: #ffc722;
    --theme-border-style-default: solid;
    --theme-skeleton-color--light: #f8f8f8;
    --theme-skeleton-color--medium: #dbdbdb;
    --theme-skeleton-color--dark: #525252;
    --theme-text-color--default: #525252;
    --theme-text-color--primary: #da291c;
    --theme-text-color--primary-inverse: #b41e13;
    --theme-text-color--secondary: #fff;
    --theme-text-color--light: #dbdbdb;
    --theme-text-color--dark: #1f1d1d;
    --theme-text-color--inverse: #fff;
    --theme-text-color--disabled: #1f1d1d;
    --theme-text-underline: underline;
    --theme-backgroundColor-Alert-success-light: #ddf9ed;
    --theme-backgroundColor-Alert-success-dark: #006b4f;
    --theme-backgroundColor-Alert-danger-light: #fffaad;
    --theme-backgroundColor-Alert-danger-dark: #b84d01;
    --theme-textColor-Alert-success-light: #006b4f;
    --theme-textColor-Alert-success-dark: #fff;
    --theme-textColor-Alert-danger-light: #b84d01;
    --theme-textColor-Alert-danger-dark: #fff;
    --theme-textColor-Alert-button-success-light: #006b4f;
    --theme-textColor-Alert-button-success-dark: #fff;
    --theme-textColor-Alert-button-danger-light: #b84d01;
    --theme-textColor-Alert-button-danger-dark: #fff;
    --theme-textColor-Alert-button-default: inherit;
    --theme-borderColor-Alert-default: transparent;
    --theme-borderColor-Tooltip: transparent;
    --theme-borderColor-Tooltip-Content: #dbdbdb;
    --theme-backgroundColor-Tooltip-arrow: #1f1d1d;
    --theme-backgroundColor-Tooltip-arrow-border: #1f1d1d;
    --theme-backgroundColor-Tooltip-Content-arrow: #fff;
    --theme-backgroundColor-Tooltip-Content-arrow-back: #fff;
    --theme-text-decoration-Button: none;
    --theme-background-color-Button--primary: #da291c;
    --theme-text-color-Button--primary: #fff;
    --theme-border-color-Button--primary: #da291c;
    --theme-background-color-Button-hover--primary: #b41e13;
    --theme-text-color-Button-hover--primary: #fff;
    --theme-border-color-Button-hover--primary: #b41e13;
    --theme-background-color-Button--primary-inverse: #fff;
    --theme-text-color-Button--primary-inverse: #da291c;
    --theme-border-color-Button--primary-inverse: #fff;
    --theme-background-color-Button-hover--primary-inverse: #dbdbdb;
    --theme-text-color-Button-hover--primary-inverse: #da291c;
    --theme-border-color-Button-hover--primary-inverse: #dbdbdb;
    --theme-background-color-Button--secondary: transparent;
    --theme-text-color-Button--secondary: #da291c;
    --theme-border-color-Button--secondary: #da291c;
    --theme-background-color-Button-hover--secondary: transparent;
    --theme-text-color-Button-hover--secondary: #83170f;
    --theme-border-color-Button-hover--secondary: #83170f;
    --theme-background-color-Button--secondary-inverse: transparent;
    --theme-text-color-Button--secondary-inverse: #fff;
    --theme-border-color-Button--secondary-inverse: #fff;
    --theme-background-color-Button-hover--secondary-inverse: transparent;
    --theme-text-color-Button-hover--secondary-inverse: #dbdbdb;
    --theme-border-color-Button-hover--secondary-inverse: #dbdbdb;
    --theme-background-color-Button--global: #ffc722;
    --theme-text-color-Button--global: #1f1d1d;
    --theme-border-color-Button--global: #ffc722;
    --theme-background-color-Button-hover--global: #fb9c2d;
    --theme-text-color-Button-hover--global: #1f1d1d;
    --theme-border-color-Button-hover--global: #fb9c2d;
    --theme-text-color-Heading--default: #1f1d1d;
    --theme-text-color-Heading--inverse: #fff;
    --theme-text-color-Subtitle--default: #525252;
    --theme-text-color-Subtitle--inverse: #fff;
    --theme-text-color-Text--default: #1f1d1d;
    --theme-text-color-Text--inverse: #fff;
    --theme-textDecoration-Link--default: "none";
    --theme-text-color-Link--default: #005c66;
    --theme-text-color-Link--inverse: #fff;
    --theme-text-color-Link--dark: #005c66;
    --theme-textDecoration-Link-arrow-default: none;
    --theme-color-Link-arrow-icon-default: #005c66;
    --theme-color-Link-arrow-icon-inverse: #fff;
    --theme-color-LinkList-default: #005c66;
    --theme-color-LinkList-inverse: #fff;
    --theme-text-color-Label--default: #1f1d1d;
    --theme-text-color-Label--inverse: #fff;
    --theme-borderColor-Checkbox-default: #dbdbdb;
    --theme-textColor-Checkbox-default: #1f1d1d;
    --theme-backgroundColor-Checkbox-default: #fff;
    --theme-borderColor-Checkbox-default--checked: #dbdbdb;
    --theme-borderColor-Checkbox-default-check--checked: #005c66;
    --theme-backgroundColor-Checkbox-default--checked: #fff;
    --theme-borderColor-Checkbox-inverse: #fff;
    --theme-borderColor-Checkbox-inverse-check--checked: #005c66;
    --theme-textColor-Checkbox-inverse: #fff;
    --theme-backgroundColor-Checkbox-inverse: #da291c;
    --theme-borderColor-Checkbox-inverse--checked: #fff;
    --theme-backgroundColor-Checkbox-inverse--checked: #fff;
    --theme-borderColor-Checkbox-darkest: #fff;
    --theme-borderColor-Checkbox-darkest-check--checked: #005c66;
    --theme-textColor-Checkbox-darkest: #fff;
    --theme-borderColor-Checkbox-darkest--checked: #1f1d1d;
    --theme-backgroundColor-Checkbox-darkest--checked: #fff;
    --theme-background-color-Radio-circle--default: #005c66;
    --theme-borderColor-Radio-default: #dbdbdb;
    --theme-textColor-Radio-default: #1f1d1d;
    --theme-backgroundColor-Radio-default: #fff;
    --theme-borderColor-Radio-default--checked: #da291c;
    --theme-borderColor-Radio-default-check--checked: #fff;
    --theme-backgroundColor-Radio-default--checked: #fff;
    --theme-borderColor-Radio-inverse: #fff;
    --theme-borderColor-Radio-inverse-check--checked: #da291c;
    --theme-textColor-Radio-inverse: #fff;
    --theme-backgroundColor-Radio-inverse: #da291c;
    --theme-borderColor-Radio-inverse--checked: #fff;
    --theme-backgroundColor-Radio-inverse--checked: #005c66;
    --theme-borderColor-Radio-darkest: #fff;
    --theme-borderColor-Radio-darkest-check--checked: #da291c;
    --theme-textColor-Radio-darkest: #fff;
    --theme-backgroundColor-Radio-darkest: #da291c;
    --theme-borderColor-Radio-darkest--checked: #fff;
    --theme-backgroundColor-Radio-darkest--checked: #005c66;
    --theme-backgroundColor-ProgressBar-value-fill--default: #da291c;
    --theme-text-color-Label--dark: #525252;
    --theme-text-color-Label--darkest: #1f1d1d;
    --theme-text-color-Label--hat: #da291c;
    --theme-text-color-Label--highlight: #da291c;
    --theme-text-color-Label--feedback: #b84d01;
    --theme-text-color-Label--feedbackInverse: #fffaad;
    --theme-text-color-Breadcrumb--medium: #dbdbdb;
    --theme-text-color-Breadcrumb--darkest: #1f1d1d;
    --theme-text-font-weight-Breadcrumb--darkest: 700;
    --theme-text-color-Breadcrumb-icon: #1f1d1d;
    --theme-text-decoration-Breadcrumb-link: underline;
    --theme-text-color-BreadcrumbLink--default: #1f1d1d;
    --theme-text-font-weight-Breadcrumb--default: 400;
    --theme-text-color-BreadcrumbLink--hover: #1f1d1d;
    --theme-text-color-BreadcrumbIcon--default: #1f1d1d;
    --theme-borderColor-Accordion-default: #dbdbdb;
    --theme-borderColor-Accordion-body-default: #dbdbdb;
    --theme-backgroundColor-Accordion-header-default: #fff;
    --theme-backgroundColor-Accordion-body-default: #dbdbdb;
    --theme-borderRadius-Accordion-body-default: 0.75rem;
    --theme-color-Accordion-toggle-default: #1f1d1d;
    --theme-backgroundColor-Shape-transparent: transparent;
    --theme-borderWidth-Avatar-default: 0;
    --theme-borderColor-Avatar-default: transparent;
    --theme-borderColor-Avatar-notification-default: #fff;
    --theme-Color-Avatar-icon: #1f1d1d;
    --theme-Color-Avatar-icon-inverse: #fff;
    --theme-background-Avatar-color--light: #f8f8f8;
    --theme-borderWidth-Card-default: 0;
    --theme-borderColor-CardInstitutional-inverse: transparent;
    --theme-background-color-Modal-default: #fff;
    --theme-border-color-Modal-default: #fff;
    --theme-color-Price-default: #1f1d1d;
    --theme-color-Price-inverse: #fff;
    --theme-color-Price-value-default: #1f1d1d;
    --theme-color-Price-value-inverse: #fff;
    --theme-color-Price-value-weight: 700;
    --theme-color-Header-logoSvg-inverse: initial;
    --theme-backgroundColor-Header-default: #da291c;
    --theme-backgroundColor-Header-inverse: #fff;
    --theme-borderBottomWidth-Header-default: 0;
    --theme-borderBottomColor-Header-default: #fff;
    --theme-borderWidth-Progress-default: 0;
    --theme-borderColor-Progress-default: transparent;
    --theme-color-Rating-default: #da291c;
    --theme-color-Rating-read-only-default: #da291c;
    --theme-borderWidth-Shortcut-default: 0;
    --theme-borderColor-Shortcut-default: #b41e13;
    --theme-borderColor-Shortcut-default-hover: #83170f;
    --theme-borderColor-Shortcut-inverse: #dbdbdb;
    --theme-color-Shortcut-icon-default: #fff;
    --theme-color-Shortcut-icon-inverse: #da291c;
    --theme-color-Shortcut-text-default: #fff;
    --theme-color-Shortcut-text-inverse: #1f1d1d;
    --theme-backgroundColor-Slider-default: #fff;
    --theme-backgroundColor-Slider-bar-default: #f8f8f8;
    --theme-backgroundColor-Slider-bar-progress: #da291c;
    --theme-backgroundColor-Slider-thumb-default: #da291c;
    --theme-backgroundColor-Slider-thumb-hover: #b41e13;
    --theme-color-Steps-icon: #fff;
    --theme-backgroundColor-Steps--checked: #da291c;
    --theme-backgroundColor-Steps--active: #da291c;
    --theme-backgroundColor-Steps--doing: #fff;
    --theme-backgroundColor-Steps-bar: #f8f8f8;
    --theme-borderColor-Steps: #da291c;
    --theme-borderColor-Steps--disabled: #dbdbdb;
    --theme-backgroundColor-Steps--disabled: #dbdbdb;
    --theme-backgroundColor-Steps--disabledRgba: 227, 38, 46;
    --theme-color-Spinner-default: #da291c;
    --theme-backgroundColor-Spinner-default: #fff;
    --theme-color-Spinner-inverse: #fff;
    --theme-backgroundColor-Spinner-inverse: #da291c;
    --theme-backgroundColor-Topic-icon-default: #1f1d1d;
    --theme-backgroundColor-Topic-icon-inverse: #fff;
    --theme-color-Topic--default: #1f1d1d;
    --theme-color-Topic-horizontal-icon-default: #1f1d1d;
    --theme-color-Topic-horizontal-icon-inverse: #fff;
    --theme-color-Topic-icon-default: #fff;
    --theme-color-Topic-icon-inverse: #da291c;
    --theme-color-Topic-icon-number-default: #1f1d1d;
    --theme-color-Topic-icon-number-inverse: #fff;
    --theme-color-Topic-text-default: #1f1d1d;
    --theme-color-Topic-text-inverse: #fff;
    --theme-borderColor-Input--hover: #1f1d1d;
    --theme-borderColor-Input: #1f1d1d;
    --theme-borderColor-Input--disabled: #1f1d1d;
    --theme-color-Input--disabled: #1f1d1d;
    --theme-color-Input-label: #1f1d1d;
    --theme-color-Input-label--disabled: rgba(31, 29, 29, 0.32);
    --theme-color-Input-label-inverse--disabled: hsla(0, 0%, 100%, 0.32);
    --theme-color-Input--activated: #1f1d1d;
    --theme-color-Input-action--activated: #1f1d1d;
    --theme-color-Input-select-custom-hover-option: #dbdbdb;
    --theme-backgroundColor-Input-action--default: #da291c;
    --theme-backgroundColor-Input-action--attention: #b84d01;
    --theme-borderColor-Input-action--hover: #b41e13;
    --theme-backgroundColor-Input-action--hover: #b41e13;
    --theme-color-Input-action--hover: #fff;
    --theme-color-Input-action--default: #fff;
    --theme-color-Input--attention: #b84d01;
    --theme-color-Input--attentionInverse: #fffaad;
    --theme-color-Input-shadow--hover: rgba(31, 29, 29, 0.16);
    --theme-color-Input-action-date: none;
    --theme-color-Input-action-date--inverse: invert(1);
    --theme-color-link-TabSelect-default: #525252;
    --theme-borderColor-link-TabSelect-default: #da291c;
    --theme-color-link-active-TabSelect-default: #1f1d1d;
    --theme-color-link-hover-TabSelect-default: #1f1d1d;
    --theme-color-link-TabSelect-inverse: #fc867f;
    --theme-borderColor-link-TabSelect-inverse: #fff;
    --theme-color-link-active-TabSelect-inverse: #fff;
    --theme-color-link-hover-TabSelect-inverse: #fff;
    --theme-backgroundColor-Menu-top: #b41e13;
    --theme-linkColor-Menu-top: #fff;
    --theme-backgroundColor-Menu-default: #da291c;
    --theme-toggleColor-Menu-default: #fff;
    --theme-backgroundColor-Menu-list: #fff;
    --theme-linkColor-Menu-list: #1f1d1d;
    --theme-linkColor-Menu-list-desk: #fff;
    --theme-borderColor-Menu: #dbdbdb;
    --theme-borderColor-Menu-desk: #f8f8f8;
    --theme-borderColor-Menu-top: "transparent";
    --theme-borderColor-Menu-notification-item: #da291c;
    --theme-backgroundColor-Menu-contracts-hover: #f8f8f8;
    --theme-borderColor-Menu-contracts: #dbdbdb;
    --theme-borderColor-Menu-arrow: #fff;
    --theme-borderColor-Menu-shortcut: #f8f8f8;
    --theme-linkColor-Menu-shortcut: #1f1d1d;
    --theme-backgroundColor-Menu-shortcut: #f8f8f8;
    --theme-backgroundColor-Menu-active: rgba(166, 29, 25, 0.3);
    --theme-textDecoration-Menu: "none";
    --theme-backgroundColor-Menu-top-item-focus: #9d1a11;
    --theme-paddingRight-Menu-submenu-category: 3rem;
    --theme-background-Calendar: #fff;
    --theme-background-Calendar-day: #1f1d1d;
    --theme-borderColor-Calendar-day: transparent;
    --theme-borderColor-Calendar-day--hover: transparent;
    --theme-textColor-Calendar-default: #1f1d1d;
    --theme-textColor-Calendar-inverse: #fff;
    --theme-textColor-Calendar-link-default: #1f1d1d;
    --theme-textColor-Calendar-link-inverse: #fff;
    --theme-textColor-Calendar-link--hover: #fff;
    --theme-textColor-Calendar-link--readOnly: #525252;
    --theme-textDecoration-Calendar-anchor--hover: "none";
    --theme-color-CopyContainer: #1f1d1d;
    --theme-borderColor-CopyContainer: "transparent";
    --theme-backgroundColor-CopyContainer: #f8f8f8;
    --theme-color-CopyContainer-icon: #1f1d1d;
    --theme-backgroundColor-Toggle-default: #dbdbdb;
    --theme-borderColor-Toggle-default: transparent;
    --theme-backgroundColor-circle-Toggle-default: #fff;
    --theme-backgroundColor-circle-active-Toggle-default: #fff;
    --theme-backgroundColor-active-Toggle-default: #005c66;
    --theme-backgroundColor-Toggle-inverse: #fff;
    --theme-borderColor-Toggle-inverse: transparent;
    --theme-backgroundColor-circle-Toggle-inverse: #dbdbdb;
    --theme-backgroundColor-circle-active-Toggle-inverse: #005c66;
    --theme-backgroundColor-active-Toggle-inverse: #fff;
    --theme-backgroundColor-Toggle-attention: #b84d01;
    --theme-backgroundColor-circle-Toggle-attention: #fff;
    --theme-backgroundColor-Toggle-inverse-attention: #fffaad;
    --theme-backgroundColor-circle-Toggle-inverse-attention: #b84d01;
    --theme-backgroundColor-Toggle-darkest: #fff;
    --theme-borderColor-Toggle-darkest: #fff;
    --theme-backgroundColor-circle-Toggle-darkest: #525252;
    --theme-borderColor-Collapse-default: transparent;
    --theme-borderStyle-Collapse-default: none;
    --theme-borderWidth-Collapse-default: 0;
    --theme-backgroundColor-Swiper-pagination-bullet-default: #dbdbdb;
    --theme-backgroundColor-Swiper-pagination-bullet-active: #da291c;
    --theme-background-Swiper-bullet-background-default: #da291c;
    --theme-background-Swiper-bullet-icon-default: #fff;
    --theme-background-Swiper-bullet-background-hover: #b41e13;
    --theme-background-Swiper-bullet-icon-hover: #fff;
    --theme-borderColor-Swiper-default: transparent;
    --theme-borderStyle-Swiper-default: none;
    --theme-borderWidth-Swiper-default: 0;
    --theme-backgroundColor-bullet-hover: #b41e13;
    --theme-borderRadius-Swiper-bullets-default: 0.75rem;
    --theme-background-Swiper-inverse-bullet-background-default: #fff;
    --theme-background-Swiper-inverse-bullet-background-hover: #dbdbdb;
    --theme-background-Swiper-inverse-bullet-icon-hover: #da291c;
    --theme-borderColor-Footer-default: transparent;
    --theme-borderStyle-Footer-default: none;
    --theme-borderWidth-Footer-default: 0;
    --theme-color-Footer-logoSvg-inverse: initial;
    --theme-backgroundColor-Footer-default: #da291c;
    --theme-color-Footer-default: #fff;
    --theme-color-icon-Footer-default: #fff;
    --theme-color-icon-Footer-hover-default: #b41e13;
    --theme-textDecoration-FooterLinks: "none";
    --theme-backgroundColor-Footer-secondary: #f8f8f8;
    --theme-color-Footer-secondary: #525252;
    --theme-color-icon-Footer-secondary: #525252;
    --theme-color-icon-Footer-hover-secondary: #1f1d1d;
    --theme-textColor-BrandGroup-etc-default: #525252;
    --theme-textColor-IconGroup-plus-default: #fc867f;
    --theme-borderColor-Countdown--bar: transparent;
    --theme-borderWidth-Countdown--bar: 0;
    --theme-backgroundColor-Countdown--progress: #da291c;
    --theme-backgroundColor-Countdown--progress--isOpen: #fff;
    --theme-text-color-Countdown--progress: #fff;
    --theme-color-neutral-darkest: #1f1d1d;
    --theme-color-neutral-dark: #525252;
    --theme-color-neutral-medium: #dbdbdb;
    --theme-color-neutral-light: #f8f8f8;
    --theme-color-neutral-lightest: #fff;
    --theme-color-brand-primary-darkest: #83170f;
    --theme-color-brand-primary-dark: #b41e13;
    --theme-color-brand-primary-medium: #da291c;
    --theme-color-brand-primary-light: #fc867f;
    --theme-color-brand-primary-lightest: #ffe3e3;
    --theme-color-global-dark: #fb9c2d;
    --theme-color-global-darkest: #b84d01;
    --theme-color-global-medium: #ffc722;
    --theme-color-global-light: #ffe458;
    --theme-color-global-lightest: #fffaad;
    --theme-color-support-highlight-dark: #fb9c2d;
    --theme-color-support-highlight-darkest: #b84d01;
    --theme-color-support-highlight-medium: #ffc722;
    --theme-color-support-highlight-light: #ffe458;
    --theme-color-support-highlight-lightest: #fffaad;
    --theme-fontFamily-heading-default: AMX;
    --theme-font-family-text-default: Roboto;
    --theme-color-brand-primary-darkest-bg: #83170f;
    --theme-color-brand-primary-dark-bg: #b41e13;
    --theme-color-brand-primary-medium-bg: #da291c;
    --theme-color-brand-secondary-darkest-bg: #005c66;
    --theme-color-brand-primary-light-bg: #fc867f;
    --theme-color-brand-primary-lightest-bg: #ffe3e3;
    --theme-color-support-success-light-bg: #ddf9ed;
    --theme-color-support-success-dark-bg: #006b4f;
    --theme-color-support-danger-light-bg: #fffaad;
    --theme-color-support-danger-dark-bg: #b84d01;
    --theme-color-support-highlight-darkest-bg: #b84d01;
    --theme-color-support-highlight-dark-bg: #fb9c2d;
    --theme-color-support-highlight-lightest-bg: #fffaad;
    --theme-color-support-highlight-light-bg: #ffe458;
    --theme-color-support-highlight-medium-bg: #ffc722;
    --theme-color-neutral-lightest-bg: #fff;
    --theme-color-neutral-light-bg: #f8f8f8;
    --theme-color-neutral-medium-bg: #dbdbdb;
    --theme-color-neutral-dark-bg: #525252;
    --theme-color-neutral-darkest-bg: #1f1d1d;
    --theme-color-brand-primary-darkest-content: #83170f;
    --theme-color-brand-primary-dark-content: #b41e13;
    --theme-color-brand-primary-medium-content: #da291c;
    --theme-color-brand-secondary-darkest-content: #005c66;
    --theme-color-brand-primary-light-content: #fc867f;
    --theme-color-brand-primary-lightest-content: #ffe3e3;
    --theme-color-support-success-light-content: #ddf9ed;
    --theme-color-support-success-dark-content: #006b4f;
    --theme-color-support-danger-light-content: #fffaad;
    --theme-color-support-danger-dark-content: #b84d01;
    --theme-color-support-highlight-darkest-content: #b84d01;
    --theme-color-support-highlight-dark-content: #fb9c2d;
    --theme-color-support-highlight-lightest-content: #fffaad;
    --theme-color-support-highlight-light-content: #ffe458;
    --theme-color-support-highlight-medium-content: #ffc722;
    --theme-color-neutral-lightest-content: #fff;
    --theme-color-neutral-light-content: #f8f8f8;
    --theme-color-neutral-medium-content: #dbdbdb;
    --theme-color-neutral-dark-content: #525252;
    --theme-color-neutral-darkest-content: #1f1d1d;
    --theme-color-brand-primary-darkest-clickable: #83170f;
    --theme-color-brand-primary-dark-clickable: #b41e13;
    --theme-color-brand-primary-medium-clickable: #da291c;
    --theme-color-brand-secondary-darkest-clickable: #005c66;
    --theme-color-brand-primary-light-clickable: #fc867f;
    --theme-color-brand-primary-lightest-clickable: #ffe3e3;
    --theme-color-support-success-light-clickable: #ddf9ed;
    --theme-color-support-success-dark-clickable: #006b4f;
    --theme-color-support-danger-light-clickable: #fffaad;
    --theme-color-support-danger-dark-clickable: #b84d01;
    --theme-color-support-highlight-darkest-clickable: #b84d01;
    --theme-color-support-highlight-dark-clickable: #fb9c2d;
    --theme-color-support-highlight-lightest-clickable: #fffaad;
    --theme-color-support-highlight-light-clickable: #ffe458;
    --theme-color-support-highlight-medium-clickable: #ffc722;
    --theme-color-neutral-lightest-clickable: #fff;
    --theme-color-neutral-light-clickable: #f8f8f8;
    --theme-color-neutral-medium-clickable: #dbdbdb;
    --theme-color-neutral-dark-clickable: #525252;
    --theme-color-neutral-darkest-clickable: #1f1d1d
}

.mdn-u-alignBaseline {
    vertical-align: baseline !important
}

.mdn-u-alignBottom {
    vertical-align: bottom !important
}

.mdn-u-alignMiddle {
    vertical-align: middle !important
}

.mdn-u-alignTop {
    vertical-align: top !important
}

.mdn-u-bgPrimary {
    background-color: var(--theme-background-color--primary) !important
}

.mdn-u-bgSecondary {
    background-color: var(--theme-background-color--secondary) !important
}

.mdn-u-bgGlobal {
    background-color: var(--theme-background-color--global) !important
}

.mdn-u-bgSuccess {
    background-color: var(--theme-background-color--success) !important
}

.mdn-u-bgDanger {
    background-color: var(--theme-background-color--danger) !important
}

.mdn-u-bgAttention {
    background-color: var(--theme-background-color--attention) !important
}

.mdn-u-bgDark {
    background-color: var(--theme-background-color--dark) !important
}

.mdn-u-bgDarkest {
    background-color: var(--theme-background-color--darkest) !important
}

.mdn-u-bgLight {
    background-color: var(--theme-background-color--light) !important
}

.mdn-u-bgNeutral {
    background-color: var(--theme-background-color--neutral) !important
}

.mdn-u-bgDefault {
    background-color: var(--theme-background-color--default) !important
}

.mdn-u-border {
    border: var(--theme-border-width-thin) var(--theme-border-style-default) var(--theme-color-neutral-medium)
}

.mdn-u-color--primary {
    color: var(--theme-text-color--primary) !important
}

.mdn-u-color--secondary {
    color: var(--theme-text-color--secondary) !important
}

.mdn-u-color--global {
    color: var(--theme-text-color--global) !important
}

.mdn-u-color--success {
    color: var(--theme-text-color--success) !important
}

.mdn-u-color--danger {
    color: var(--theme-text-color--danger) !important
}

.mdn-u-color--attention {
    color: var(--theme-text-color--attention) !important
}

.mdn-u-color--dark {
    color: var(--theme-text-color--dark) !important
}

.mdn-u-color--darkest {
    color: var(--theme-text-color--darkest) !important
}

.mdn-u-color--light {
    color: var(--theme-text-color--light) !important
}

.mdn-u-color--neutral {
    color: var(--theme-text-color--neutral) !important
}

.mdn-u-color--default {
    color: var(--theme-text-color--default) !important
}

.mdn-u-block {
    display: block !important
}

.mdn-u-hidden {
    display: none !important
}

.mdn-u-hiddenVisually {
    border: 0 !important;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem) !important;
    height: .0625rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: .0625rem !important
}

.mdn-u-inline {
    display: inline !important
}

.mdn-u-inlineBlock {
    display: inline-block !important;
    max-width: 100%
}

.mdn-u-table {
    display: table !important
}

.mdn-u-tableCell {
    display: table-cell !important
}

.mdn-u-tableRow {
    display: table-row !important
}

.mdn-u-flex {
    display: flex !important
}

.mdn-u-flexInline {
    display: inline-flex !important
}

.mdn-u-flexRow {
    flex-direction: row !important
}

.mdn-u-flexRowReverse {
    flex-direction: row-reverse !important
}

.mdn-u-flexCol {
    flex-direction: column !important
}

.mdn-u-flexColReverse {
    flex-direction: column-reverse !important
}

.mdn-u-flexWrap {
    flex-wrap: wrap !important
}

.mdn-u-flexNoWrap {
    flex-wrap: nowrap !important
}

.mdn-u-flexWrapReverse {
    flex-wrap: wrap-reverse !important
}

.mdn-u-flexJustifyStart {
    justify-content: flex-start !important
}

.mdn-u-flexJustifyEnd {
    justify-content: flex-end !important
}

.mdn-u-flexJustifyCenter {
    justify-content: center !important
}

.mdn-u-flexJustifyBetween {
    justify-content: space-between !important
}

.mdn-u-flexJustifyAround {
    justify-content: space-around !important
}

.mdn-u-flexAlignItemsStart {
    align-items: flex-start !important
}

.mdn-u-flexAlignItemsEnd {
    align-items: flex-end !important
}

.mdn-u-flexAlignItemsCenter {
    align-items: center !important
}

.mdn-u-flexAlignItemsStretch {
    align-items: stretch !important
}

.mdn-u-flexAlignItemsBaseline {
    align-items: baseline !important
}

.mdn-u-flexAlignContentStart {
    align-content: flex-start !important
}

.mdn-u-flexAlignContentEnd {
    align-content: flex-end !important
}

.mdn-u-flexAlignContentCenter {
    align-content: center !important
}

.mdn-u-flexAlignContentStretch {
    align-content: stretch !important
}

.mdn-u-flexAlignContentBetween {
    align-content: space-between !important
}

.mdn-u-flexAlignContentAround {
    align-content: space-around !important
}

.mdn-u-flexAlignSelfStart {
    align-self: flex-start !important
}

.mdn-u-flexAlignSelfEnd {
    align-self: flex-end !important
}

.mdn-u-flexAlignSelfCenter {
    align-self: center !important
}

.mdn-u-flexAlignSelfStretch {
    align-self: stretch !important
}

.mdn-u-flexAlignSelfBaseline {
    align-self: baseline !important
}

.mdn-u-flexAlignSelfAuto {
    align-self: auto !important
}

.mdn-u-flexOrderFirst {
    order: -1 !important
}

.mdn-u-flexOrderLast {
    order: 1 !important
}

.mdn-u-flexOrderNone {
    order: 0 !important
}

.mdn-u-flexGrow1 {
    flex: 1 1 0% !important
}

.mdn-u-flexGrow2 {
    flex: 2 1 0% !important
}

.mdn-u-flexGrow3 {
    flex: 3 1 0% !important
}

.mdn-u-flexGrow4 {
    flex: 4 1 0% !important
}

.mdn-u-flexGrow5 {
    flex: 5 1 0% !important
}

.mdn-u-flexShrink0 {
    flex-shrink: 0 !important
}

.mdn-u-flexShrink1 {
    flex-shrink: 1 !important
}

.mdn-u-flexShrink2 {
    flex-shrink: 2 !important
}

.mdn-u-flexShrink3 {
    flex-shrink: 3 !important
}

.mdn-u-flexShrink4 {
    flex-shrink: 4 !important
}

.mdn-u-flexShrink5 {
    flex-shrink: 5 !important
}

.mdn-u-flexExpand {
    margin: auto !important
}

.mdn-u-flexExpandLeft {
    margin-left: auto !important
}

.mdn-u-flexExpandRight {
    margin-right: auto !important
}

.mdn-u-flexExpandTop {
    margin-top: auto !important
}

.mdn-u-flexExpandBottom {
    margin-bottom: auto !important
}

.mdn-u-flexBasisAuto {
    flex-basis: auto !important
}

.mdn-u-flexBasis0 {
    flex-basis: 0 !important
}

.mdn-u-flexInitial {
    flex: 0 1 auto !important;
    flex-basis: auto !important
}

.mdn-u-flexAuto {
    flex: 1 1 auto !important;
    flex-basis: auto !important
}

.mdn-u-flexNone {
    flex: 0 0 auto !important;
    flex-basis: auto !important
}

.mdn-u-cf:after,
.mdn-u-cf:before {
    content: " ";
    display: table
}

.mdn-u-cf:after {
    clear: both
}

.mdn-u-nbfc {
    overflow: hidden !important
}

.mdn-u-nbfcAlt {
    display: table-cell !important;
    width: 625rem !important
}

.mdn-u-floatLeft {
    float: left !important
}

.mdn-u-floatRight {
    float: right !important
}

.mdn-u-posAbsolute,
.mdn-u-posAbsoluteCenter,
.mdn-u-posFit {
    position: absolute !important
}

.mdn-u-posAbsoluteCenter,
.mdn-u-posFixedCenter {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important
}

.mdn-u-posFit,
.mdn-u-posFullScreen {
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    right: 0 !important;
    top: 0 !important
}

.mdn-u-posFixed,
.mdn-u-posFixedCenter,
.mdn-u-posFullScreen {
    backface-visibility: hidden;
    position: fixed !important
}

.mdn-u-posRelative {
    position: relative !important
}

.mdn-u-posStatic {
    position: static !important
}

.mdn-u-reset {
    margin: initial;
    line-height: normal;
    color: inherit;
    text-decoration: none;
    list-style: none
}

.mdn-u-reset,
.mdn-u-resetPadding {
    padding: initial
}

.mdn-u-resetMargin {
    margin: initial
}

.mdn-u-resetLineHeight {
    line-height: normal
}

.mdn-u-resetColor {
    color: inherit
}

.mdn-u-resetTextDecoration {
    text-decoration: none
}

.mdn-u-resetListStyle {
    list-style: none
}

.mdn-u-level1-shadow {
    box-shadow: var(--theme-shadow--level-1) var(--theme-shadow-color--default)
}

.mdn-u-level2-shadow {
    box-shadow: var(--theme-shadow--level-2) var(--theme-shadow-color--default)
}

.mdn-u-level3-shadow {
    box-shadow: var(--theme-shadow--level-3) var(--theme-shadow-color--default)
}

.mdn-u-level4-shadow {
    box-shadow: var(--theme-shadow--level-4) var(--theme-shadow-color--default)
}

.mdn-u-size1of12 {
    flex-basis: auto !important;
    width: 8.33333% !important
}

.mdn-u-size1of10 {
    flex-basis: auto !important;
    width: 10% !important
}

.mdn-u-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important
}

.mdn-u-size1of6,
.mdn-u-size2of12 {
    flex-basis: auto !important;
    width: 16.66667% !important
}

.mdn-u-size1of5,
.mdn-u-size2of10 {
    flex-basis: auto !important;
    width: 20% !important
}

.mdn-u-size1of4,
.mdn-u-size2of8,
.mdn-u-size3of12 {
    flex-basis: auto !important;
    width: 25% !important
}

.mdn-u-size3of10 {
    flex-basis: auto !important;
    width: 30% !important
}

.mdn-u-size1of3,
.mdn-u-size2of6,
.mdn-u-size4of12 {
    flex-basis: auto !important;
    width: 33.33333% !important
}

.mdn-u-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important
}

.mdn-u-size2of5,
.mdn-u-size4of10 {
    flex-basis: auto !important;
    width: 40% !important
}

.mdn-u-size5of12 {
    flex-basis: auto !important;
    width: 41.66667% !important
}

.mdn-u-size1of2,
.mdn-u-size2of4,
.mdn-u-size3of6,
.mdn-u-size4of8,
.mdn-u-size5of10,
.mdn-u-size6of12 {
    flex-basis: auto !important;
    width: 50% !important
}

.mdn-u-size7of12 {
    flex-basis: auto !important;
    width: 58.33333% !important
}

.mdn-u-size3of5,
.mdn-u-size6of10 {
    flex-basis: auto !important;
    width: 60% !important
}

.mdn-u-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important
}

.mdn-u-size2of3,
.mdn-u-size4of6,
.mdn-u-size8of12 {
    flex-basis: auto !important;
    width: 66.66667% !important
}

.mdn-u-size7of10 {
    flex-basis: auto !important;
    width: 70% !important
}

.mdn-u-size3of4,
.mdn-u-size6of8,
.mdn-u-size9of12 {
    flex-basis: auto !important;
    width: 75% !important
}

.mdn-u-size4of5,
.mdn-u-size8of10 {
    flex-basis: auto !important;
    width: 80% !important
}

.mdn-u-size5of6,
.mdn-u-size10of12 {
    flex-basis: auto !important;
    width: 83.33333% !important
}

.mdn-u-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important
}

.mdn-u-size9of10 {
    flex-basis: auto !important;
    width: 90% !important
}

.mdn-u-size11of12 {
    width: 91.66667% !important
}

.mdn-u-size11of12,
.mdn-u-sizeFit {
    flex-basis: auto !important
}

.mdn-u-sizeFill {
    flex: 1 1 0% !important;
    flex-basis: 0% !important
}

.mdn-u-sizeFillAlt {
    flex: 1 1 auto !important;
    flex-basis: auto !important
}

.mdn-u-sizeFull {
    width: 100% !important
}

.mdn-u-marginTop--xxxs {
    margin-top: var(--theme-spacing-stack-xxxs)
}

.mdn-u-marginTop--xxs {
    margin-top: var(--theme-spacing-stack-xxs)
}

.mdn-u-marginTop--xs {
    margin-top: var(--theme-spacing-stack-xs)
}

.mdn-u-marginTop--sm {
    margin-top: var(--theme-spacing-stack-sm)
}

.mdn-u-marginTop--md {
    margin-top: var(--theme-spacing-stack-md)
}

.mdn-u-marginTop--lg {
    margin-top: var(--theme-spacing-stack-lg)
}

.mdn-u-marginTop--none {
    margin-top: 0
}

.mdn-u-marginRight--xxxs {
    margin-right: var(--theme-spacing-stack-xxxs)
}

.mdn-u-marginRight--xxs {
    margin-right: var(--theme-spacing-stack-xxs)
}

.mdn-u-marginRight--xs {
    margin-right: var(--theme-spacing-stack-xs)
}

.mdn-u-marginRight--sm {
    margin-right: var(--theme-spacing-stack-sm)
}

.mdn-u-marginRight--md {
    margin-right: var(--theme-spacing-stack-md)
}

.mdn-u-marginRight--lg {
    margin-right: var(--theme-spacing-stack-lg)
}

.mdn-u-marginRight--none {
    margin-right: 0
}

.mdn-u-marginBottom--xxxs {
    margin-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-u-marginBottom--xxs {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-u-marginBottom--xs {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-u-marginBottom--sm {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-u-marginBottom--md {
    margin-bottom: var(--theme-spacing-stack-md)
}

.mdn-u-marginBottom--lg {
    margin-bottom: var(--theme-spacing-stack-lg)
}

.mdn-u-marginBottom--none {
    margin-bottom: 0
}

.mdn-u-marginLeft--xxxs {
    margin-left: var(--theme-spacing-stack-xxxs)
}

.mdn-u-marginLeft--xxs {
    margin-left: var(--theme-spacing-stack-xxs)
}

.mdn-u-marginLeft--xs {
    margin-left: var(--theme-spacing-stack-xs)
}

.mdn-u-marginLeft--sm {
    margin-left: var(--theme-spacing-stack-sm)
}

.mdn-u-marginLeft--md {
    margin-left: var(--theme-spacing-stack-md)
}

.mdn-u-marginLeft--lg {
    margin-left: var(--theme-spacing-stack-lg)
}

.mdn-u-marginLeft--none {
    margin-left: 0
}

.mdn-u-margin--xxxs {
    margin: var(--theme-spacing-stack-xxxs)
}

.mdn-u-margin--xxs {
    margin: var(--theme-spacing-stack-xxs)
}

.mdn-u-margin--xs {
    margin: var(--theme-spacing-stack-xs)
}

.mdn-u-margin--sm {
    margin: var(--theme-spacing-stack-sm)
}

.mdn-u-margin--md {
    margin: var(--theme-spacing-stack-md)
}

.mdn-u-margin--lg {
    margin: var(--theme-spacing-stack-lg)
}

.mdn-u-margin--none {
    margin: 0
}

.mdn-u-paddingTop--xxxs {
    padding-top: var(--theme-spacing-stack-xxxs)
}

.mdn-u-paddingTop--xxs {
    padding-top: var(--theme-spacing-stack-xxs)
}

.mdn-u-paddingTop--xs {
    padding-top: var(--theme-spacing-stack-xs)
}

.mdn-u-paddingTop--sm {
    padding-top: var(--theme-spacing-stack-sm)
}

.mdn-u-paddingTop--md {
    padding-top: var(--theme-spacing-stack-md)
}

.mdn-u-paddingTop--lg {
    padding-top: var(--theme-spacing-stack-lg)
}

.mdn-u-paddingTop--none {
    padding-top: 0
}

.mdn-u-paddingRight--xxxs {
    padding-right: var(--theme-spacing-stack-xxxs)
}

.mdn-u-paddingRight--xxs {
    padding-right: var(--theme-spacing-stack-xxs)
}

.mdn-u-paddingRight--xs {
    padding-right: var(--theme-spacing-stack-xs)
}

.mdn-u-paddingRight--sm {
    padding-right: var(--theme-spacing-stack-sm)
}

.mdn-u-paddingRight--md {
    padding-right: var(--theme-spacing-stack-md)
}

.mdn-u-paddingRight--lg {
    padding-right: var(--theme-spacing-stack-lg)
}

.mdn-u-paddingRight--none {
    padding-right: 0
}

.mdn-u-paddingBottom--xxxs {
    padding-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-u-paddingBottom--xxs {
    padding-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-u-paddingBottom--xs {
    padding-bottom: var(--theme-spacing-stack-xs)
}

.mdn-u-paddingBottom--sm {
    padding-bottom: var(--theme-spacing-stack-sm)
}

.mdn-u-paddingBottom--md {
    padding-bottom: var(--theme-spacing-stack-md)
}

.mdn-u-paddingBottom--lg {
    padding-bottom: var(--theme-spacing-stack-lg)
}

.mdn-u-paddingBottom--none {
    padding-bottom: 0
}

.mdn-u-paddingLeft--xxxs {
    padding-left: var(--theme-spacing-stack-xxxs)
}

.mdn-u-paddingLeft--xxs {
    padding-left: var(--theme-spacing-stack-xxs)
}

.mdn-u-paddingLeft--xs {
    padding-left: var(--theme-spacing-stack-xs)
}

.mdn-u-paddingLeft--sm {
    padding-left: var(--theme-spacing-stack-sm)
}

.mdn-u-paddingLeft--md {
    padding-left: var(--theme-spacing-stack-md)
}

.mdn-u-paddingLeft--lg {
    padding-left: var(--theme-spacing-stack-lg)
}

.mdn-u-paddingLeft--none {
    padding-left: 0
}

.mdn-u-padding--xxxs {
    padding: var(--theme-spacing-stack-xxxs)
}

.mdn-u-padding--xxs {
    padding: var(--theme-spacing-stack-xxs)
}

.mdn-u-padding--xs {
    padding: var(--theme-spacing-stack-xs)
}

.mdn-u-padding--sm {
    padding: var(--theme-spacing-stack-sm)
}

.mdn-u-padding--md {
    padding: var(--theme-spacing-stack-md)
}

.mdn-u-padding--lg {
    padding: var(--theme-spacing-stack-lg)
}

.mdn-u-padding--none {
    padding: 0
}

.mdn-u-textBreak {
    word-wrap: break-word !important
}

.mdn-u-textCenter {
    text-align: center !important
}

.mdn-u-textLeft {
    text-align: left !important
}

.mdn-u-textRight {
    text-align: right !important
}

.mdn-u-textBold {
    font-weight: var(--theme-font-weight-bold)
}

.mdn-u-textMedium {
    font-weight: var(--theme-font-weight-medium)
}

.mdn-u-textRegular {
    font-weight: var(--theme-font-weight-regular)
}

.mdn-u-textItalic {
    font-weight: var(--theme-text-italic)
}

.mdn-u-textInheritColor {
    color: inherit !important
}

.mdn-u-textKern {
    font-feature-settings: "kern"1;
    font-kerning: normal;
    text-rendering: optimizeLegibility
}

.mdn-u-textNoWrap,
.mdn-u-textTruncate {
    white-space: nowrap !important
}

.mdn-u-textTruncate {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: normal !important
}

.cms-scroll-container .mdn-Menu-subSubMenu-back {
    opacity: 0;
    z-index: 2
}

.mdn-u-Contrast--border,
.mdn-u-Contrast--clickable--border {
    border: var(--theme-border-width-thin) var(--theme-background-color--contrast--clickable) var(--theme-border-style-default)
}

.mdn-u-Contrast--clickable--bg {
    background-color: var(--theme-background-color--contrast--clickable)
}

.mdn-u-Contrast--bg {
    background-color: var(--theme-background-color--contrast)
}

.mdn-u-Contrast--clickable--text,
.mdn-u-Contrast--text {
    color: var(--theme-color--contrast--text)
}

.mdn-isTabbing .mdn-Checkbox:focus-within,
.mdn-isTabbing .mdn-Radio:focus-within {
    border-radius: var(--theme-border-radius--default);
    outline: auto
}

.mdn-isTabbing .mdn-Accordion-content:focus,
.mdn-isTabbing .mdn-Accordion-toggle:focus {
    outline: auto
}

.mdn-isTabbing .mdn-TabSelect-anchor:focus-visible {
    outline-width: var(--theme-border-width-thin)
}

.mdn-Swiper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    padding-bottom: var(--theme-spacing-stack-lg)
}

.mdn-Swiper-no-flexbox .mdn-Swiper-slide {
    float: left
}

.mdn-Swiper-vertical>.mdn-Swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mdn-Swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform, -webkit-transform
}

.mdn-Swiper-android .mdn-Swiper-slide,
.mdn-Swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mdn-Swiper-multirow>.mdn-Swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mdn-Swiper-free-mode>.mdn-Swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.mdn-Swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: flex;
    flex-wrap: wrap
}

.mdn-Swiper-slide-invisible-blank {
    visibility: hidden
}

.mdn-Swiper-autoheight,
.mdn-Swiper-autoheight .mdn-Swiper-slide {
    height: auto
}

.mdn-Swiper-autoheight .mdn-Swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.mdn-Swiper-3d {
    -webkit-perspective: 75rem;
    perspective: 75rem
}

.mdn-Swiper-3d .mdn-Swiper-cube-shadow,
.mdn-Swiper-3d .mdn-Swiper-slide,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-bottom,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-left,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-right,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-top,
.mdn-Swiper-3d .mdn-Swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.mdn-Swiper-3d .mdn-Swiper-slide-shadow-bottom,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-left,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-right,
.mdn-Swiper-3d .mdn-Swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.mdn-Swiper-3d .mdn-Swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.mdn-Swiper-3d .mdn-Swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.mdn-Swiper-3d .mdn-Swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.mdn-Swiper-3d .mdn-Swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.mdn-Swiper-wp8-horizontal,
.mdn-Swiper-wp8-horizontal>.mdn-Swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.mdn-Swiper-wp8-vertical,
.mdn-Swiper-wp8-vertical>.mdn-Swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.mdn-Swiper-button-next,
.mdn-Swiper-button-prev {
    position: relative;
    bottom: 0;
    width: 1.6875rem;
    height: 2.75rem;
    z-index: 2;
    cursor: pointer;
    background-size: 1.6875rem 2.75rem;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-flex;
    margin-top: var(--theme-spacing-stack-sm)
}

.mdn-Swiper-button-next.mdn-Swiper-button-disabled,
.mdn-Swiper-button-prev.mdn-Swiper-button-disabled {
    opacity: .35;
    pointer-events: none;
    cursor: not-allowed
}

.mdn-Swiper-button-prev,
.mdn-Swiper-rtl .mdn-Swiper-button-next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-background-Swiper-bullet-background-default);
    width: var(--theme-spacing-inset-xl);
    height: var(--theme-spacing-inset-xl);
    right: auto;
    color: var(--theme-background-Swiper-bullet-icon-default);
    border: var(--theme-borderWidth-Swiper-default) var(--theme-borderStyle-Swiper-default) var(--theme-borderColor-Swiper-default);
    border-radius: var(--theme-borderRadius-Swiper-bullets-default)
}

.mdn-Swiper-button-prev:hover,
.mdn-Swiper-rtl .mdn-Swiper-button-next:hover {
    background-color: var(--theme-background-Swiper-bullet-background-hover);
    color: var(--theme-background-Swiper-bullet-icon-hover);
    transition: all .2s
}

.mdn-Swiper-button-next,
.mdn-Swiper-rtl .mdn-Swiper-button-prev {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-background-Swiper-bullet-background-default);
    width: var(--theme-spacing-inset-xl);
    height: var(--theme-spacing-inset-xl);
    border-radius: var(--theme-borderRadius-Swiper-bullets-default);
    color: var(--theme-background-Swiper-bullet-icon-default);
    border: var(--theme-borderWidth-Swiper-default) var(--theme-borderStyle-Swiper-default) var(--theme-borderColor-Swiper-default)
}

.mdn-Swiper-button-next:hover,
.mdn-Swiper-rtl .mdn-Swiper-button-prev:hover {
    background-color: var(--theme-background-Swiper-bullet-background-hover);
    color: var(--theme-background-Swiper-bullet-icon-hover);
    transition: all .2s
}

.mdn-Swiper--inverse .mdn-Swiper-button-prev,
.mdn-Swiper--inverse .mdn-Swiper-rtl .mdn-Swiper-button-next {
    background-color: var(--theme-background-Swiper-inverse-bullet-background-default);
    color: var(--theme-color-brand-primary-medium);
    border-color: var(--theme-background-Swiper-inverse-bullet-background-default)
}

.mdn-Swiper--inverse .mdn-Swiper-button-prev:hover,
.mdn-Swiper--inverse .mdn-Swiper-rtl .mdn-Swiper-button-next:hover {
    background-color: var(--theme-background-Swiper-inverse-bullet-background-hover);
    color: var(--theme-background-Swiper-inverse-bullet-icon-hover);
    border-color: var(--theme-background-Swiper-inverse-bullet-icon-hover);
    transition: all .2s
}

.mdn-Swiper--inverse .mdn-Swiper-button-next,
.mdn-Swiper--inverse .mdn-Swiper-rtl .mdn-Swiper-button-prev {
    background-color: var(--theme-background-Swiper-inverse-bullet-background-default);
    color: var(--theme-color-brand-primary-medium);
    border-color: var(--theme-background-Swiper-inverse-bullet-background-default)
}

.mdn-Swiper--inverse .mdn-Swiper-button-next:hover,
.mdn-Swiper--inverse .mdn-Swiper-rtl .mdn-Swiper-button-prev:hover {
    background-color: var(--theme-background-Swiper-inverse-bullet-background-hover);
    color: var(--theme-background-Swiper-inverse-bullet-icon-hover);
    border-color: var(--theme-background-Swiper-inverse-bullet-icon-hover);
    transition: all .2s
}

.mdn-Swiper-button-prev.mdn-Swiper-button-white,
.mdn-Swiper-rtl .mdn-Swiper-button-next.mdn-Swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.mdn-Swiper-button-next.mdn-Swiper-button-white,
.mdn-Swiper-rtl .mdn-Swiper-button-prev.mdn-Swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.mdn-Swiper-button-prev.mdn-Swiper-button-black,
.mdn-Swiper-rtl .mdn-Swiper-button-next.mdn-Swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.mdn-Swiper-button-next.mdn-Swiper-button-black,
.mdn-Swiper-rtl .mdn-Swiper-button-prev.mdn-Swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.mdn-Swiper-button-lock {
    display: none
}

.mdn-Swiper-pagination {
    position: sticky;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 2
}

.mdn-Swiper-pagination.mdn-Swiper-pagination-hidden {
    opacity: 0
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-bullets,
.mdn-Swiper-pagination-custom,
.mdn-Swiper-pagination-fraction {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: var(--theme-spacing-stack-xxs);
    text-align: center
}

.mdn-Swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active,
.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.mdn-Swiper-pagination-bullet {
    height: .5rem;
    background: #000;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    padding: .5rem 0
}

.mdn-Swiper-pagination-bullet,
.mdn-Swiper-pagination-bullet:after {
    width: var(--theme-font-size-sm);
    display: inline-block;
    opacity: 1;
    transition: .3s ease-out
}

.mdn-Swiper-pagination-bullet:after {
    content: "";
    height: .25rem;
    background-color: var(--theme-backgroundColor-Swiper-pagination-bullet-default);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    border-radius: var(--theme-border-radius-pill)
}

.mdn-Swiper-pagination-bullet:hover:after {
    background-color: var(--theme-backgroundColor-bullet-hover)
}

button.mdn-Swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdn-Swiper-pagination-clickable .mdn-Swiper-pagination-bullet {
    cursor: pointer
}

.mdn-Swiper-pagination-bullet-active {
    opacity: 1;
    width: 2.5rem;
    background-color: none;
    transition: .3s ease-in
}

.mdn-Swiper-pagination-bullet-active:after {
    content: "";
    width: 2.5rem;
    height: .25rem;
    background-color: var(--theme-backgroundColor-Swiper-pagination-bullet-active);
    transition: .3s ease-in
}

.mdn-Swiper-vertical>.mdn-Swiper-pagination-bullets {
    right: .625rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.mdn-Swiper-vertical>.mdn-Swiper-pagination-bullets .mdn-Swiper-pagination-bullet {
    margin: .375rem 0;
    display: block
}

.mdn-Swiper-vertical>.mdn-Swiper-pagination-bullets.mdn-Swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .5rem
}

.mdn-Swiper-vertical>.mdn-Swiper-pagination-bullets.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-bullets .mdn-Swiper-pagination-bullet {
    margin: 0 .25rem
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-bullets.mdn-Swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-bullets.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.mdn-Swiper-horizontal.mdn-Swiper-rtl>.mdn-Swiper-pagination-bullets-dynamic .mdn-Swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.mdn-Swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.mdn-Swiper-pagination-progressbar .mdn-Swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.mdn-Swiper-rtl .mdn-Swiper-pagination-progressbar .mdn-Swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-progressbar,
.mdn-Swiper-vertical>.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-progressbar-opposite {
    width: 100%;
    height: .25rem;
    left: 0;
    top: 0
}

.mdn-Swiper-horizontal>.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-progressbar-opposite,
.mdn-Swiper-vertical>.mdn-Swiper-pagination-progressbar {
    width: .25rem;
    height: 100%;
    left: 0;
    top: 0
}

.mdn-Swiper-pagination-white .mdn-Swiper-pagination-bullet-active {
    background: #fff
}

.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-white .mdn-Swiper-pagination-progressbar-fill {
    background: #fff
}

.mdn-Swiper-pagination-black .mdn-Swiper-pagination-bullet-active {
    background: #000
}

.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.mdn-Swiper-pagination-progressbar.mdn-Swiper-pagination-black .mdn-Swiper-pagination-progressbar-fill {
    background: #000
}

.mdn-Swiper-pagination-lock {
    display: none
}

.mdn-Swiper-scrollbar {
    border-radius: .625rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.mdn-Swiper-horizontal>.mdn-Swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: .1875rem;
    z-index: 50;
    height: .3125rem;
    width: 98%
}

.mdn-Swiper-vertical>.mdn-Swiper-scrollbar {
    position: absolute;
    right: .1875rem;
    top: 1%;
    z-index: 50;
    width: .3125rem;
    height: 98%
}

.mdn-Swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: .625rem;
    left: 0;
    top: 0
}

.mdn-Swiper-scrollbar-cursor-drag {
    cursor: move
}

.mdn-Swiper-scrollbar-lock {
    display: none
}

.mdn-Swiper-zoom {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.mdn-Swiper-zoom>canvas,
.mdn-Swiper-zoom>img,
.mdn-Swiper-zoom>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mdn-Swiper-slide-zoomed {
    cursor: move
}

.mdn-Swiper-lazy-preloader {
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.3125rem;
    margin-top: -1.3125rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.mdn-Swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}



@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mdn-Swiper .mdn-Swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.mdn-Swiper-fade.mdn-Swiper-free-mode .mdn-Swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.mdn-Swiper-fade .mdn-Swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.mdn-Swiper-fade .mdn-Swiper-slide .mdn-Swiper-slide {
    pointer-events: none
}

.mdn-Swiper-fade .mdn-Swiper-slide-active,
.mdn-Swiper-fade .mdn-Swiper-slide-active .mdn-Swiper-slide-active {
    pointer-events: auto
}

.mdn-Swiper-cube {
    overflow: visible
}

.mdn-Swiper-cube .mdn-Swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.mdn-Swiper-cube .mdn-Swiper-slide .mdn-Swiper-slide {
    pointer-events: none
}

.mdn-Swiper-cube.mdn-Swiper-rtl .mdn-Swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.mdn-Swiper-cube .mdn-Swiper-slide-active,
.mdn-Swiper-cube .mdn-Swiper-slide-active .mdn-Swiper-slide-active {
    pointer-events: auto
}

.mdn-Swiper-cube .mdn-Swiper-slide-active,
.mdn-Swiper-cube .mdn-Swiper-slide-next,
.mdn-Swiper-cube .mdn-Swiper-slide-next+.mdn-Swiper-slide,
.mdn-Swiper-cube .mdn-Swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.mdn-Swiper-cube .mdn-Swiper-slide-shadow-bottom,
.mdn-Swiper-cube .mdn-Swiper-slide-shadow-left,
.mdn-Swiper-cube .mdn-Swiper-slide-shadow-right,
.mdn-Swiper-cube .mdn-Swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mdn-Swiper-cube .mdn-Swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(3.125rem);
    filter: blur(3.125rem);
    z-index: 0
}

.mdn-Swiper-flip {
    overflow: visible
}

.mdn-Swiper-flip .mdn-Swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.mdn-Swiper-flip .mdn-Swiper-slide .mdn-Swiper-slide {
    pointer-events: none
}

.mdn-Swiper-flip .mdn-Swiper-slide-active,
.mdn-Swiper-flip .mdn-Swiper-slide-active .mdn-Swiper-slide-active {
    pointer-events: auto
}

.mdn-Swiper-flip .mdn-Swiper-slide-shadow-bottom,
.mdn-Swiper-flip .mdn-Swiper-slide-shadow-left,
.mdn-Swiper-flip .mdn-Swiper-slide-shadow-right,
.mdn-Swiper-flip .mdn-Swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mdn-Swiper-coverflow .mdn-Swiper-wrapper {
    -ms-perspective: 75rem
}

.mdn-Accordion {
    width: 100%;
    border: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-borderColor-Accordion-default);
    border-radius: var(--theme-borderRadius-Accordion-body-default);
    overflow: hidden
}

.mdn-Accordion-box {
    cursor: pointer
}

.mdn-Accordion-box:last-child:not(.is-expanded) .mdn-Accordion-toggle {
    border-bottom: none
}

.mdn-Accordion-box .mdn-Accordion-icon {
    color: var(--theme-color-Accordion-icon-default);
    margin-left: var(--theme-spacing-inline-sm)
}

.mdn-Accordion-box .mdn-Text.mdn-Accordion-toggle {
    color: var(--theme-color-Accordion-toggle-default)
}

.mdn-Accordion-box.is-expanded .mdn-Accordion-content {
    height: auto;
    display: block;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    padding: var(--theme-spacing-inset-md);
    transition: all .2s
}

.mdn-Accordion-box.is-expanded .mdn-Accordion-icon {
    transform: rotate(180deg);
    transform-origin: center;
    color: var(--color-neutral-darkest)
}

.mdn-Accordion-toggle {
    height: auto;
    width: 100%;
    outline: none;
    display: flex;
    justify-content: space-between;
    padding: var(--theme-spacing-inset-lg) var(--theme-spacing-inset-md);
    border-bottom: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-borderColor-Accordion-body-default);
    text-decoration: none;
    color: var(--theme-color-neutral-darkest);
    align-items: center;
    background-color: var(--theme-backgroundColor-Accordion-header-default);
    transition: all .2s
}

.mdn-Accordion-toggle-content {
    padding-right: var(--spacing-inline-sm)
}

.mdn-Accordion-toggle .mdn-Accordion-icon {
    transition: all .3s
}

.mdn-Accordion-content {
    height: 0;
    outline: none;
    padding: 0 var(--theme-spacing-stack-sm);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: var(--theme-background-color--light);
    transition: all .2s
}

.mdn-Accordion--onlyChild {
    border: none;
    border-bottom: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-borderColor-Accordion-default);
    border-radius: var(--theme-borderRadius-Accordion-body-default)
}

.mdn-Accordion--onlyChild .mdn-Accordion-content {
    background: var(--theme-background-color--lightest)
}

.mdn-Accordion--onlyChild .mdn-Accordion-toggle {
    border: none
}

.mdn-Avatar {
    background-color: var(--theme-background-Avatar-color--light);
    color: var(--theme-text-color-Text--inverse);
    border-radius: var(--theme-border-radius-circle);
    position: relative;
    border: var(--theme-borderWidth-Avatar-default) var(--theme-border-style--default) var(--theme-borderColor-Avatar-default)
}

.mdn-Avatar,
.mdn-Avatar-notification {
    display: flex;
    align-items: center;
    justify-content: center
}

.mdn-Avatar-notification {
    content: "0";
    border-radius: var(--theme-border-radius-circle);
    background-color: var(--theme-background-color--primary);
    position: absolute;
    top: 0;
    right: 0;
    font-family: var(--theme-font-family--default);
    font-weight: var(--theme-font-weight-medium);
    width: var(--theme-font-size-xs);
    height: var(--theme-font-size-xs);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Avatar-notification-default);
    font-size: var(--theme-font-size-xxxs)
}

.mdn-Avatar-notification-disabled {
    display: none
}

.mdn-Avatar--lg {
    width: 4.5rem;
    height: 4.5rem
}

.mdn-Avatar--md {
    width: 3rem;
    height: 3rem
}

.mdn-Avatar--md .mdn-Avatar-notification {
    width: var(--theme-font-size-xxs);
    height: var(--theme-font-size-xxs);
    border-width: var(--theme-border-width--default);
    font-size: var(--theme-font-size-xxxs);
    top: 0;
    right: -.0625rem
}

.mdn-Avatar--sm {
    width: 2rem;
    height: 2rem
}

.mdn-Avatar--sm .mdn-Avatar-notification {
    width: var(--theme-font-size-xxxs);
    height: var(--theme-font-size-xxxs);
    border-width: var(--theme-border-width--default);
    font-size: var(--theme-font-size-xxxs);
    top: 0;
    right: -.125rem
}

.mdn-Avatar-image {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 50%
}

.mdn-Avatar-image img {
    max-width: 100%
}

.mdn-Avatar-icon {
    position: absolute;
    color: var(--theme-Color-Avatar-icon)
}

.mdn-Avatar-icon-md {
    font-size: var(--theme-font-size-sm)
}

.mdn-Avatar-icon-sm {
    font-size: var(--theme-font-size-xxs)
}

.mdn-Avatar--action {
    cursor: pointer
}

.mdn-Avatar--action:hover {
    transition: all .2s;
    opacity: var(--theme-opacity-semi-opaque)
}

.mdn-Brand {
    background-color: var(--theme-color-neutral-lightest);
    color: var(--theme-text-color-Text--inverse);
    border-radius: var(--theme-border-radius-circle);
    border: solid var(--theme-color-neutral-medium);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.mdn-Brand--lg {
    width: 4.5rem;
    height: 4.5rem;
    border-width: var(--theme-border-width-medium);
    padding: calc(var(--theme-spacing-inset-xxs)/2)
}

.mdn-Brand--lg .mdn-Brand-image {
    max-height: calc(100% - 1.125rem);
    max-width: calc(100% - 1.125rem);
    object-fit: contain
}

.mdn-Brand--md {
    width: 3rem;
    height: 3rem;
    border-width: var(--theme-border-width-thin);
    padding: calc(var(--theme-spacing-inset-xxs)/4)
}

.mdn-Brand--md .mdn-Brand-image {
    max-height: calc(100% - .8125rem);
    max-width: calc(100% - .8125rem);
    object-fit: contain
}

.mdn-Brand--sm {
    width: 2rem;
    height: 2rem;
    border-width: var(--theme-border-width-thin);
    padding: calc(var(--theme-spacing-inset-xxs)/4)
}

.mdn-Brand--sm .mdn-Brand-image {
    max-height: calc(100% - .5rem);
    max-width: calc(100% - .5rem);
    object-fit: contain
}

.mdn-Brand-image {
    overflow: hidden;
    display: flex
}

.mdn-Banner--simple .mdn-Banner--slide {
    height: 26.25rem
}

.mdn-Banner-wrapper {
    height: 26.25rem;
    width: 100%
}

.mdn-Banner--slide {
    height: 44.25rem
}

.mdn-Banner-item {
    height: 26.25rem;
    background-repeat: no-repeat;
    background-size: cover
}

.mdn-Banner--left .mdn-Banner-item,
.mdn-Banner--right .mdn-Banner-item {
    background: var(--theme-background-color--primary)
}

.mdn-Banner--sample .mdn-Banner-item {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/site-mondrian.appspot.com/o/storybook_files%2FBanner-Example2.jpg?alt=media&token=51c16a61-3c32-41f4-8867-e1617b01d519);
    background-position-x: 25%
}

.mdn-Banner--sample .mdn-Banner-shape {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-titleGroup .mdn-Heading--sm {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands {
    display: flex
}

.mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands-group {
    display: flex;
    justify-content: space-between;
    width: 21.5625rem;
    flex-direction: column
}

@media screen and (min-width:47.9375rem) {
    .mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands-group {
        flex-direction: row
    }
}

.mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands-group-item {
    display: flex;
    align-items: center;
    margin-bottom: var(--theme-spacing-stack-sm)
}

@media screen and (min-width:47.9375rem) {
    .mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands-group-item {
        width: 11.625rem;
        margin-bottom: 0
    }
}

.mdn-Banner--sample .mdn-Banner-shape .mdn-Banner--sample-brands-group-item p {
    position: relative;
    top: .125rem;
    margin-left: .3125rem
}

.mdn-Banner-shape {
    max-height: 25rem;
    min-height: 20rem;
    width: 100%;
    flex: 1;
    align-self: flex-end;
    transform: translateY(19.25rem);
    margin-bottom: var(--theme-spacing-stack-sm);
    padding: var(--theme-spacing-inset-sm);
    background-color: var(--theme-background-color--default);
    border-radius: var(--theme-border-radius-xs)
}

@media screen and (max-width:47.9375rem) {

    .mdn-Banner-shape .mdn-Heading--inverse,
    .mdn-Banner-shape .mdn-Subtitle--inverse,
    .mdn-Banner-shape .mdn-Text--inverse {
        color: var(--theme-text-color--default) !important
    }
}

@media screen and (min-width:47.9375rem) {

    .mdn-Banner--transparency .mdn-Banner-shape,
    .mdn-Banner--transparent .mdn-Banner-shape {
        background-color: var(--theme-backgroundColor-Shape-transparent)
    }
}

@media screen and (min-width:47.9375rem) {
    .mdn-Banner--white .mdn-Banner-shape {
        background-color: var(--theme-background-color--lightest)
    }
}

@media screen and (min-width:47.9375rem) {
    .mdn-Banner--slide {
        height: 26.25rem
    }

    .mdn-Banner--right {
        background-position-x: 32%
    }

    .mdn-Banner--left {
        background-position-x: 64%
    }

    .mdn-Banner-shape {
        transform: translateY(0);
        margin: var(--theme-spacing-stack-lg) 0
    }
}

@media screen and (min-width:90rem) {

    .mdn-Banner--left,
    .mdn-Banner--right {
        background-position-x: center
    }

    .mdn-Banner-shape {
        padding: var(--theme-spacing-inset-md)
    }
}

.mdn-Banner-item img,
.mdn-Banner-item picture {
    width: 100%;
    display: block
}

.mdn-Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: var(--theme-text-decoration-Button);
    border-width: var(--theme-border-width--default);
    border-style: var(--theme-border-style--default);
    border-radius: var(--theme-border-radius--Button);
    font-family: var(--theme-font-family--Button);
    font-weight: var(--theme-font-weight--Button);
    text-align: center;
    text-transform: var(--theme-text-transform--Button);
    white-space: nowrap;
    cursor: pointer;
    min-width: 6.875rem;
    height: 2.5rem;
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xs);
    padding: var(--theme-spacing-squish-sm);
    position: relative
}

.mdn-Button:hover {
    text-decoration: var(--theme-text-decoration-hover-Button)
}

.mdn-Button .mdn-Button--disabled,
.mdn-Button[aria-disabled=true],
.mdn-Button[disabled=true],
.mdn-Button[disabled] {
    opacity: var(--theme-opacity-medium);
    cursor: not-allowed;
    box-shadow: none !important;
    text-decoration: none !important
}

.mdn-Button--sm {
    min-width: 5rem;
    height: 1.75rem;
    font-size: var(--theme-font-size-xxxs);
    padding: var(--theme-spacing-squish-xs)
}

.mdn-Button--lg,
.mdn-Button--sm {
    line-height: var(--theme-font-line-height-xxxs)
}

.mdn-Button--lg {
    min-width: 8.75rem;
    height: 3rem;
    font-size: var(--theme-font-size-xxs);
    padding: var(--theme-spacing-squish-lg)
}

.mdn-Button--block {
    display: flex;
    width: 100%
}

.mdn-Button--primary {
    background: var(--theme-background-color-Button--primary);
    border-color: var(--theme-border-color-Button--primary);
    color: var(--theme-text-color-Button--primary)
}

.mdn-Button--primaryInverse {
    background: var(--theme-background-color-Button--primary-inverse);
    border-color: var(--theme-border-color-Button--primary-inverse);
    color: var(--theme-text-color-Button--primary-inverse)
}

.mdn-Button--primaryInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--primary-inverse);
    border-color: var(--theme-border-color-Button-hover--primary-inverse);
    color: var(--theme-text-color-Button-hover--primary-inverse);
    transition: all .2s
}

.mdn-Button--primary:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--primary);
    border-color: var(--theme-border-color-Button-hover--primary);
    color: var(--theme-text-color-Button-hover--primary);
    transition: all .2s
}

.mdn-Button--secondary {
    background: var(--theme-background-color-Button--secondary);
    border-color: var(--theme-border-color-Button--secondary);
    color: var(--theme-text-color-Button--secondary)
}

.mdn-Button--secondaryInverse {
    background: var(--theme-background-color-Button--secondary-inverse);
    border-color: var(--theme-border-color-Button--secondary-inverse);
    color: var(--theme-text-color-Button--secondary-inverse)
}

.mdn-Button--secondaryInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--secondary-inverse);
    border-color: var(--theme-border-color-Button-hover--secondary-inverse);
    color: var(--theme-text-color-Button-hover--secondary-inverse);
    transition: all .2s
}

.mdn-Button--secondary:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--secondary);
    border-color: var(--theme-border-color-Button-hover--secondary);
    color: var(--theme-text-color-Button-hover--secondary);
    transition: all .2s
}

.mdn-Button--global {
    background: var(--theme-background-color-Button--global);
    border-color: var(--theme-border-color-Button--global);
    color: var(--theme-text-color-Button--global)
}

.mdn-Button--globalInverse {
    background: var(--theme-background-color-Button--global-inverse);
    border-color: var(--theme-border-color-Button--global-inverse);
    color: var(--theme-text-color-Button--global-inverse)
}

.mdn-Button--globalInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--global-inverse);
    border-color: var(--theme-border-color-Button-hover--global-inverse);
    color: var(--theme-text-color-Button-hover--global-inverse);
    transition: all .2s
}

.mdn-Button--global:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--global);
    border-color: var(--theme-border-color-Button-hover--global);
    color: var(--theme-text-color-Button-hover--global);
    transition: all .2s
}

.mdn-Button--success {
    background: var(--theme-background-color-Button--success);
    border-color: var(--theme-border-color-Button--success);
    color: var(--theme-text-color-Button--success)
}

.mdn-Button--successInverse {
    background: var(--theme-background-color-Button--success-inverse);
    border-color: var(--theme-border-color-Button--success-inverse);
    color: var(--theme-text-color-Button--success-inverse)
}

.mdn-Button--successInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--success-inverse);
    border-color: var(--theme-border-color-Button-hover--success-inverse);
    color: var(--theme-text-color-Button-hover--success-inverse);
    transition: all .2s
}

.mdn-Button--success:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--success);
    border-color: var(--theme-border-color-Button-hover--success);
    color: var(--theme-text-color-Button-hover--success);
    transition: all .2s
}

.mdn-Button--danger {
    background: var(--theme-background-color-Button--danger);
    border-color: var(--theme-border-color-Button--danger);
    color: var(--theme-text-color-Button--danger)
}

.mdn-Button--dangerInverse {
    background: var(--theme-background-color-Button--danger-inverse);
    border-color: var(--theme-border-color-Button--danger-inverse);
    color: var(--theme-text-color-Button--danger-inverse)
}

.mdn-Button--dangerInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--danger-inverse);
    border-color: var(--theme-border-color-Button-hover--danger-inverse);
    color: var(--theme-text-color-Button-hover--danger-inverse);
    transition: all .2s
}

.mdn-Button--danger:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--danger);
    border-color: var(--theme-border-color-Button-hover--danger);
    color: var(--theme-text-color-Button-hover--danger);
    transition: all .2s
}

.mdn-Button--attention {
    background: var(--theme-background-color-Button--attention);
    border-color: var(--theme-border-color-Button--attention);
    color: var(--theme-text-color-Button--attention)
}

.mdn-Button--attentionInverse {
    background: var(--theme-background-color-Button--attention-inverse);
    border-color: var(--theme-border-color-Button--attention-inverse);
    color: var(--theme-text-color-Button--attention-inverse)
}

.mdn-Button--attentionInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--attention-inverse);
    border-color: var(--theme-border-color-Button-hover--attention-inverse);
    color: var(--theme-text-color-Button-hover--attention-inverse);
    transition: all .2s
}

.mdn-Button--attention:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--attention);
    border-color: var(--theme-border-color-Button-hover--attention);
    color: var(--theme-text-color-Button-hover--attention);
    transition: all .2s
}

.mdn-Button--dark {
    background: var(--theme-background-color-Button--dark);
    border-color: var(--theme-border-color-Button--dark);
    color: var(--theme-text-color-Button--dark)
}

.mdn-Button--darkInverse {
    background: var(--theme-background-color-Button--dark-inverse);
    border-color: var(--theme-border-color-Button--dark-inverse);
    color: var(--theme-text-color-Button--dark-inverse)
}

.mdn-Button--darkInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--dark-inverse);
    border-color: var(--theme-border-color-Button-hover--dark-inverse);
    color: var(--theme-text-color-Button-hover--dark-inverse);
    transition: all .2s
}

.mdn-Button--dark:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--dark);
    border-color: var(--theme-border-color-Button-hover--dark);
    color: var(--theme-text-color-Button-hover--dark);
    transition: all .2s
}

.mdn-Button--darkest {
    background: var(--theme-background-color-Button--darkest);
    border-color: var(--theme-border-color-Button--darkest);
    color: var(--theme-text-color-Button--darkest)
}

.mdn-Button--darkestInverse {
    background: var(--theme-background-color-Button--darkest-inverse);
    border-color: var(--theme-border-color-Button--darkest-inverse);
    color: var(--theme-text-color-Button--darkest-inverse)
}

.mdn-Button--darkestInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--darkest-inverse);
    border-color: var(--theme-border-color-Button-hover--darkest-inverse);
    color: var(--theme-text-color-Button-hover--darkest-inverse);
    transition: all .2s
}

.mdn-Button--darkest:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--darkest);
    border-color: var(--theme-border-color-Button-hover--darkest);
    color: var(--theme-text-color-Button-hover--darkest);
    transition: all .2s
}

.mdn-Button--light {
    background: var(--theme-background-color-Button--light);
    border-color: var(--theme-border-color-Button--light);
    color: var(--theme-text-color-Button--light)
}

.mdn-Button--lightInverse {
    background: var(--theme-background-color-Button--light-inverse);
    border-color: var(--theme-border-color-Button--light-inverse);
    color: var(--theme-text-color-Button--light-inverse)
}

.mdn-Button--lightInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--light-inverse);
    border-color: var(--theme-border-color-Button-hover--light-inverse);
    color: var(--theme-text-color-Button-hover--light-inverse);
    transition: all .2s
}

.mdn-Button--light:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--light);
    border-color: var(--theme-border-color-Button-hover--light);
    color: var(--theme-text-color-Button-hover--light);
    transition: all .2s
}

.mdn-Button--neutral {
    background: var(--theme-background-color-Button--neutral);
    border-color: var(--theme-border-color-Button--neutral);
    color: var(--theme-text-color-Button--neutral)
}

.mdn-Button--neutralInverse {
    background: var(--theme-background-color-Button--neutral-inverse);
    border-color: var(--theme-border-color-Button--neutral-inverse);
    color: var(--theme-text-color-Button--neutral-inverse)
}

.mdn-Button--neutralInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--neutral-inverse);
    border-color: var(--theme-border-color-Button-hover--neutral-inverse);
    color: var(--theme-text-color-Button-hover--neutral-inverse);
    transition: all .2s
}

.mdn-Button--neutral:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--neutral);
    border-color: var(--theme-border-color-Button-hover--neutral);
    color: var(--theme-text-color-Button-hover--neutral);
    transition: all .2s
}

.mdn-Button--default {
    background: var(--theme-background-color-Button--default);
    border-color: var(--theme-border-color-Button--default);
    color: var(--theme-text-color-Button--default)
}

.mdn-Button--defaultInverse {
    background: var(--theme-background-color-Button--default-inverse);
    border-color: var(--theme-border-color-Button--default-inverse);
    color: var(--theme-text-color-Button--default-inverse)
}

.mdn-Button--defaultInverse:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--default-inverse);
    border-color: var(--theme-border-color-Button-hover--default-inverse);
    color: var(--theme-text-color-Button-hover--default-inverse);
    transition: all .2s
}

.mdn-Button--default:hover:not([disabled]) {
    background: var(--theme-background-color-Button-hover--default);
    border-color: var(--theme-border-color-Button-hover--default);
    color: var(--theme-text-color-Button-hover--default);
    transition: all .2s
}

.mdn-Button--icon {
    min-width: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: var(--theme-border-radius-circle)
}

.mdn-Button--icon.mdn-Button--secondary {
    border-color: var(--theme-color-neutral-darkest-clickable);
    color: var(--theme-color-neutral-darkest-clickable)
}

.mdn-Button--icon.mdn-Button--secondary:hover {
    border-color: var(--theme-color-neutral-medium-clickable);
    color: var(--theme-color-neutral-darkest-clickable)
}

.mdn-Button--icon .mdn-Icon--md,
.mdn-Button--icon .mdn-Icon--sm,
.mdn-Button--icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mdn-Button--icon .mdn-Icon--md:before,
.mdn-Button--icon .mdn-Icon--sm:before,
.mdn-Button--icon i:before {
    font-size: var(--theme-font-size-xxs)
}

.mdn-Button--iconText {
    text-decoration: none
}

.mdn-Button--iconText .mdn-Icon--sm {
    margin-right: var(--theme-spacing-stack-xxs)
}

.mdn-Card--body img,
.mdn-Card--imageBody--landscape img,
.mdn-Card--imageBody--portrait img,
.mdn-Card-body img,
.mdn-Card-imageBody--landscape img,
.mdn-Card-imageBody--portrait img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.mdn-Card--imageBlackout,
.mdn-Card-imageBlackout {
    flex-direction: column;
    width: 100%;
    position: relative;
    height: 27rem;
    padding: var(--theme-spacing-inset-lg);
    background-color: transparent;
    color: var(--theme-text-color-Text--inverse);
    max-width: 17.25rem;
    flex-direction: row
}

.mdn-Card--imageBlackout-image,
.mdn-Card-imageBlackout-image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    left: 0;
    top: 0
}

.mdn-Card-icons {
    display: flex;
    align-self: start;
    position: absolute;
    top: var(--theme-spacing-inset-lg)
}

.mdn-Card-icons-icon {
    color: #fff;
    z-index: 2;
    margin-right: var(--theme-spacing-inline-xxs);
    text-decoration: none
}

.mdn-Card--imageBody--landscape,
.mdn-Card-imageBody--landscape {
    width: 100%;
    height: 100%;
    box-shadow: var(--theme-shadow--level-1) var(--theme-shadow-color--default);
    background-color: var(--theme-background-color--default);
    max-width: 50%
}

@media (max-width:61.9375rem) {

    .mdn-Card--imageBody--landscape,
    .mdn-Card-imageBody--landscape {
        max-width: none;
        width: 100%
    }
}

.mdn-Card--imageBody--landscape-image,
.mdn-Card-imageBody--landscape-image {
    flex: 0 0 33%
}

.mdn-Card--imageBody--landscape:hover,
.mdn-Card-imageBody--landscape:hover {
    box-shadow: var(--theme-shadow--level-3) var(--theme-shadow-color--default);
    transition: all .2s
}

.mdn-Card--imageBody--landscape-content,
.mdn-Card-imageBody--landscape-content {
    padding: var(--theme-spacing-inset-md)
}

.mdn-Card--imageBody--portrait,
.mdn-Card-imageBody--portrait {
    width: 100%;
    height: 100%;
    box-shadow: var(--theme-shadow--level-1) var(--theme-shadow-color--default);
    background-color: var(--theme-background-color--default);
    flex-direction: column;
    max-width: 17.25rem
}

@media (max-width:33.75rem) {

    .mdn-Card--imageBody--portrait,
    .mdn-Card-imageBody--portrait {
        max-width: none;
        width: 100%
    }
}

.mdn-Card--imageBody--portrait-image,
.mdn-Card-imageBody--portrait-image {
    flex: 0 0 40%
}

.mdn-Card--imageBody--portrait:hover,
.mdn-Card-imageBody--portrait:hover {
    box-shadow: var(--theme-shadow--level-3) var(--theme-shadow-color--default);
    transition: all .2s
}

.mdn-Card--imageBody--portrait-content,
.mdn-Card-imageBody--portrait-content {
    padding: var(--theme-spacing-inset-md)
}

.mdn-Card--body,
.mdn-Card-body {
    width: 100%;
    height: 100%;
    box-shadow: var(--theme-shadow--level-1) var(--theme-shadow-color--default);
    background-color: var(--theme-background-color--default)
}

@media only screen and (min-width:48rem) {

    .mdn-Card--body,
    .mdn-Card-body {
        max-width: 50%
    }
}

.mdn-Card--body:hover,
.mdn-Card-body:hover {
    box-shadow: var(--theme-shadow--level-3) var(--theme-shadow-color--default);
    transition: all .2s
}

.mdn-Card--body-content,
.mdn-Card-body-content {
    padding: var(--theme-spacing-inset-md)
}

.mdn-Card--inverse.mdn-Card--multiple {
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-color-brand-primary-dark)
}

.mdn-Card--multiple,
.mdn-Card--selected {
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-color-brand-primary-medium);
    box-shadow: none;
    transition: all .2s;
    transition-timing-function: ease
}

.mdn-Card {
    display: inline-flex;
    border-radius: var(--theme-border-radius--default);
    overflow: hidden
}

.mdn-Card--imageBlackout,
.mdn-Card-imageBlackout {
    background-size: cover;
    background-position: 50%
}

.mdn-Card--imageBlackout:before,
.mdn-Card-imageBlackout:before {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .88));
    z-index: 1
}

.mdn-Card--colorSurface,
.mdn-Card--surface,
.mdn-Card-colorSurface,
.mdn-Card-surface {
    flex-direction: column;
    width: 100%;
    max-width: 17.25rem;
    position: relative;
    height: 27rem;
    padding: var(--theme-spacing-inset-lg);
    background-color: transparent;
    color: var(--theme-text-color-Text--inverse);
    background-color: var(--theme-background-color--primary)
}

.mdn-CardInstitutional {
    display: inline-flex;
    flex-direction: column;
    width: 18rem;
    border-radius: var(--theme-border-radius--default);
    overflow: hidden;
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) var(--theme-shadow-color--default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium);
    justify-content: space-between;
    height: auto
}

@media only screen and (min-width:18.625rem) {
    .mdn-CardInstitutional {
        width: 16.625rem
    }
}

.mdn-CardInstitutional .mdn-Price {
    width: 100%
}

.mdn-CardInstitutional .mdn-Price-price {
    font-size: var(--theme-font-size-sm)
}

.mdn-CardInstitutional .mdn-Price-price-period {
    font-size: var(--theme-font-size-xxs)
}

.mdn-CardInstitutional--default {
    padding: var(--theme-spacing-inset-sm)
}

.mdn-CardInstitutional-content {
    justify-content: flex-end
}

.mdn-CardInstitutional-content .mdn-Tag.mdn-Tag--highlight {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-CardInstitutional-content .mdn-Tag.mdn-Tag--highlight:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Heading {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-CardInstitutional-content .mdn-Heading:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Text.mdn-Text--body {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-CardInstitutional-content .mdn-Text.mdn-Text--body:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Price {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-CardInstitutional-content .mdn-Price:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Link.mdn-Link--arrow {
    margin-bottom: var(--theme-spacing-stack-sm);
    display: flex;
    width: 100%
}

.mdn-CardInstitutional-content .mdn-Link.mdn-Link--arrow:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Button {
    margin-bottom: var(--theme-spacing-stack-md)
}

.mdn-CardInstitutional-content .mdn-Button:last-child {
    margin-bottom: 0
}

.mdn-CardInstitutional-content .mdn-Topic {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-CardInstitutional-content .mdn-Topic:last-child {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-CardInstitutional--default,
.mdn-CardInstitutional--image,
.mdn-CardInstitutional--video {
    background-color: var(--theme-background-color--default)
}

.mdn-CardInstitutional--defaultThumb,
.mdn-CardInstitutional--imageThumb,
.mdn-CardInstitutional--videoThumb {
    position: relative;
    width: 100%;
    height: 11.083125rem
}

.mdn-CardInstitutional--defaultThumb img,
.mdn-CardInstitutional--imageThumb img,
.mdn-CardInstitutional--videoThumb img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.mdn-CardInstitutional--default .mdn-CardInstitutional-icon,
.mdn-CardInstitutional--image .mdn-CardInstitutional-icon,
.mdn-CardInstitutional--video .mdn-CardInstitutional-icon {
    color: var(--theme-text-color--dark)
}

.mdn-CardInstitutional--image .mdn-CardInstitutional-content,
.mdn-CardInstitutional--inverse,
.mdn-CardInstitutional--video .mdn-CardInstitutional-content {
    padding: var(--theme-spacing-inset-sm)
}

.mdn-CardInstitutional--inverse {
    background-color: var(--theme-background-color--primary);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-brand-primary-dark-content)
}

.mdn-CardInstitutional--inverse .mdn-CardInstitutional-icon {
    color: var(--theme-text-color--inverse)
}

.mdn-CardInstitutional .mdn-CardInstitutional-icon {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-CardProduct,
.mdn-CardRetail {
    display: inline-flex;
    flex-direction: column;
    width: 18rem;
    height: auto;
    border-radius: var(--theme-border-radius--default);
    overflow: hidden;
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) var(--theme-shadow-color--default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium)
}

@media only screen and (min-width:18.625rem) {

    .mdn-CardProduct,
    .mdn-CardRetail {
        width: 16.625rem
    }
}

.mdn-CardProduct .mdn-Price,
.mdn-CardRetail .mdn-Price {
    width: 100%
}

.mdn-CardProduct .mdn-Price-price,
.mdn-CardRetail .mdn-Price-price {
    font-size: var(--theme-font-size-sm)
}

.mdn-CardProduct .mdn-Price-price-period,
.mdn-CardRetail .mdn-Price-price-period {
    font-size: var(--theme-font-size-xxs)
}

.mdn-CardProduct--default,
.mdn-CardRetail--default {
    padding: var(--theme-spacing-inset-sm)
}

.mdn-CardProduct-content,
.mdn-CardRetail-content {
    justify-content: flex-end
}

.mdn-CardProduct-content .mdn-Tag.mdn-Tag--highlight,
.mdn-CardRetail-content .mdn-Tag.mdn-Tag--highlight {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-CardProduct-content .mdn-Tag.mdn-Tag--highlight:last-child,
.mdn-CardRetail-content .mdn-Tag.mdn-Tag--highlight:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Heading,
.mdn-CardRetail-content .mdn-Heading {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-CardProduct-content .mdn-Heading:last-child,
.mdn-CardRetail-content .mdn-Heading:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Text.mdn-Text--body,
.mdn-CardRetail-content .mdn-Text.mdn-Text--body {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-CardProduct-content .mdn-Text.mdn-Text--body:last-child,
.mdn-CardRetail-content .mdn-Text.mdn-Text--body:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Price,
.mdn-CardRetail-content .mdn-Price {
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-CardProduct-content .mdn-Price:last-child,
.mdn-CardRetail-content .mdn-Price:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Link.mdn-Link--arrow,
.mdn-CardRetail-content .mdn-Link.mdn-Link--arrow {
    margin-bottom: var(--theme-spacing-stack-sm);
    display: flex;
    width: 100%
}

.mdn-CardProduct-content .mdn-Link.mdn-Link--arrow:last-child,
.mdn-CardRetail-content .mdn-Link.mdn-Link--arrow:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Button,
.mdn-CardRetail-content .mdn-Button {
    margin-bottom: var(--theme-spacing-stack-md)
}

.mdn-CardProduct-content .mdn-Button:last-child,
.mdn-CardRetail-content .mdn-Button:last-child {
    margin-bottom: 0
}

.mdn-CardProduct-content .mdn-Topic,
.mdn-CardRetail-content .mdn-Topic {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-CardProduct-content .mdn-Topic:last-child,
.mdn-CardRetail-content .mdn-Topic:last-child {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-CardProduct-image,
.mdn-CardRetail-image {
    height: 11.083125rem;
    width: 100%;
    position: relative
}

.mdn-CardProduct-image img,
.mdn-CardRetail-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mdn-CardProduct .mdn-Topic,
.mdn-CardRetail .mdn-Topic {
    justify-content: left
}

.mdn-CardProduct--default,
.mdn-CardProduct--image,
.mdn-CardRetail--default,
.mdn-CardRetail--image {
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) var(--theme-shadow-color--default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium)
}

.mdn-CardProduct--image .mdn-CardProduct-content,
.mdn-CardProduct--image .mdn-CardRetail-content,
.mdn-CardRetail--image .mdn-CardProduct-content,
.mdn-CardRetail--image .mdn-CardRetail-content {
    padding: var(--theme-spacing-inset-sm)
}

.mdn-CardProduct-image {
    height: 22.125rem
}

.mdn-Card .mdn-Countdown {
    position: absolute;
    width: 100%
}

.mdn-Checkbox {
    position: relative;
    text-align: left;
    height: auto;
    display: flex
}

.mdn-Checkbox * {
    cursor: pointer
}

.mdn-Checkbox:last-child {
    margin-bottom: 0
}

.mdn-Checkbox-label {
    vertical-align: top;
    padding-left: calc(var(--theme-spacing-inline-xs))
}

.mdn-Checkbox-label:before {
    width: var(--theme-font-size-sm);
    height: var(--theme-font-size-sm);
    background-color: var(--theme-backgroundColor-Checkbox-default);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-default);
    border-radius: var(--theme-border-radius-xxs);
    cursor: pointer;
    transition: all .2s
}

.mdn-Checkbox-label:after,
.mdn-Checkbox-label:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0
}

.mdn-Checkbox-input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 1.5625rem;
    margin: 0;
    z-index: 2
}

.mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:before {
    background: var(--theme-backgroundColor-Checkbox-default--checked)
}

.mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:after {
    transform: translate(.45em, .55em) rotate(-45deg);
    width: .690625rem;
    height: .335625rem;
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-default-check--checked);
    border-top-style: none;
    border-right-style: none
}

.mdn-Checkbox-input[type=checkbox]:disabled~div,
.mdn-Checkbox-input[type=checkbox]:disabled~label {
    opacity: var(--theme-opacity-intense);
    cursor: not-allowed
}

.mdn-Checkbox-text {
    align-self: center;
    font-family: var(--theme-font-family--default);
    color: var(--theme-textColor-Checkbox-default);
    position: relative;
    margin-left: var(--theme-spacing-inline-xs);
    margin-top: .125rem;
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight-medium);
    line-height: var(--theme-font-line-height-xxs)
}

.mdn-Checkbox-textInverse {
    color: var(--theme-text-color-Label--inverse)
}

.mdn-Checkbox--inverse .mdn-Checkbox-label:before {
    background-color: var(--theme-backgroundColor-Checkbox-inverse);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-inverse)
}

.mdn-Checkbox--inverse .mdn-Checkbox-text {
    color: var(--theme-textColor-Checkbox-inverse)
}

.mdn-Checkbox--inverse .mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:before {
    background: var(--theme-backgroundColor-Checkbox-inverse--checked)
}

.mdn-Checkbox--inverse .mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:after {
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-inverse-check--checked);
    border-top-style: none;
    border-right-style: none
}

.mdn-Checkbox--attentionField {
    padding-bottom: var(--theme-spacing-stack-sm)
}

.mdn-Checkbox--attentionField .mdn-Checkbox-label:before {
    border-color: var(--theme-color-Input--attention)
}

.mdn-Checkbox--attentionField.mdn-Checkbox--darkest .mdn-Checkbox-label:before,
.mdn-Checkbox--attentionField.mdn-Checkbox--inverse .mdn-Checkbox-label:before {
    border-color: var(--theme-color-Input--attentionInverse)
}

.mdn-Checkbox--attentionField.mdn-Checkbox--darkest .mdn-Input-errorFeedback,
.mdn-Checkbox--attentionField.mdn-Checkbox--inverse .mdn-Input-errorFeedback {
    color: var(--theme-color-Input--attentionInverse)
}

.mdn-Checkbox--attentionField .mdn-Input-errorFeedback {
    display: flex;
    bottom: 0;
    left: 0;
    padding: 0;
    padding-top: var(--theme-spacing-stack-xxxs);
    margin-left: 0
}

.mdn-Checkbox--darkest .mdn-Checkbox-label:before {
    background-color: var(--theme-backgroundColor-Checkbox-darkest);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-darkest)
}

.mdn-Checkbox--darkest .mdn-Checkbox-text {
    color: var(--theme-textColor-Checkbox-darkest)
}

.mdn-Checkbox--darkest .mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:before {
    background: var(--theme-backgroundColor-Checkbox-darkest--checked)
}

.mdn-Checkbox--darkest .mdn-Checkbox-input[type=checkbox]:checked+.mdn-Checkbox-label:after {
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Checkbox-darkest-check--checked);
    border-top-style: none;
    border-right-style: none
}

.mdn-CopyContainer {
    width: 100%;
    position: relative;
    background-color: var(--theme-backgroundColor-CopyContainer);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-CopyContainer);
    border-radius: var(--theme-border-radius-sm);
    padding: var(--theme-spacing-inset-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.mdn-CopyContainer:hover [mdn-copycontainer-after]:after {
    content: attr(mdn-copycontainer-after);
    position: absolute;
    right: 0;
    top: 0;
    padding: var(--theme-spacing-stack-xxxs) var(--theme-spacing-inline-xxs);
    background-color: var(--theme-color-CopyContainer);
    color: var(--theme-color-neutral-lightest);
    font-size: var(--theme-font-size-xxxs);
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-regular);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Tooltip);
    border-radius: .25rem
}

.mdn-CopyContainer-icon {
    margin-left: var(--theme-spacing-inline-sm);
    color: var(--theme-color-CopyContainer-icon)
}

.mdn-CopyContainer-content {
    width: 100%;
    font-family: var(--theme-font-family--base)
}

.mdn-CopyContainer-content-toCopy {
    word-break: break-all
}

.mdn-CopyContainer-content-toCopy.mdn-Heading {
    color: var(--theme-text-color-Label--default);
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight--default)
}

.mdn-Divider {
    display: flex;
    appearance: none;
    border: none
}

.mdn-Divider,
.mdn-Divider--horizontal {
    height: var(--theme-border-width-thin);
    width: 100%;
    margin: var(--theme-spacing-stack-xs) 0
}

.mdn-Divider--vertical {
    margin: 0 var(--theme-spacing-inline-xs);
    height: 100%;
    width: var(--theme-border-width-thin)
}

.mdn-Divider--default,
.mdn-Divider--primary {
    background-color: var(--theme-color-neutral-medium-content)
}

.mdn-Divider--inverse {
    background-color: var(--theme-color-neutral-lightest-content)
}

.mdn-Divider--dark {
    background-color: var(--theme-color-neutral-darkest-content)
}

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
:after,
:before {
    box-sizing: inherit
}

.mdn-Container {
    width: 100%;
    gap: 15px;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:0.0625rem) {
    .mdn-Container {
        max-width: 100%
    }
}

@media (min-width:36rem) {
    .mdn-Container {
        max-width: 34rem
    }
}

@media (min-width:48rem) {
    .mdn-Container {
        max-width: 45rem
    }
}

@media (min-width:62rem) {
    .mdn-Container {
        max-width: 60rem
    }
}

@media (min-width:75rem) {
    .mdn-Container {
        max-width: 72rem
    }
}

.mdn-Container-fluid {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto
}

.mdn-Row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem
}

.mdn-No-gutters {
    margin-right: 0;
    margin-left: 0
}

.mdn-No-gutters>.mdn-Col,
.mdn-No-gutters>[class*=mdn-Col-] {
    padding-right: 0;
    padding-left: 0
}

.mdn-Col-lg,
.mdn-Col-lg-1,
.mdn-Col-lg-2,
.mdn-Col-lg-3,
.mdn-Col-lg-4,
.mdn-Col-lg-5,
.mdn-Col-lg-6,
.mdn-Col-lg-7,
.mdn-Col-lg-8,
.mdn-Col-lg-9,
.mdn-Col-lg-10,
.mdn-Col-lg-11,
.mdn-Col-lg-12,
.mdn-Col-lg-auto,
.mdn-Col-md,
.mdn-Col-md-1,
.mdn-Col-md-2,
.mdn-Col-md-3,
.mdn-Col-md-4,
.mdn-Col-md-5,
.mdn-Col-md-6,
.mdn-Col-md-7,
.mdn-Col-md-8,
.mdn-Col-md-9,
.mdn-Col-md-10,
.mdn-Col-md-11,
.mdn-Col-md-12,
.mdn-Col-md-auto,
.mdn-Col-sm,
.mdn-Col-sm-1,
.mdn-Col-sm-2,
.mdn-Col-sm-3,
.mdn-Col-sm-4,
.mdn-Col-sm-5,
.mdn-Col-sm-6,
.mdn-Col-sm-7,
.mdn-Col-sm-8,
.mdn-Col-sm-9,
.mdn-Col-sm-10,
.mdn-Col-sm-11,
.mdn-Col-sm-12,
.mdn-Col-sm-auto,
.mdn-Col-xl,
.mdn-Col-xl-1,
.mdn-Col-xl-2,
.mdn-Col-xl-3,
.mdn-Col-xl-4,
.mdn-Col-xl-5,
.mdn-Col-xl-6,
.mdn-Col-xl-7,
.mdn-Col-xl-8,
.mdn-Col-xl-9,
.mdn-Col-xl-10,
.mdn-Col-xl-11,
.mdn-Col-xl-12,
.mdn-Col-xl-auto,
.mdn-Col-xs,
.mdn-Col-xs-1,
.mdn-Col-xs-2,
.mdn-Col-xs-3,
.mdn-Col-xs-4,
.mdn-Col-xs-5,
.mdn-Col-xs-6,
.mdn-Col-xs-7,
.mdn-Col-xs-8,
.mdn-Col-xs-9,
.mdn-Col-xs-10,
.mdn-Col-xs-11,
.mdn-Col-xs-12,
.mdn-Col-xs-auto {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:0.0625rem) {
    .mdn-Col-xs {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mdn-Col-xs-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .mdn-Col-xs-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .mdn-Col-xs-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .mdn-Col-xs-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mdn-Col-xs-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .mdn-Col-xs-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .mdn-Col-xs-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mdn-Col-xs-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .mdn-Col-xs-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .mdn-Col-xs-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mdn-Col-xs-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .mdn-Col-xs-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .mdn-Col-xs-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mdn-Order-xs-first {
        order: -1
    }

    .mdn-Order-xs-last {
        order: 13
    }

    .order-xs-0 {
        order: 0
    }

    .order-xs-1 {
        order: 1
    }

    .order-xs-2 {
        order: 2
    }

    .order-xs-3 {
        order: 3
    }

    .order-xs-4 {
        order: 4
    }

    .order-xs-5 {
        order: 5
    }

    .order-xs-6 {
        order: 6
    }

    .order-xs-7 {
        order: 7
    }

    .order-xs-8 {
        order: 8
    }

    .order-xs-9 {
        order: 9
    }

    .order-xs-10 {
        order: 10
    }

    .order-xs-11 {
        order: 11
    }

    .order-xs-12 {
        order: 12
    }

    .mdn-Offset-xs-0 {
        margin-left: 0
    }

    .mdn-Offset-xs-1 {
        margin-left: 8.33333%
    }

    .mdn-Offset-xs-2 {
        margin-left: 16.66667%
    }

    .mdn-Offset-xs-3 {
        margin-left: 25%
    }

    .mdn-Offset-xs-4 {
        margin-left: 33.33333%
    }

    .mdn-Offset-xs-5 {
        margin-left: 41.66667%
    }

    .mdn-Offset-xs-6 {
        margin-left: 50%
    }

    .mdn-Offset-xs-7 {
        margin-left: 58.33333%
    }

    .mdn-Offset-xs-8 {
        margin-left: 66.66667%
    }

    .mdn-Offset-xs-9 {
        margin-left: 75%
    }

    .mdn-Offset-xs-10 {
        margin-left: 83.33333%
    }

    .mdn-Offset-xs-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:36rem) {
    .mdn-Col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mdn-Col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .mdn-Col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .mdn-Col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .mdn-Col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mdn-Col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .mdn-Col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .mdn-Col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mdn-Col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .mdn-Col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .mdn-Col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mdn-Col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .mdn-Col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .mdn-Col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mdn-Order-sm-first {
        order: -1
    }

    .mdn-Order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .mdn-Offset-sm-0 {
        margin-left: 0
    }

    .mdn-Offset-sm-1 {
        margin-left: 8.33333%
    }

    .mdn-Offset-sm-2 {
        margin-left: 16.66667%
    }

    .mdn-Offset-sm-3 {
        margin-left: 25%
    }

    .mdn-Offset-sm-4 {
        margin-left: 33.33333%
    }

    .mdn-Offset-sm-5 {
        margin-left: 41.66667%
    }

    .mdn-Offset-sm-6 {
        margin-left: 50%
    }

    .mdn-Offset-sm-7 {
        margin-left: 58.33333%
    }

    .mdn-Offset-sm-8 {
        margin-left: 66.66667%
    }

    .mdn-Offset-sm-9 {
        margin-left: 75%
    }

    .mdn-Offset-sm-10 {
        margin-left: 83.33333%
    }

    .mdn-Offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:48rem) {
    .mdn-Col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mdn-Col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .mdn-Col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .mdn-Col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .mdn-Col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mdn-Col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .mdn-Col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .mdn-Col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mdn-Col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .mdn-Col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .mdn-Col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mdn-Col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .mdn-Col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .mdn-Col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mdn-Order-md-first {
        order: -1
    }

    .mdn-Order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .mdn-Offset-md-0 {
        margin-left: 0
    }

    .mdn-Offset-md-1 {
        margin-left: 8.33333%
    }

    .mdn-Offset-md-2 {
        margin-left: 16.66667%
    }

    .mdn-Offset-md-3 {
        margin-left: 25%
    }

    .mdn-Offset-md-4 {
        margin-left: 33.33333%
    }

    .mdn-Offset-md-5 {
        margin-left: 41.66667%
    }

    .mdn-Offset-md-6 {
        margin-left: 50%
    }

    .mdn-Offset-md-7 {
        margin-left: 58.33333%
    }

    .mdn-Offset-md-8 {
        margin-left: 66.66667%
    }

    .mdn-Offset-md-9 {
        margin-left: 75%
    }

    .mdn-Offset-md-10 {
        margin-left: 83.33333%
    }

    .mdn-Offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:62rem) {
    .mdn-Col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mdn-Col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .mdn-Col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .mdn-Col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .mdn-Col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mdn-Col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .mdn-Col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .mdn-Col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mdn-Col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .mdn-Col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .mdn-Col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mdn-Col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .mdn-Col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .mdn-Col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mdn-Order-lg-first {
        order: -1
    }

    .mdn-Order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .mdn-Offset-lg-0 {
        margin-left: 0
    }

    .mdn-Offset-lg-1 {
        margin-left: 8.33333%
    }

    .mdn-Offset-lg-2 {
        margin-left: 16.66667%
    }

    .mdn-Offset-lg-3 {
        margin-left: 25%
    }

    .mdn-Offset-lg-4 {
        margin-left: 33.33333%
    }

    .mdn-Offset-lg-5 {
        margin-left: 41.66667%
    }

    .mdn-Offset-lg-6 {
        margin-left: 50%
    }

    .mdn-Offset-lg-7 {
        margin-left: 58.33333%
    }

    .mdn-Offset-lg-8 {
        margin-left: 66.66667%
    }

    .mdn-Offset-lg-9 {
        margin-left: 75%
    }

    .mdn-Offset-lg-10 {
        margin-left: 83.33333%
    }

    .mdn-Offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:75rem) {
    .mdn-Col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .mdn-Col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .mdn-Col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .mdn-Col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .mdn-Col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .mdn-Col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .mdn-Col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .mdn-Col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .mdn-Col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .mdn-Col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .mdn-Col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .mdn-Col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .mdn-Col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .mdn-Col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mdn-Order-xl-first {
        order: -1
    }

    .mdn-Order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .mdn-Offset-xl-0 {
        margin-left: 0
    }

    .mdn-Offset-xl-1 {
        margin-left: 8.33333%
    }

    .mdn-Offset-xl-2 {
        margin-left: 16.66667%
    }

    .mdn-Offset-xl-3 {
        margin-left: 25%
    }

    .mdn-Offset-xl-4 {
        margin-left: 33.33333%
    }

    .mdn-Offset-xl-5 {
        margin-left: 41.66667%
    }

    .mdn-Offset-xl-6 {
        margin-left: 50%
    }

    .mdn-Offset-xl-7 {
        margin-left: 58.33333%
    }

    .mdn-Offset-xl-8 {
        margin-left: 66.66667%
    }

    .mdn-Offset-xl-9 {
        margin-left: 75%
    }

    .mdn-Offset-xl-10 {
        margin-left: 83.33333%
    }

    .mdn-Offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:0.0625rem) {
    .d-xs-none {
        display: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:36rem) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:48rem) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:62rem) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:75rem) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:0.0625rem) {
    .mdn-u-flex-xs-row {
        flex-direction: row !important
    }

    .mdn-u-flex-xs-column {
        flex-direction: column !important
    }

    .mdn-u-flex-xs-row-reverse {
        flex-direction: row-reverse !important
    }

    .mdn-u-flex-xs-column-reverse {
        flex-direction: column-reverse !important
    }

    .mdn-u-flex-xs-wrap {
        flex-wrap: wrap !important
    }

    .mdn-u-flex-xs-nowrap {
        flex-wrap: nowrap !important
    }

    .mdn-u-flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .mdn-u-flex-xs-fill {
        flex: 1 1 auto !important
    }

    .mdn-u-flex-xs-grow-0 {
        flex-grow: 0 !important
    }

    .mdn-u-flex-xs-grow-1 {
        flex-grow: 1 !important
    }

    .mdn-u-flex-xs-shrink-0 {
        flex-shrink: 0 !important
    }

    .mdn-u-flex-xs-shrink-1 {
        flex-shrink: 1 !important
    }

    .mdn-u-justifyContent-xs-start {
        justify-content: flex-start !important
    }

    .mdn-u-justifyContent-xs-end {
        justify-content: flex-end !important
    }

    .mdn-u-justifyContent-xs-center {
        justify-content: center !important
    }

    .mdn-u-justifyContent-xs-between {
        justify-content: space-between !important
    }

    .mdn-u-justifyContent-xs-around {
        justify-content: space-around !important
    }

    .mdn-u-alignItems-xs-start {
        align-items: flex-start !important
    }

    .mdn-u-alignItems-xs-end {
        align-items: flex-end !important
    }

    .mdn-u-alignItems-xs-center {
        align-items: center !important
    }

    .mdn-u-alignItems-xs-baseline {
        align-items: baseline !important
    }

    .mdn-u-alignItems-xs-stretch {
        align-items: stretch !important
    }

    .mdn-u-alignContent-xs-start {
        align-content: flex-start !important
    }

    .mdn-u-alignContent-xs-end {
        align-content: flex-end !important
    }

    .mdn-u-alignContent-xs-center {
        align-content: center !important
    }

    .mdn-u-alignContent-xs-between {
        align-content: space-between !important
    }

    .mdn-u-alignContent-xs-around {
        align-content: space-around !important
    }

    .mdn-u-alignContent-xs-stretch {
        align-content: stretch !important
    }

    .mdn-u-alignSelf-xs-auto {
        align-self: auto !important
    }

    .mdn-u-alignSelf-xs-start {
        align-self: flex-start !important
    }

    .mdn-u-alignSelf-xs-end {
        align-self: flex-end !important
    }

    .mdn-u-alignSelf-xs-center {
        align-self: center !important
    }

    .mdn-u-alignSelf-xs-baseline {
        align-self: baseline !important
    }

    .mdn-u-alignSelf-xs-stretch {
        align-self: stretch !important
    }
}

@media (min-width:36rem) {
    .mdn-u-flex-sm-row {
        flex-direction: row !important
    }

    .mdn-u-flex-sm-column {
        flex-direction: column !important
    }

    .mdn-u-flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .mdn-u-flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .mdn-u-flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .mdn-u-flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .mdn-u-flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .mdn-u-flex-sm-fill {
        flex: 1 1 auto !important
    }

    .mdn-u-flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .mdn-u-flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .mdn-u-flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .mdn-u-flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .mdn-u-justifyContent-sm-start {
        justify-content: flex-start !important
    }

    .mdn-u-justifyContent-sm-end {
        justify-content: flex-end !important
    }

    .mdn-u-justifyContent-sm-center {
        justify-content: center !important
    }

    .mdn-u-justifyContent-sm-between {
        justify-content: space-between !important
    }

    .mdn-u-justifyContent-sm-around {
        justify-content: space-around !important
    }

    .mdn-u-alignItems-sm-start {
        align-items: flex-start !important
    }

    .mdn-u-alignItems-sm-end {
        align-items: flex-end !important
    }

    .mdn-u-alignItems-sm-center {
        align-items: center !important
    }

    .mdn-u-alignItems-sm-baseline {
        align-items: baseline !important
    }

    .mdn-u-alignItems-sm-stretch {
        align-items: stretch !important
    }

    .mdn-u-alignContent-sm-start {
        align-content: flex-start !important
    }

    .mdn-u-alignContent-sm-end {
        align-content: flex-end !important
    }

    .mdn-u-alignContent-sm-center {
        align-content: center !important
    }

    .mdn-u-alignContent-sm-between {
        align-content: space-between !important
    }

    .mdn-u-alignContent-sm-around {
        align-content: space-around !important
    }

    .mdn-u-alignContent-sm-stretch {
        align-content: stretch !important
    }

    .mdn-u-alignSelf-sm-auto {
        align-self: auto !important
    }

    .mdn-u-alignSelf-sm-start {
        align-self: flex-start !important
    }

    .mdn-u-alignSelf-sm-end {
        align-self: flex-end !important
    }

    .mdn-u-alignSelf-sm-center {
        align-self: center !important
    }

    .mdn-u-alignSelf-sm-baseline {
        align-self: baseline !important
    }

    .mdn-u-alignSelf-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:48rem) {
    .mdn-u-flex-md-row {
        flex-direction: row !important
    }

    .mdn-u-flex-md-column {
        flex-direction: column !important
    }

    .mdn-u-flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .mdn-u-flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .mdn-u-flex-md-wrap {
        flex-wrap: wrap !important
    }

    .mdn-u-flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .mdn-u-flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .mdn-u-flex-md-fill {
        flex: 1 1 auto !important
    }

    .mdn-u-flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .mdn-u-flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .mdn-u-flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .mdn-u-flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .mdn-u-justifyContent-md-start {
        justify-content: flex-start !important
    }

    .mdn-u-justifyContent-md-end {
        justify-content: flex-end !important
    }

    .mdn-u-justifyContent-md-center {
        justify-content: center !important
    }

    .mdn-u-justifyContent-md-between {
        justify-content: space-between !important
    }

    .mdn-u-justifyContent-md-around {
        justify-content: space-around !important
    }

    .mdn-u-alignItems-md-start {
        align-items: flex-start !important
    }

    .mdn-u-alignItems-md-end {
        align-items: flex-end !important
    }

    .mdn-u-alignItems-md-center {
        align-items: center !important
    }

    .mdn-u-alignItems-md-baseline {
        align-items: baseline !important
    }

    .mdn-u-alignItems-md-stretch {
        align-items: stretch !important
    }

    .mdn-u-alignContent-md-start {
        align-content: flex-start !important
    }

    .mdn-u-alignContent-md-end {
        align-content: flex-end !important
    }

    .mdn-u-alignContent-md-center {
        align-content: center !important
    }

    .mdn-u-alignContent-md-between {
        align-content: space-between !important
    }

    .mdn-u-alignContent-md-around {
        align-content: space-around !important
    }

    .mdn-u-alignContent-md-stretch {
        align-content: stretch !important
    }

    .mdn-u-alignSelf-md-auto {
        align-self: auto !important
    }

    .mdn-u-alignSelf-md-start {
        align-self: flex-start !important
    }

    .mdn-u-alignSelf-md-end {
        align-self: flex-end !important
    }

    .mdn-u-alignSelf-md-center {
        align-self: center !important
    }

    .mdn-u-alignSelf-md-baseline {
        align-self: baseline !important
    }

    .mdn-u-alignSelf-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:62rem) {
    .mdn-u-flex-lg-row {
        flex-direction: row !important
    }

    .mdn-u-flex-lg-column {
        flex-direction: column !important
    }

    .mdn-u-flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .mdn-u-flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .mdn-u-flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .mdn-u-flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .mdn-u-flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .mdn-u-flex-lg-fill {
        flex: 1 1 auto !important
    }

    .mdn-u-flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .mdn-u-flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .mdn-u-flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .mdn-u-flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .mdn-u-justifyContent-lg-start {
        justify-content: flex-start !important
    }

    .mdn-u-justifyContent-lg-end {
        justify-content: flex-end !important
    }

    .mdn-u-justifyContent-lg-center {
        justify-content: center !important
    }

    .mdn-u-justifyContent-lg-between {
        justify-content: space-between !important
    }

    .mdn-u-justifyContent-lg-around {
        justify-content: space-around !important
    }

    .mdn-u-alignItems-lg-start {
        align-items: flex-start !important
    }

    .mdn-u-alignItems-lg-end {
        align-items: flex-end !important
    }

    .mdn-u-alignItems-lg-center {
        align-items: center !important
    }

    .mdn-u-alignItems-lg-baseline {
        align-items: baseline !important
    }

    .mdn-u-alignItems-lg-stretch {
        align-items: stretch !important
    }

    .mdn-u-alignContent-lg-start {
        align-content: flex-start !important
    }

    .mdn-u-alignContent-lg-end {
        align-content: flex-end !important
    }

    .mdn-u-alignContent-lg-center {
        align-content: center !important
    }

    .mdn-u-alignContent-lg-between {
        align-content: space-between !important
    }

    .mdn-u-alignContent-lg-around {
        align-content: space-around !important
    }

    .mdn-u-alignContent-lg-stretch {
        align-content: stretch !important
    }

    .mdn-u-alignSelf-lg-auto {
        align-self: auto !important
    }

    .mdn-u-alignSelf-lg-start {
        align-self: flex-start !important
    }

    .mdn-u-alignSelf-lg-end {
        align-self: flex-end !important
    }

    .mdn-u-alignSelf-lg-center {
        align-self: center !important
    }

    .mdn-u-alignSelf-lg-baseline {
        align-self: baseline !important
    }

    .mdn-u-alignSelf-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:75rem) {
    .mdn-u-flex-xl-row {
        flex-direction: row !important
    }

    .mdn-u-flex-xl-column {
        flex-direction: column !important
    }

    .mdn-u-flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .mdn-u-flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .mdn-u-flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .mdn-u-flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .mdn-u-flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .mdn-u-flex-xl-fill {
        flex: 1 1 auto !important
    }

    .mdn-u-flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .mdn-u-flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .mdn-u-flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .mdn-u-flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .mdn-u-justifyContent-xl-start {
        justify-content: flex-start !important
    }

    .mdn-u-justifyContent-xl-end {
        justify-content: flex-end !important
    }

    .mdn-u-justifyContent-xl-center {
        justify-content: center !important
    }

    .mdn-u-justifyContent-xl-between {
        justify-content: space-between !important
    }

    .mdn-u-justifyContent-xl-around {
        justify-content: space-around !important
    }

    .mdn-u-alignItems-xl-start {
        align-items: flex-start !important
    }

    .mdn-u-alignItems-xl-end {
        align-items: flex-end !important
    }

    .mdn-u-alignItems-xl-center {
        align-items: center !important
    }

    .mdn-u-alignItems-xl-baseline {
        align-items: baseline !important
    }

    .mdn-u-alignItems-xl-stretch {
        align-items: stretch !important
    }

    .mdn-u-alignContent-xl-start {
        align-content: flex-start !important
    }

    .mdn-u-alignContent-xl-end {
        align-content: flex-end !important
    }

    .mdn-u-alignContent-xl-center {
        align-content: center !important
    }

    .mdn-u-alignContent-xl-between {
        align-content: space-between !important
    }

    .mdn-u-alignContent-xl-around {
        align-content: space-around !important
    }

    .mdn-u-alignContent-xl-stretch {
        align-content: stretch !important
    }

    .mdn-u-alignSelf-xl-auto {
        align-self: auto !important
    }

    .mdn-u-alignSelf-xl-start {
        align-self: flex-start !important
    }

    .mdn-u-alignSelf-xl-end {
        align-self: flex-end !important
    }

    .mdn-u-alignSelf-xl-center {
        align-self: center !important
    }

    .mdn-u-alignSelf-xl-baseline {
        align-self: baseline !important
    }

    .mdn-u-alignSelf-xl-stretch {
        align-self: stretch !important
    }
}

@media (min-width:0.0625rem) {
    .mdn-u-m-xs-0 {
        margin: 0 !important
    }

    .mdn-u-mt-xs-0,
    .mdn-u-my-xs-0 {
        margin-top: 0 !important
    }

    .mdn-u-mr-xs-0,
    .mdn-u-mx-xs-0 {
        margin-right: 0 !important
    }

    .mdn-u-mb-xs-0,
    .mdn-u-my-xs-0 {
        margin-bottom: 0 !important
    }

    .mdn-u-ml-xs-0,
    .mdn-u-mx-xs-0 {
        margin-left: 0 !important
    }

    .mdn-u-m-xs-1 {
        margin: .25rem !important
    }

    .mdn-u-mt-xs-1,
    .mdn-u-my-xs-1 {
        margin-top: .25rem !important
    }

    .mdn-u-mr-xs-1,
    .mdn-u-mx-xs-1 {
        margin-right: .25rem !important
    }

    .mdn-u-mb-xs-1,
    .mdn-u-my-xs-1 {
        margin-bottom: .25rem !important
    }

    .mdn-u-ml-xs-1,
    .mdn-u-mx-xs-1 {
        margin-left: .25rem !important
    }

    .mdn-u-m-xs-2 {
        margin: .5rem !important
    }

    .mdn-u-mt-xs-2,
    .mdn-u-my-xs-2 {
        margin-top: .5rem !important
    }

    .mdn-u-mr-xs-2,
    .mdn-u-mx-xs-2 {
        margin-right: .5rem !important
    }

    .mdn-u-mb-xs-2,
    .mdn-u-my-xs-2 {
        margin-bottom: .5rem !important
    }

    .mdn-u-ml-xs-2,
    .mdn-u-mx-xs-2 {
        margin-left: .5rem !important
    }

    .mdn-u-m-xs-3 {
        margin: 1rem !important
    }

    .mdn-u-mt-xs-3,
    .mdn-u-my-xs-3 {
        margin-top: 1rem !important
    }

    .mdn-u-mr-xs-3,
    .mdn-u-mx-xs-3 {
        margin-right: 1rem !important
    }

    .mdn-u-mb-xs-3,
    .mdn-u-my-xs-3 {
        margin-bottom: 1rem !important
    }

    .mdn-u-ml-xs-3,
    .mdn-u-mx-xs-3 {
        margin-left: 1rem !important
    }

    .mdn-u-m-xs-4 {
        margin: 1.5rem !important
    }

    .mdn-u-mt-xs-4,
    .mdn-u-my-xs-4 {
        margin-top: 1.5rem !important
    }

    .mdn-u-mr-xs-4,
    .mdn-u-mx-xs-4 {
        margin-right: 1.5rem !important
    }

    .mdn-u-mb-xs-4,
    .mdn-u-my-xs-4 {
        margin-bottom: 1.5rem !important
    }

    .mdn-u-ml-xs-4,
    .mdn-u-mx-xs-4 {
        margin-left: 1.5rem !important
    }

    .mdn-u-m-xs-5 {
        margin: 3rem !important
    }

    .mdn-u-mt-xs-5,
    .mdn-u-my-xs-5 {
        margin-top: 3rem !important
    }

    .mdn-u-mr-xs-5,
    .mdn-u-mx-xs-5 {
        margin-right: 3rem !important
    }

    .mdn-u-mb-xs-5,
    .mdn-u-my-xs-5 {
        margin-bottom: 3rem !important
    }

    .mdn-u-ml-xs-5,
    .mdn-u-mx-xs-5 {
        margin-left: 3rem !important
    }

    .mdn-u-p-xs-0 {
        padding: 0 !important
    }

    .mdn-u-pt-xs-0,
    .mdn-u-py-xs-0 {
        padding-top: 0 !important
    }

    .mdn-u-pr-xs-0,
    .mdn-u-px-xs-0 {
        padding-right: 0 !important
    }

    .mdn-u-pb-xs-0,
    .mdn-u-py-xs-0 {
        padding-bottom: 0 !important
    }

    .mdn-u-pl-xs-0,
    .mdn-u-px-xs-0 {
        padding-left: 0 !important
    }

    .mdn-u-p-xs-1 {
        padding: .25rem !important
    }

    .mdn-u-pt-xs-1,
    .mdn-u-py-xs-1 {
        padding-top: .25rem !important
    }

    .mdn-u-pr-xs-1,
    .mdn-u-px-xs-1 {
        padding-right: .25rem !important
    }

    .mdn-u-pb-xs-1,
    .mdn-u-py-xs-1 {
        padding-bottom: .25rem !important
    }

    .mdn-u-pl-xs-1,
    .mdn-u-px-xs-1 {
        padding-left: .25rem !important
    }

    .mdn-u-p-xs-2 {
        padding: .5rem !important
    }

    .mdn-u-pt-xs-2,
    .mdn-u-py-xs-2 {
        padding-top: .5rem !important
    }

    .mdn-u-pr-xs-2,
    .mdn-u-px-xs-2 {
        padding-right: .5rem !important
    }

    .mdn-u-pb-xs-2,
    .mdn-u-py-xs-2 {
        padding-bottom: .5rem !important
    }

    .mdn-u-pl-xs-2,
    .mdn-u-px-xs-2 {
        padding-left: .5rem !important
    }

    .mdn-u-p-xs-3 {
        padding: 1rem !important
    }

    .mdn-u-pt-xs-3,
    .mdn-u-py-xs-3 {
        padding-top: 1rem !important
    }

    .mdn-u-pr-xs-3,
    .mdn-u-px-xs-3 {
        padding-right: 1rem !important
    }

    .mdn-u-pb-xs-3,
    .mdn-u-py-xs-3 {
        padding-bottom: 1rem !important
    }

    .mdn-u-pl-xs-3,
    .mdn-u-px-xs-3 {
        padding-left: 1rem !important
    }

    .mdn-u-p-xs-4 {
        padding: 1.5rem !important
    }

    .mdn-u-pt-xs-4,
    .mdn-u-py-xs-4 {
        padding-top: 1.5rem !important
    }

    .mdn-u-pr-xs-4,
    .mdn-u-px-xs-4 {
        padding-right: 1.5rem !important
    }

    .mdn-u-pb-xs-4,
    .mdn-u-py-xs-4 {
        padding-bottom: 1.5rem !important
    }

    .mdn-u-pl-xs-4,
    .mdn-u-px-xs-4 {
        padding-left: 1.5rem !important
    }

    .mdn-u-p-xs-5 {
        padding: 3rem !important
    }

    .mdn-u-pt-xs-5,
    .mdn-u-py-xs-5 {
        padding-top: 3rem !important
    }

    .mdn-u-pr-xs-5,
    .mdn-u-px-xs-5 {
        padding-right: 3rem !important
    }

    .mdn-u-pb-xs-5,
    .mdn-u-py-xs-5 {
        padding-bottom: 3rem !important
    }

    .mdn-u-pl-xs-5,
    .mdn-u-px-xs-5 {
        padding-left: 3rem !important
    }

    .mdn-u-m-xs-n1 {
        margin: -.25rem !important
    }

    .mdn-u-mt-xs-n1,
    .mdn-u-my-xs-n1 {
        margin-top: -.25rem !important
    }

    .mdn-u-mr-xs-n1,
    .mdn-u-mx-xs-n1 {
        margin-right: -.25rem !important
    }

    .mdn-u-mb-xs-n1,
    .mdn-u-my-xs-n1 {
        margin-bottom: -.25rem !important
    }

    .mdn-u-ml-xs-n1,
    .mdn-u-mx-xs-n1 {
        margin-left: -.25rem !important
    }

    .mdn-u-m-xs-n2 {
        margin: -.5rem !important
    }

    .mdn-u-mt-xs-n2,
    .mdn-u-my-xs-n2 {
        margin-top: -.5rem !important
    }

    .mdn-u-mr-xs-n2,
    .mdn-u-mx-xs-n2 {
        margin-right: -.5rem !important
    }

    .mdn-u-mb-xs-n2,
    .mdn-u-my-xs-n2 {
        margin-bottom: -.5rem !important
    }

    .mdn-u-ml-xs-n2,
    .mdn-u-mx-xs-n2 {
        margin-left: -.5rem !important
    }

    .mdn-u-m-xs-n3 {
        margin: -1rem !important
    }

    .mdn-u-mt-xs-n3,
    .mdn-u-my-xs-n3 {
        margin-top: -1rem !important
    }

    .mdn-u-mr-xs-n3,
    .mdn-u-mx-xs-n3 {
        margin-right: -1rem !important
    }

    .mdn-u-mb-xs-n3,
    .mdn-u-my-xs-n3 {
        margin-bottom: -1rem !important
    }

    .mdn-u-ml-xs-n3,
    .mdn-u-mx-xs-n3 {
        margin-left: -1rem !important
    }

    .mdn-u-m-xs-n4 {
        margin: -1.5rem !important
    }

    .mdn-u-mt-xs-n4,
    .mdn-u-my-xs-n4 {
        margin-top: -1.5rem !important
    }

    .mdn-u-mr-xs-n4,
    .mdn-u-mx-xs-n4 {
        margin-right: -1.5rem !important
    }

    .mdn-u-mb-xs-n4,
    .mdn-u-my-xs-n4 {
        margin-bottom: -1.5rem !important
    }

    .mdn-u-ml-xs-n4,
    .mdn-u-mx-xs-n4 {
        margin-left: -1.5rem !important
    }

    .mdn-u-m-xs-n5 {
        margin: -3rem !important
    }

    .mdn-u-mt-xs-n5,
    .mdn-u-my-xs-n5 {
        margin-top: -3rem !important
    }

    .mdn-u-mr-xs-n5,
    .mdn-u-mx-xs-n5 {
        margin-right: -3rem !important
    }

    .mdn-u-mb-xs-n5,
    .mdn-u-my-xs-n5 {
        margin-bottom: -3rem !important
    }

    .mdn-u-ml-xs-n5,
    .mdn-u-mx-xs-n5 {
        margin-left: -3rem !important
    }

    .mdn-u-m-xs-auto {
        margin: auto !important
    }

    .mdn-u-mt-xs-auto,
    .mdn-u-my-xs-auto {
        margin-top: auto !important
    }

    .mdn-u-mr-xs-auto,
    .mdn-u-mx-xs-auto {
        margin-right: auto !important
    }

    .mdn-u-mb-xs-auto,
    .mdn-u-my-xs-auto {
        margin-bottom: auto !important
    }

    .mdn-u-ml-xs-auto,
    .mdn-u-mx-xs-auto {
        margin-left: auto !important
    }
}

@media (min-width:36rem) {
    .mdn-u-m-sm-0 {
        margin: 0 !important
    }

    .mdn-u-mt-sm-0,
    .mdn-u-my-sm-0 {
        margin-top: 0 !important
    }

    .mdn-u-mr-sm-0,
    .mdn-u-mx-sm-0 {
        margin-right: 0 !important
    }

    .mdn-u-mb-sm-0,
    .mdn-u-my-sm-0 {
        margin-bottom: 0 !important
    }

    .mdn-u-ml-sm-0,
    .mdn-u-mx-sm-0 {
        margin-left: 0 !important
    }

    .mdn-u-m-sm-1 {
        margin: .25rem !important
    }

    .mdn-u-mt-sm-1,
    .mdn-u-my-sm-1 {
        margin-top: .25rem !important
    }

    .mdn-u-mr-sm-1,
    .mdn-u-mx-sm-1 {
        margin-right: .25rem !important
    }

    .mdn-u-mb-sm-1,
    .mdn-u-my-sm-1 {
        margin-bottom: .25rem !important
    }

    .mdn-u-ml-sm-1,
    .mdn-u-mx-sm-1 {
        margin-left: .25rem !important
    }

    .mdn-u-m-sm-2 {
        margin: .5rem !important
    }

    .mdn-u-mt-sm-2,
    .mdn-u-my-sm-2 {
        margin-top: .5rem !important
    }

    .mdn-u-mr-sm-2,
    .mdn-u-mx-sm-2 {
        margin-right: .5rem !important
    }

    .mdn-u-mb-sm-2,
    .mdn-u-my-sm-2 {
        margin-bottom: .5rem !important
    }

    .mdn-u-ml-sm-2,
    .mdn-u-mx-sm-2 {
        margin-left: .5rem !important
    }

    .mdn-u-m-sm-3 {
        margin: 1rem !important
    }

    .mdn-u-mt-sm-3,
    .mdn-u-my-sm-3 {
        margin-top: 1rem !important
    }

    .mdn-u-mr-sm-3,
    .mdn-u-mx-sm-3 {
        margin-right: 1rem !important
    }

    .mdn-u-mb-sm-3,
    .mdn-u-my-sm-3 {
        margin-bottom: 1rem !important
    }

    .mdn-u-ml-sm-3,
    .mdn-u-mx-sm-3 {
        margin-left: 1rem !important
    }

    .mdn-u-m-sm-4 {
        margin: 1.5rem !important
    }

    .mdn-u-mt-sm-4,
    .mdn-u-my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mdn-u-mr-sm-4,
    .mdn-u-mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mdn-u-mb-sm-4,
    .mdn-u-my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mdn-u-ml-sm-4,
    .mdn-u-mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .mdn-u-m-sm-5 {
        margin: 3rem !important
    }

    .mdn-u-mt-sm-5,
    .mdn-u-my-sm-5 {
        margin-top: 3rem !important
    }

    .mdn-u-mr-sm-5,
    .mdn-u-mx-sm-5 {
        margin-right: 3rem !important
    }

    .mdn-u-mb-sm-5,
    .mdn-u-my-sm-5 {
        margin-bottom: 3rem !important
    }

    .mdn-u-ml-sm-5,
    .mdn-u-mx-sm-5 {
        margin-left: 3rem !important
    }

    .mdn-u-p-sm-0 {
        padding: 0 !important
    }

    .mdn-u-pt-sm-0,
    .mdn-u-py-sm-0 {
        padding-top: 0 !important
    }

    .mdn-u-pr-sm-0,
    .mdn-u-px-sm-0 {
        padding-right: 0 !important
    }

    .mdn-u-pb-sm-0,
    .mdn-u-py-sm-0 {
        padding-bottom: 0 !important
    }

    .mdn-u-pl-sm-0,
    .mdn-u-px-sm-0 {
        padding-left: 0 !important
    }

    .mdn-u-p-sm-1 {
        padding: .25rem !important
    }

    .mdn-u-pt-sm-1,
    .mdn-u-py-sm-1 {
        padding-top: .25rem !important
    }

    .mdn-u-pr-sm-1,
    .mdn-u-px-sm-1 {
        padding-right: .25rem !important
    }

    .mdn-u-pb-sm-1,
    .mdn-u-py-sm-1 {
        padding-bottom: .25rem !important
    }

    .mdn-u-pl-sm-1,
    .mdn-u-px-sm-1 {
        padding-left: .25rem !important
    }

    .mdn-u-p-sm-2 {
        padding: .5rem !important
    }

    .mdn-u-pt-sm-2,
    .mdn-u-py-sm-2 {
        padding-top: .5rem !important
    }

    .mdn-u-pr-sm-2,
    .mdn-u-px-sm-2 {
        padding-right: .5rem !important
    }

    .mdn-u-pb-sm-2,
    .mdn-u-py-sm-2 {
        padding-bottom: .5rem !important
    }

    .mdn-u-pl-sm-2,
    .mdn-u-px-sm-2 {
        padding-left: .5rem !important
    }

    .mdn-u-p-sm-3 {
        padding: 1rem !important
    }

    .mdn-u-pt-sm-3,
    .mdn-u-py-sm-3 {
        padding-top: 1rem !important
    }

    .mdn-u-pr-sm-3,
    .mdn-u-px-sm-3 {
        padding-right: 1rem !important
    }

    .mdn-u-pb-sm-3,
    .mdn-u-py-sm-3 {
        padding-bottom: 1rem !important
    }

    .mdn-u-pl-sm-3,
    .mdn-u-px-sm-3 {
        padding-left: 1rem !important
    }

    .mdn-u-p-sm-4 {
        padding: 1.5rem !important
    }

    .mdn-u-pt-sm-4,
    .mdn-u-py-sm-4 {
        padding-top: 1.5rem !important
    }

    .mdn-u-pr-sm-4,
    .mdn-u-px-sm-4 {
        padding-right: 1.5rem !important
    }

    .mdn-u-pb-sm-4,
    .mdn-u-py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .mdn-u-pl-sm-4,
    .mdn-u-px-sm-4 {
        padding-left: 1.5rem !important
    }

    .mdn-u-p-sm-5 {
        padding: 3rem !important
    }

    .mdn-u-pt-sm-5,
    .mdn-u-py-sm-5 {
        padding-top: 3rem !important
    }

    .mdn-u-pr-sm-5,
    .mdn-u-px-sm-5 {
        padding-right: 3rem !important
    }

    .mdn-u-pb-sm-5,
    .mdn-u-py-sm-5 {
        padding-bottom: 3rem !important
    }

    .mdn-u-pl-sm-5,
    .mdn-u-px-sm-5 {
        padding-left: 3rem !important
    }

    .mdn-u-m-sm-n1 {
        margin: -.25rem !important
    }

    .mdn-u-mt-sm-n1,
    .mdn-u-my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mdn-u-mr-sm-n1,
    .mdn-u-mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mdn-u-mb-sm-n1,
    .mdn-u-my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .mdn-u-ml-sm-n1,
    .mdn-u-mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .mdn-u-m-sm-n2 {
        margin: -.5rem !important
    }

    .mdn-u-mt-sm-n2,
    .mdn-u-my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mdn-u-mr-sm-n2,
    .mdn-u-mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mdn-u-mb-sm-n2,
    .mdn-u-my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .mdn-u-ml-sm-n2,
    .mdn-u-mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .mdn-u-m-sm-n3 {
        margin: -1rem !important
    }

    .mdn-u-mt-sm-n3,
    .mdn-u-my-sm-n3 {
        margin-top: -1rem !important
    }

    .mdn-u-mr-sm-n3,
    .mdn-u-mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mdn-u-mb-sm-n3,
    .mdn-u-my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mdn-u-ml-sm-n3,
    .mdn-u-mx-sm-n3 {
        margin-left: -1rem !important
    }

    .mdn-u-m-sm-n4 {
        margin: -1.5rem !important
    }

    .mdn-u-mt-sm-n4,
    .mdn-u-my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mdn-u-mr-sm-n4,
    .mdn-u-mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mdn-u-mb-sm-n4,
    .mdn-u-my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mdn-u-ml-sm-n4,
    .mdn-u-mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .mdn-u-m-sm-n5 {
        margin: -3rem !important
    }

    .mdn-u-mt-sm-n5,
    .mdn-u-my-sm-n5 {
        margin-top: -3rem !important
    }

    .mdn-u-mr-sm-n5,
    .mdn-u-mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mdn-u-mb-sm-n5,
    .mdn-u-my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .mdn-u-ml-sm-n5,
    .mdn-u-mx-sm-n5 {
        margin-left: -3rem !important
    }

    .mdn-u-m-sm-auto {
        margin: auto !important
    }

    .mdn-u-mt-sm-auto,
    .mdn-u-my-sm-auto {
        margin-top: auto !important
    }

    .mdn-u-mr-sm-auto,
    .mdn-u-mx-sm-auto {
        margin-right: auto !important
    }

    .mdn-u-mb-sm-auto,
    .mdn-u-my-sm-auto {
        margin-bottom: auto !important
    }

    .mdn-u-ml-sm-auto,
    .mdn-u-mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:48rem) {
    .mdn-u-m-md-0 {
        margin: 0 !important
    }

    .mdn-u-mt-md-0,
    .mdn-u-my-md-0 {
        margin-top: 0 !important
    }

    .mdn-u-mr-md-0,
    .mdn-u-mx-md-0 {
        margin-right: 0 !important
    }

    .mdn-u-mb-md-0,
    .mdn-u-my-md-0 {
        margin-bottom: 0 !important
    }

    .mdn-u-ml-md-0,
    .mdn-u-mx-md-0 {
        margin-left: 0 !important
    }

    .mdn-u-m-md-1 {
        margin: .25rem !important
    }

    .mdn-u-mt-md-1,
    .mdn-u-my-md-1 {
        margin-top: .25rem !important
    }

    .mdn-u-mr-md-1,
    .mdn-u-mx-md-1 {
        margin-right: .25rem !important
    }

    .mdn-u-mb-md-1,
    .mdn-u-my-md-1 {
        margin-bottom: .25rem !important
    }

    .mdn-u-ml-md-1,
    .mdn-u-mx-md-1 {
        margin-left: .25rem !important
    }

    .mdn-u-m-md-2 {
        margin: .5rem !important
    }

    .mdn-u-mt-md-2,
    .mdn-u-my-md-2 {
        margin-top: .5rem !important
    }

    .mdn-u-mr-md-2,
    .mdn-u-mx-md-2 {
        margin-right: .5rem !important
    }

    .mdn-u-mb-md-2,
    .mdn-u-my-md-2 {
        margin-bottom: .5rem !important
    }

    .mdn-u-ml-md-2,
    .mdn-u-mx-md-2 {
        margin-left: .5rem !important
    }

    .mdn-u-m-md-3 {
        margin: 1rem !important
    }

    .mdn-u-mt-md-3,
    .mdn-u-my-md-3 {
        margin-top: 1rem !important
    }

    .mdn-u-mr-md-3,
    .mdn-u-mx-md-3 {
        margin-right: 1rem !important
    }

    .mdn-u-mb-md-3,
    .mdn-u-my-md-3 {
        margin-bottom: 1rem !important
    }

    .mdn-u-ml-md-3,
    .mdn-u-mx-md-3 {
        margin-left: 1rem !important
    }

    .mdn-u-m-md-4 {
        margin: 1.5rem !important
    }

    .mdn-u-mt-md-4,
    .mdn-u-my-md-4 {
        margin-top: 1.5rem !important
    }

    .mdn-u-mr-md-4,
    .mdn-u-mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mdn-u-mb-md-4,
    .mdn-u-my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mdn-u-ml-md-4,
    .mdn-u-mx-md-4 {
        margin-left: 1.5rem !important
    }

    .mdn-u-m-md-5 {
        margin: 3rem !important
    }

    .mdn-u-mt-md-5,
    .mdn-u-my-md-5 {
        margin-top: 3rem !important
    }

    .mdn-u-mr-md-5,
    .mdn-u-mx-md-5 {
        margin-right: 3rem !important
    }

    .mdn-u-mb-md-5,
    .mdn-u-my-md-5 {
        margin-bottom: 3rem !important
    }

    .mdn-u-ml-md-5,
    .mdn-u-mx-md-5 {
        margin-left: 3rem !important
    }

    .mdn-u-p-md-0 {
        padding: 0 !important
    }

    .mdn-u-pt-md-0,
    .mdn-u-py-md-0 {
        padding-top: 0 !important
    }

    .mdn-u-pr-md-0,
    .mdn-u-px-md-0 {
        padding-right: 0 !important
    }

    .mdn-u-pb-md-0,
    .mdn-u-py-md-0 {
        padding-bottom: 0 !important
    }

    .mdn-u-pl-md-0,
    .mdn-u-px-md-0 {
        padding-left: 0 !important
    }

    .mdn-u-p-md-1 {
        padding: .25rem !important
    }

    .mdn-u-pt-md-1,
    .mdn-u-py-md-1 {
        padding-top: .25rem !important
    }

    .mdn-u-pr-md-1,
    .mdn-u-px-md-1 {
        padding-right: .25rem !important
    }

    .mdn-u-pb-md-1,
    .mdn-u-py-md-1 {
        padding-bottom: .25rem !important
    }

    .mdn-u-pl-md-1,
    .mdn-u-px-md-1 {
        padding-left: .25rem !important
    }

    .mdn-u-p-md-2 {
        padding: .5rem !important
    }

    .mdn-u-pt-md-2,
    .mdn-u-py-md-2 {
        padding-top: .5rem !important
    }

    .mdn-u-pr-md-2,
    .mdn-u-px-md-2 {
        padding-right: .5rem !important
    }

    .mdn-u-pb-md-2,
    .mdn-u-py-md-2 {
        padding-bottom: .5rem !important
    }

    .mdn-u-pl-md-2,
    .mdn-u-px-md-2 {
        padding-left: .5rem !important
    }

    .mdn-u-p-md-3 {
        padding: 1rem !important
    }

    .mdn-u-pt-md-3,
    .mdn-u-py-md-3 {
        padding-top: 1rem !important
    }

    .mdn-u-pr-md-3,
    .mdn-u-px-md-3 {
        padding-right: 1rem !important
    }

    .mdn-u-pb-md-3,
    .mdn-u-py-md-3 {
        padding-bottom: 1rem !important
    }

    .mdn-u-pl-md-3,
    .mdn-u-px-md-3 {
        padding-left: 1rem !important
    }

    .mdn-u-p-md-4 {
        padding: 1.5rem !important
    }

    .mdn-u-pt-md-4,
    .mdn-u-py-md-4 {
        padding-top: 1.5rem !important
    }

    .mdn-u-pr-md-4,
    .mdn-u-px-md-4 {
        padding-right: 1.5rem !important
    }

    .mdn-u-pb-md-4,
    .mdn-u-py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .mdn-u-pl-md-4,
    .mdn-u-px-md-4 {
        padding-left: 1.5rem !important
    }

    .mdn-u-p-md-5 {
        padding: 3rem !important
    }

    .mdn-u-pt-md-5,
    .mdn-u-py-md-5 {
        padding-top: 3rem !important
    }

    .mdn-u-pr-md-5,
    .mdn-u-px-md-5 {
        padding-right: 3rem !important
    }

    .mdn-u-pb-md-5,
    .mdn-u-py-md-5 {
        padding-bottom: 3rem !important
    }

    .mdn-u-pl-md-5,
    .mdn-u-px-md-5 {
        padding-left: 3rem !important
    }

    .mdn-u-m-md-n1 {
        margin: -.25rem !important
    }

    .mdn-u-mt-md-n1,
    .mdn-u-my-md-n1 {
        margin-top: -.25rem !important
    }

    .mdn-u-mr-md-n1,
    .mdn-u-mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mdn-u-mb-md-n1,
    .mdn-u-my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .mdn-u-ml-md-n1,
    .mdn-u-mx-md-n1 {
        margin-left: -.25rem !important
    }

    .mdn-u-m-md-n2 {
        margin: -.5rem !important
    }

    .mdn-u-mt-md-n2,
    .mdn-u-my-md-n2 {
        margin-top: -.5rem !important
    }

    .mdn-u-mr-md-n2,
    .mdn-u-mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mdn-u-mb-md-n2,
    .mdn-u-my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .mdn-u-ml-md-n2,
    .mdn-u-mx-md-n2 {
        margin-left: -.5rem !important
    }

    .mdn-u-m-md-n3 {
        margin: -1rem !important
    }

    .mdn-u-mt-md-n3,
    .mdn-u-my-md-n3 {
        margin-top: -1rem !important
    }

    .mdn-u-mr-md-n3,
    .mdn-u-mx-md-n3 {
        margin-right: -1rem !important
    }

    .mdn-u-mb-md-n3,
    .mdn-u-my-md-n3 {
        margin-bottom: -1rem !important
    }

    .mdn-u-ml-md-n3,
    .mdn-u-mx-md-n3 {
        margin-left: -1rem !important
    }

    .mdn-u-m-md-n4 {
        margin: -1.5rem !important
    }

    .mdn-u-mt-md-n4,
    .mdn-u-my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mdn-u-mr-md-n4,
    .mdn-u-mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mdn-u-mb-md-n4,
    .mdn-u-my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mdn-u-ml-md-n4,
    .mdn-u-mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .mdn-u-m-md-n5 {
        margin: -3rem !important
    }

    .mdn-u-mt-md-n5,
    .mdn-u-my-md-n5 {
        margin-top: -3rem !important
    }

    .mdn-u-mr-md-n5,
    .mdn-u-mx-md-n5 {
        margin-right: -3rem !important
    }

    .mdn-u-mb-md-n5,
    .mdn-u-my-md-n5 {
        margin-bottom: -3rem !important
    }

    .mdn-u-ml-md-n5,
    .mdn-u-mx-md-n5 {
        margin-left: -3rem !important
    }

    .mdn-u-m-md-auto {
        margin: auto !important
    }

    .mdn-u-mt-md-auto,
    .mdn-u-my-md-auto {
        margin-top: auto !important
    }

    .mdn-u-mr-md-auto,
    .mdn-u-mx-md-auto {
        margin-right: auto !important
    }

    .mdn-u-mb-md-auto,
    .mdn-u-my-md-auto {
        margin-bottom: auto !important
    }

    .mdn-u-ml-md-auto,
    .mdn-u-mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:62rem) {
    .mdn-u-m-lg-0 {
        margin: 0 !important
    }

    .mdn-u-mt-lg-0,
    .mdn-u-my-lg-0 {
        margin-top: 0 !important
    }

    .mdn-u-mr-lg-0,
    .mdn-u-mx-lg-0 {
        margin-right: 0 !important
    }

    .mdn-u-mb-lg-0,
    .mdn-u-my-lg-0 {
        margin-bottom: 0 !important
    }

    .mdn-u-ml-lg-0,
    .mdn-u-mx-lg-0 {
        margin-left: 0 !important
    }

    .mdn-u-m-lg-1 {
        margin: .25rem !important
    }

    .mdn-u-mt-lg-1,
    .mdn-u-my-lg-1 {
        margin-top: .25rem !important
    }

    .mdn-u-mr-lg-1,
    .mdn-u-mx-lg-1 {
        margin-right: .25rem !important
    }

    .mdn-u-mb-lg-1,
    .mdn-u-my-lg-1 {
        margin-bottom: .25rem !important
    }

    .mdn-u-ml-lg-1,
    .mdn-u-mx-lg-1 {
        margin-left: .25rem !important
    }

    .mdn-u-m-lg-2 {
        margin: .5rem !important
    }

    .mdn-u-mt-lg-2,
    .mdn-u-my-lg-2 {
        margin-top: .5rem !important
    }

    .mdn-u-mr-lg-2,
    .mdn-u-mx-lg-2 {
        margin-right: .5rem !important
    }

    .mdn-u-mb-lg-2,
    .mdn-u-my-lg-2 {
        margin-bottom: .5rem !important
    }

    .mdn-u-ml-lg-2,
    .mdn-u-mx-lg-2 {
        margin-left: .5rem !important
    }

    .mdn-u-m-lg-3 {
        margin: 1rem !important
    }

    .mdn-u-mt-lg-3,
    .mdn-u-my-lg-3 {
        margin-top: 1rem !important
    }

    .mdn-u-mr-lg-3,
    .mdn-u-mx-lg-3 {
        margin-right: 1rem !important
    }

    .mdn-u-mb-lg-3,
    .mdn-u-my-lg-3 {
        margin-bottom: 1rem !important
    }

    .mdn-u-ml-lg-3,
    .mdn-u-mx-lg-3 {
        margin-left: 1rem !important
    }

    .mdn-u-m-lg-4 {
        margin: 1.5rem !important
    }

    .mdn-u-mt-lg-4,
    .mdn-u-my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mdn-u-mr-lg-4,
    .mdn-u-mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mdn-u-mb-lg-4,
    .mdn-u-my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mdn-u-ml-lg-4,
    .mdn-u-mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .mdn-u-m-lg-5 {
        margin: 3rem !important
    }

    .mdn-u-mt-lg-5,
    .mdn-u-my-lg-5 {
        margin-top: 3rem !important
    }

    .mdn-u-mr-lg-5,
    .mdn-u-mx-lg-5 {
        margin-right: 3rem !important
    }

    .mdn-u-mb-lg-5,
    .mdn-u-my-lg-5 {
        margin-bottom: 3rem !important
    }

    .mdn-u-ml-lg-5,
    .mdn-u-mx-lg-5 {
        margin-left: 3rem !important
    }

    .mdn-u-p-lg-0 {
        padding: 0 !important
    }

    .mdn-u-pt-lg-0,
    .mdn-u-py-lg-0 {
        padding-top: 0 !important
    }

    .mdn-u-pr-lg-0,
    .mdn-u-px-lg-0 {
        padding-right: 0 !important
    }

    .mdn-u-pb-lg-0,
    .mdn-u-py-lg-0 {
        padding-bottom: 0 !important
    }

    .mdn-u-pl-lg-0,
    .mdn-u-px-lg-0 {
        padding-left: 0 !important
    }

    .mdn-u-p-lg-1 {
        padding: .25rem !important
    }

    .mdn-u-pt-lg-1,
    .mdn-u-py-lg-1 {
        padding-top: .25rem !important
    }

    .mdn-u-pr-lg-1,
    .mdn-u-px-lg-1 {
        padding-right: .25rem !important
    }

    .mdn-u-pb-lg-1,
    .mdn-u-py-lg-1 {
        padding-bottom: .25rem !important
    }

    .mdn-u-pl-lg-1,
    .mdn-u-px-lg-1 {
        padding-left: .25rem !important
    }

    .mdn-u-p-lg-2 {
        padding: .5rem !important
    }

    .mdn-u-pt-lg-2,
    .mdn-u-py-lg-2 {
        padding-top: .5rem !important
    }

    .mdn-u-pr-lg-2,
    .mdn-u-px-lg-2 {
        padding-right: .5rem !important
    }

    .mdn-u-pb-lg-2,
    .mdn-u-py-lg-2 {
        padding-bottom: .5rem !important
    }

    .mdn-u-pl-lg-2,
    .mdn-u-px-lg-2 {
        padding-left: .5rem !important
    }

    .mdn-u-p-lg-3 {
        padding: 1rem !important
    }

    .mdn-u-pt-lg-3,
    .mdn-u-py-lg-3 {
        padding-top: 1rem !important
    }

    .mdn-u-pr-lg-3,
    .mdn-u-px-lg-3 {
        padding-right: 1rem !important
    }

    .mdn-u-pb-lg-3,
    .mdn-u-py-lg-3 {
        padding-bottom: 1rem !important
    }

    .mdn-u-pl-lg-3,
    .mdn-u-px-lg-3 {
        padding-left: 1rem !important
    }

    .mdn-u-p-lg-4 {
        padding: 1.5rem !important
    }

    .mdn-u-pt-lg-4,
    .mdn-u-py-lg-4 {
        padding-top: 1.5rem !important
    }

    .mdn-u-pr-lg-4,
    .mdn-u-px-lg-4 {
        padding-right: 1.5rem !important
    }

    .mdn-u-pb-lg-4,
    .mdn-u-py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .mdn-u-pl-lg-4,
    .mdn-u-px-lg-4 {
        padding-left: 1.5rem !important
    }

    .mdn-u-p-lg-5 {
        padding: 3rem !important
    }

    .mdn-u-pt-lg-5,
    .mdn-u-py-lg-5 {
        padding-top: 3rem !important
    }

    .mdn-u-pr-lg-5,
    .mdn-u-px-lg-5 {
        padding-right: 3rem !important
    }

    .mdn-u-pb-lg-5,
    .mdn-u-py-lg-5 {
        padding-bottom: 3rem !important
    }

    .mdn-u-pl-lg-5,
    .mdn-u-px-lg-5 {
        padding-left: 3rem !important
    }

    .mdn-u-m-lg-n1 {
        margin: -.25rem !important
    }

    .mdn-u-mt-lg-n1,
    .mdn-u-my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mdn-u-mr-lg-n1,
    .mdn-u-mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mdn-u-mb-lg-n1,
    .mdn-u-my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .mdn-u-ml-lg-n1,
    .mdn-u-mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .mdn-u-m-lg-n2 {
        margin: -.5rem !important
    }

    .mdn-u-mt-lg-n2,
    .mdn-u-my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mdn-u-mr-lg-n2,
    .mdn-u-mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mdn-u-mb-lg-n2,
    .mdn-u-my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .mdn-u-ml-lg-n2,
    .mdn-u-mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .mdn-u-m-lg-n3 {
        margin: -1rem !important
    }

    .mdn-u-mt-lg-n3,
    .mdn-u-my-lg-n3 {
        margin-top: -1rem !important
    }

    .mdn-u-mr-lg-n3,
    .mdn-u-mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mdn-u-mb-lg-n3,
    .mdn-u-my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mdn-u-ml-lg-n3,
    .mdn-u-mx-lg-n3 {
        margin-left: -1rem !important
    }

    .mdn-u-m-lg-n4 {
        margin: -1.5rem !important
    }

    .mdn-u-mt-lg-n4,
    .mdn-u-my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mdn-u-mr-lg-n4,
    .mdn-u-mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mdn-u-mb-lg-n4,
    .mdn-u-my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mdn-u-ml-lg-n4,
    .mdn-u-mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .mdn-u-m-lg-n5 {
        margin: -3rem !important
    }

    .mdn-u-mt-lg-n5,
    .mdn-u-my-lg-n5 {
        margin-top: -3rem !important
    }

    .mdn-u-mr-lg-n5,
    .mdn-u-mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mdn-u-mb-lg-n5,
    .mdn-u-my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .mdn-u-ml-lg-n5,
    .mdn-u-mx-lg-n5 {
        margin-left: -3rem !important
    }

    .mdn-u-m-lg-auto {
        margin: auto !important
    }

    .mdn-u-mt-lg-auto,
    .mdn-u-my-lg-auto {
        margin-top: auto !important
    }

    .mdn-u-mr-lg-auto,
    .mdn-u-mx-lg-auto {
        margin-right: auto !important
    }

    .mdn-u-mb-lg-auto,
    .mdn-u-my-lg-auto {
        margin-bottom: auto !important
    }

    .mdn-u-ml-lg-auto,
    .mdn-u-mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:75rem) {
    .mdn-u-m-xl-0 {
        margin: 0 !important
    }

    .mdn-u-mt-xl-0,
    .mdn-u-my-xl-0 {
        margin-top: 0 !important
    }

    .mdn-u-mr-xl-0,
    .mdn-u-mx-xl-0 {
        margin-right: 0 !important
    }

    .mdn-u-mb-xl-0,
    .mdn-u-my-xl-0 {
        margin-bottom: 0 !important
    }

    .mdn-u-ml-xl-0,
    .mdn-u-mx-xl-0 {
        margin-left: 0 !important
    }

    .mdn-u-m-xl-1 {
        margin: .25rem !important
    }

    .mdn-u-mt-xl-1,
    .mdn-u-my-xl-1 {
        margin-top: .25rem !important
    }

    .mdn-u-mr-xl-1,
    .mdn-u-mx-xl-1 {
        margin-right: .25rem !important
    }

    .mdn-u-mb-xl-1,
    .mdn-u-my-xl-1 {
        margin-bottom: .25rem !important
    }

    .mdn-u-ml-xl-1,
    .mdn-u-mx-xl-1 {
        margin-left: .25rem !important
    }

    .mdn-u-m-xl-2 {
        margin: .5rem !important
    }

    .mdn-u-mt-xl-2,
    .mdn-u-my-xl-2 {
        margin-top: .5rem !important
    }

    .mdn-u-mr-xl-2,
    .mdn-u-mx-xl-2 {
        margin-right: .5rem !important
    }

    .mdn-u-mb-xl-2,
    .mdn-u-my-xl-2 {
        margin-bottom: .5rem !important
    }

    .mdn-u-ml-xl-2,
    .mdn-u-mx-xl-2 {
        margin-left: .5rem !important
    }

    .mdn-u-m-xl-3 {
        margin: 1rem !important
    }

    .mdn-u-mt-xl-3,
    .mdn-u-my-xl-3 {
        margin-top: 1rem !important
    }

    .mdn-u-mr-xl-3,
    .mdn-u-mx-xl-3 {
        margin-right: 1rem !important
    }

    .mdn-u-mb-xl-3,
    .mdn-u-my-xl-3 {
        margin-bottom: 1rem !important
    }

    .mdn-u-ml-xl-3,
    .mdn-u-mx-xl-3 {
        margin-left: 1rem !important
    }

    .mdn-u-m-xl-4 {
        margin: 1.5rem !important
    }

    .mdn-u-mt-xl-4,
    .mdn-u-my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mdn-u-mr-xl-4,
    .mdn-u-mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mdn-u-mb-xl-4,
    .mdn-u-my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mdn-u-ml-xl-4,
    .mdn-u-mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .mdn-u-m-xl-5 {
        margin: 3rem !important
    }

    .mdn-u-mt-xl-5,
    .mdn-u-my-xl-5 {
        margin-top: 3rem !important
    }

    .mdn-u-mr-xl-5,
    .mdn-u-mx-xl-5 {
        margin-right: 3rem !important
    }

    .mdn-u-mb-xl-5,
    .mdn-u-my-xl-5 {
        margin-bottom: 3rem !important
    }

    .mdn-u-ml-xl-5,
    .mdn-u-mx-xl-5 {
        margin-left: 3rem !important
    }

    .mdn-u-p-xl-0 {
        padding: 0 !important
    }

    .mdn-u-pt-xl-0,
    .mdn-u-py-xl-0 {
        padding-top: 0 !important
    }

    .mdn-u-pr-xl-0,
    .mdn-u-px-xl-0 {
        padding-right: 0 !important
    }

    .mdn-u-pb-xl-0,
    .mdn-u-py-xl-0 {
        padding-bottom: 0 !important
    }

    .mdn-u-pl-xl-0,
    .mdn-u-px-xl-0 {
        padding-left: 0 !important
    }

    .mdn-u-p-xl-1 {
        padding: .25rem !important
    }

    .mdn-u-pt-xl-1,
    .mdn-u-py-xl-1 {
        padding-top: .25rem !important
    }

    .mdn-u-pr-xl-1,
    .mdn-u-px-xl-1 {
        padding-right: .25rem !important
    }

    .mdn-u-pb-xl-1,
    .mdn-u-py-xl-1 {
        padding-bottom: .25rem !important
    }

    .mdn-u-pl-xl-1,
    .mdn-u-px-xl-1 {
        padding-left: .25rem !important
    }

    .mdn-u-p-xl-2 {
        padding: .5rem !important
    }

    .mdn-u-pt-xl-2,
    .mdn-u-py-xl-2 {
        padding-top: .5rem !important
    }

    .mdn-u-pr-xl-2,
    .mdn-u-px-xl-2 {
        padding-right: .5rem !important
    }

    .mdn-u-pb-xl-2,
    .mdn-u-py-xl-2 {
        padding-bottom: .5rem !important
    }

    .mdn-u-pl-xl-2,
    .mdn-u-px-xl-2 {
        padding-left: .5rem !important
    }

    .mdn-u-p-xl-3 {
        padding: 1rem !important
    }

    .mdn-u-pt-xl-3,
    .mdn-u-py-xl-3 {
        padding-top: 1rem !important
    }

    .mdn-u-pr-xl-3,
    .mdn-u-px-xl-3 {
        padding-right: 1rem !important
    }

    .mdn-u-pb-xl-3,
    .mdn-u-py-xl-3 {
        padding-bottom: 1rem !important
    }

    .mdn-u-pl-xl-3,
    .mdn-u-px-xl-3 {
        padding-left: 1rem !important
    }

    .mdn-u-p-xl-4 {
        padding: 1.5rem !important
    }

    .mdn-u-pt-xl-4,
    .mdn-u-py-xl-4 {
        padding-top: 1.5rem !important
    }

    .mdn-u-pr-xl-4,
    .mdn-u-px-xl-4 {
        padding-right: 1.5rem !important
    }

    .mdn-u-pb-xl-4,
    .mdn-u-py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .mdn-u-pl-xl-4,
    .mdn-u-px-xl-4 {
        padding-left: 1.5rem !important
    }

    .mdn-u-p-xl-5 {
        padding: 3rem !important
    }

    .mdn-u-pt-xl-5,
    .mdn-u-py-xl-5 {
        padding-top: 3rem !important
    }

    .mdn-u-pr-xl-5,
    .mdn-u-px-xl-5 {
        padding-right: 3rem !important
    }

    .mdn-u-pb-xl-5,
    .mdn-u-py-xl-5 {
        padding-bottom: 3rem !important
    }

    .mdn-u-pl-xl-5,
    .mdn-u-px-xl-5 {
        padding-left: 3rem !important
    }

    .mdn-u-m-xl-n1 {
        margin: -.25rem !important
    }

    .mdn-u-mt-xl-n1,
    .mdn-u-my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mdn-u-mr-xl-n1,
    .mdn-u-mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mdn-u-mb-xl-n1,
    .mdn-u-my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .mdn-u-ml-xl-n1,
    .mdn-u-mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .mdn-u-m-xl-n2 {
        margin: -.5rem !important
    }

    .mdn-u-mt-xl-n2,
    .mdn-u-my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mdn-u-mr-xl-n2,
    .mdn-u-mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mdn-u-mb-xl-n2,
    .mdn-u-my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .mdn-u-ml-xl-n2,
    .mdn-u-mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .mdn-u-m-xl-n3 {
        margin: -1rem !important
    }

    .mdn-u-mt-xl-n3,
    .mdn-u-my-xl-n3 {
        margin-top: -1rem !important
    }

    .mdn-u-mr-xl-n3,
    .mdn-u-mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mdn-u-mb-xl-n3,
    .mdn-u-my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mdn-u-ml-xl-n3,
    .mdn-u-mx-xl-n3 {
        margin-left: -1rem !important
    }

    .mdn-u-m-xl-n4 {
        margin: -1.5rem !important
    }

    .mdn-u-mt-xl-n4,
    .mdn-u-my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mdn-u-mr-xl-n4,
    .mdn-u-mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mdn-u-mb-xl-n4,
    .mdn-u-my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mdn-u-ml-xl-n4,
    .mdn-u-mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .mdn-u-m-xl-n5 {
        margin: -3rem !important
    }

    .mdn-u-mt-xl-n5,
    .mdn-u-my-xl-n5 {
        margin-top: -3rem !important
    }

    .mdn-u-mr-xl-n5,
    .mdn-u-mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mdn-u-mb-xl-n5,
    .mdn-u-my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .mdn-u-ml-xl-n5,
    .mdn-u-mx-xl-n5 {
        margin-left: -3rem !important
    }

    .mdn-u-m-xl-auto {
        margin: auto !important
    }

    .mdn-u-mt-xl-auto,
    .mdn-u-my-xl-auto {
        margin-top: auto !important
    }

    .mdn-u-mr-xl-auto,
    .mdn-u-mx-xl-auto {
        margin-right: auto !important
    }

    .mdn-u-mb-xl-auto,
    .mdn-u-my-xl-auto {
        margin-bottom: auto !important
    }

    .mdn-u-ml-xl-auto,
    .mdn-u-mx-xl-auto {
        margin-left: auto !important
    }
}

.mdn-u-w-25 {
    width: 25% !important
}

.mdn-u-w-50 {
    width: 50% !important
}

.mdn-u-w-75 {
    width: 75% !important
}

.mdn-u-w-100 {
    width: 100% !important
}

.mdn-u-w-auto {
    width: auto !important
}

.mdn-u-h-25 {
    height: 25% !important
}

.mdn-u-h-50 {
    height: 50% !important
}

.mdn-u-h-75 {
    height: 75% !important
}

.mdn-u-h-100 {
    height: 100% !important
}

.mdn-u-h-auto {
    height: auto !important
}

.mdn-u-mw-100 {
    max-width: 100% !important
}

.mdn-u-mh-100 {
    max-height: 100% !important
}

.mdn-u-min-vw-100 {
    min-width: 100vw !important
}

.mdn-u-min-vh-100 {
    min-height: 100vh !important
}

.mdn-u-vw-100 {
    width: 100vw !important
}

.mdn-u-vh-100 {
    height: 100vh !important
}

.mdn-Link {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-regular);
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    color: var(--theme-text-color-Link--default);
    background: none;
    border: none;
    cursor: pointer
}

.mdn-Link .mdn-Button--disabled,
.mdn-Link[aria-disabled=true],
.mdn-Link[disabled=true],
.mdn-Link[disabled] {
    opacity: var(--theme-opacity-medium);
    cursor: not-allowed;
    box-shadow: none !important;
    text-decoration: none !important
}

.mdn-Link--inverse.mdn-Link-anchor,
.mdn-Link--inverse .mdn-Link-anchor {
    color: var(--theme-text-color-Link--inverse)
}

.mdn-Link--inverse.mdn-Link-anchor-icon,
.mdn-Link--inverse .mdn-Link-anchor-icon {
    color: var(--theme-color-Link-arrow-icon-inverse)
}

.mdn-Link .mdn-Link-anchor-label {
    text-decoration: var(--theme-textDecoration-Link--default)
}

.mdn-Link:hover .mdn-Link-anchor-label {
    text-decoration: var(--theme-textDecoration-Link--hover)
}

.mdn-Link:hover .mdn-Link-anchor-icon {
    margin-left: var(--theme-spacing-inline-xxs);
    transition: all .2s
}

.mdn-Link-anchor {
    text-decoration: var(--theme-textDecoration-Link--default);
    color: var(--theme-text-color-Link--default);
    cursor: pointer
}

.mdn-Link-anchor-icon {
    font-size: .5625rem;
    margin-left: var(--theme-spacing-inline-xxxs);
    color: var(--theme-color-Link-arrow-icon-default);
    display: inline-flex;
    transition: all .2s
}

.mdn-Link-anchor-icon:before {
    font-size: var(--theme-font-size-xxs)
}

.mdn-Link-anchor:hover.mdn-Link,
.mdn-Link-anchor:hover .mdn-Link-anchor-label {
    text-decoration: var(--theme-textDecoration-Link--hover)
}

.mdn-Link--arrow .mdn-Link-anchor {
    display: inline-flex;
    align-items: center
}

.mdn-Link--icon .mdn-Link-anchor {
    display: flex;
    color: var(--theme-color-neutral-dark)
}

.mdn-Link--icon .mdn-Link-anchor .mdn-Icon--md {
    margin-right: var(--theme-spacing-inline-xxs)
}

.mdn-Link--icon .mdn-Link-anchor .mdn-Link-anchor-label {
    text-decoration: var(--theme-text-underline)
}

.mdn-Link--icon .mdn-Link-anchor :hover {
    text-decoration: none
}

.mdn-Link--inverse .mdn-Link-anchor {
    color: var(--theme-color-neutral-lightest)
}

.mdn-Link--inverse :hover {
    color: var(--theme-color-neutral-medium)
}

.mdn-Price {
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs);
    color: var(--theme-color-Price-default);
    width: 14.875rem;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

@media only screen and (min-width:22rem) {
    .mdn-Price {
        width: 17.5rem
    }
}

.mdn-Price-prefix {
    font-family: var(--theme-font-family--base);
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    font-weight: var(--theme-font-weight-bold)
}

.mdn-Price-price {
    font-family: var(--theme-font-family--highlight);
    font-size: var(--theme-font-size-sm);
    line-height: var(--theme-font-line-height-xxxs);
    font-weight: var(--theme-color-Price-value-weight);
    word-spacing: 0;
    color: var(--theme-color-Price-value-default);
    margin-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-Price-price-period {
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    margin-left: var(--theme-spacing-inline-xxxs);
    vertical-align: bottom
}

@media only screen and (min-width:22rem) {
    .mdn-Price-price {
        font-size: var(--theme-font-size-md);
        line-height: var(--theme-font-line-height-xxxs)
    }

    .mdn-Price-price-period {
        font-size: var(--theme-font-size-xs)
    }
}

.mdn-Price-suffix {
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-regular);
    line-height: var(--theme-font-line-height-xxs);
    font-size: var(--theme-font-size-xxs)
}

.mdn-Price--inverse {
    color: var(--theme-color-Price-inverse)
}

.mdn-Price--inverse .mdn-Price-price {
    color: var(--theme-color-Price-value-inverse)
}

.mdn-ProgressBar {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column
}

.mdn-ProgressBar-percent {
    position: relative;
    width: 2.5rem
}

.mdn-ProgressBar-percentText {
    position: relative;
    right: .9375rem;
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-ProgressBar-percentText.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-ProgressBar-fill {
    -webkit-appearance: none;
    width: 100%;
    height: var(--theme-spacing-inset-xs);
    border: var(--theme-borderWidth-Progress-default) var(--theme-border-style--default) var(--theme-borderColor-Progress-default);
    background-color: var(--theme-background-color--light);
    border-radius: 1.25rem;
    overflow: hidden
}

.mdn-ProgressBar-fill::-webkit-progress-bar {
    -webkit-appearance: none;
    background-color: var(--theme-background-color--light);
    border-radius: 1.25rem
}

.mdn-ProgressBar-fill::-webkit-progress-value {
    -webkit-appearance: none;
    background-color: var(--theme-backgroundColor-ProgressBar-value-fill--default);
    transition: all .2s
}

.mdn-ProgressBar-fill::-moz-progress-bar {
    -webkit-appearance: none;
    background-color: var(--theme-background-color--primary);
    transition: all .2s;
    transform-origin: 0 0;
    border-radius: 1.25rem
}

.mdn-ProgressBar-fill::-ms-fill {
    -webkit-appearance: none;
    background-color: var(--theme-background-color--primary);
    border: 0
}

.mdn-ProgressBarGroup .mdn-ProgressBar {
    margin: var(--theme-spacing-stack-xs) 0 var(--theme-spacing-stack-md)
}

.mdn-Button--disabled,
.mdn-u-disabled,
[aria-disabled=true],
[disabled=true],
[disabled] {
    opacity: var(--theme-opacity-medium);
    cursor: not-allowed;
    box-shadow: none !important;
    text-decoration: none !important
}

.mdn-Input {
    -webkit-appearance: none;
    color: var(--theme-text-color-Label--default);
    font-family: var(--theme-font-family--default);
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight-regular);
    line-height: var(--theme-font-size-xxs);
    align-items: flex-end;
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: transparent
}

.mdn-Input textarea {
    height: 12.25rem;
    line-height: 1.25rem;
    padding-top: var(--theme-spacing-stack-sm)
}

.mdn-Input textarea~label {
    background-color: var(--theme-color-neutral-lightest-bg)
}

.mdn-Input textarea~label :hover {
    background-color: var(--theme-color-neutral-light-bg)
}

.mdn-Input input,
.mdn-Input select,
.mdn-Input textarea {
    width: 100%
}

.mdn-Input input {
    padding-top: var(--theme-spacing-stack-sm);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Input input::-webkit-inner-spin-button,
.mdn-Input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdn-Input input[type=number] {
    -moz-appearance: textfield
}

.mdn-Input--activatedField label {
    pointer-events: none;
    z-index: 1;
    font-size: var(--theme-font-size-xxxs);
    font-weight: var(--theme-font-weight-regular);
    transform: translateY(-100%);
    line-height: var(--theme-font-size-xxxs)
}

.mdn-Input--activatedField .mdn-Input-field,
.mdn-Input--activatedField .mdn-Input-field[data-mdn-type=date] {
    color: var(--theme-color-Input--activated)
}

.mdn-Input--activatedField .mdn-Input-action {
    color: var(--theme-color-Input-action--activated)
}

.mdn-Input--activatedField .mdn-Input-field[data-mdn-type=date],
.mdn-Input--activatedField .mdn-Input-field[data-mdn-type=select] {
    color: var(--theme-color-Input--activated)
}

.mdn-Input--attentionField .mdn-Input-field {
    background: var(--theme-background-color--default);
    border-color: var(--theme-color-Input--attention)
}

.mdn-Input--attentionField .mdn-Input-field~label {
    color: var(--theme-color-Input--attention)
}

.mdn-Input--attentionField .mdn-Input-errorFeedback {
    display: block
}

.mdn-Input--attentionField:has(.mdn-Input-errorFeedback--responsive) {
    margin-bottom: 0
}

.mdn-Input--attentionField:has(.mdn-Input-errorFeedback--responsive) .mdn-Input-errorFeedback {
    position: inherit
}

.mdn-Input--attentionField~label {
    color: var(--theme-color-Input--attention);
    pointer-events: none
}

.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=action]~.mdn-Input-action {
    background: var(--theme-color-support-danger-dark-clickable);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-Input--attention);
    border-left-width: var(--theme-border-width-none);
    color: var(--theme-color-Input-action--hover);
    font-size: var(--theme-font-size-xxs)
}

.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=password]~.mdn-Input-action {
    color: var(--theme-color-support-danger-dark-clickable)
}

.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=date]::-webkit-calendar-picker-indicator {
    filter: invert(22%) sepia(100%) saturate(2193%) hue-rotate(27deg) brightness(105%) contrast(102%)
}

.mdn-Input--half {
    width: 50%
}

.mdn-Input--half input,
.mdn-Input--half select,
.mdn-Input--half textarea {
    width: 100%
}

.mdn-Input-label {
    cursor: pointer;
    position: absolute;
    top: 1.25rem;
    left: var(--theme-spacing-inline-xs);
    line-height: var(--theme-font-line-height-xxxs);
    font-weight: var(--theme-font-weight-regular);
    pointer-events: none;
    transition: all .2s
}

.mdn-Input-field {
    -webkit-appearance: none;
    border: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-borderColor-Input);
    border-radius: var(--theme-border-radius--default);
    padding: var(--theme-spacing-squish-xs);
    outline: none;
    min-width: 6.25rem;
    height: 3.375rem;
    background-color: var(--theme-color-neutral-lightest-bg);
    font: inherit;
    transition: all .2s
}

.mdn-Input-field[type=search]::-ms-clear,
.mdn-Input-field[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.mdn-Input-field[type=search]::-webkit-search-cancel-button,
.mdn-Input-field[type=search]::-webkit-search-decoration,
.mdn-Input-field[type=search]::-webkit-search-results-button,
.mdn-Input-field[type=search]::-webkit-search-results-decoration {
    display: none
}

.mdn-Input-field[data-mdn-type=action],
.mdn-Input-field[data-mdn-type=password],
.mdn-Input-field[data-mdn-type=search],
.mdn-Input-field[data-mdn-type=select] {
    min-width: 6.25rem
}

.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action {
    min-width: 3.75rem;
    padding: var(--theme-spacing-squish-xs);
    height: 100%;
    top: 0;
    transform: translate(0);
    border-radius: 0 var(--theme-border-radius-xs) var(--theme-border-radius-xs) 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: all .2s
}

.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--sm {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: var(--theme-font-size-sm)
}

.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--lg:before,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--md:before,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action .mdn-Icon--sm:before,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--lg:before,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--md:before,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=password]~.mdn-Input-action .mdn-Icon--sm:before,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--lg:before,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--md:before,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=search]~.mdn-Input-action .mdn-Icon--sm:before,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--lg,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--lg:before,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--md,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--md:before,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--sm,
.mdn-Input-field[data-mdn-type=select]~.mdn-Input-action .mdn-Icon--sm:before {
    font-size: var(--theme-font-size-sm)
}

.mdn-Input-field[data-mdn-type=select] {
    background-color: var(--theme-color-neutral-lightest-bg);
    -webkit-appearance: none;
    appearance: none;
    padding-bottom: 0;
    font-weight: var(--theme-font-weight-medium);
    background-image: url(https://mondrian.claro.com.br/icons/icons/baixo.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - var(--theme-spacing-inline-xxs));
    background-size: var(--theme-font-size-sm);
    position: relative;
    padding-top: var(--theme-spacing-stack-xs)
}

.mdn-Input-field[data-mdn-type=select] option {
    color: var(--theme-color-neutral-darkest-content);
    font-weight: var(--theme-font-weight-regular)
}

.mdn-Input-field[data-mdn-type=select]:hover {
    background-color: var(--theme-color-neutral-light-bg)
}

.mdn-Input-field[data-mdn-type=select]~.mdn-Input-select-arrow {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    pointer-events: none
}

.mdn-Input-field[type=password]~.mdn-Input-action .mdn-Icon-ocultar {
    display: none
}

.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action {
    background: var(--theme-backgroundColor-Input-action--default);
    color: var(--theme-color-Input-action--default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Input);
    border-left-width: var(--theme-border-width-none);
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Input-field[data-mdn-type=action]~.mdn-Input-action:hover {
    background: var(--theme-backgroundColor-Input-action--hover);
    color: var(--theme-color-Input-action--hover)
}

.mdn-Input-field[data-mdn-type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 1.125rem;
    top: 1.125rem;
    filter: var(--theme-color-Input-action-date)
}

.mdn-Input-field[data-mdn-type=date],
.mdn-Input-field[data-mdn-type=select] {
    color: transparent
}

.mdn-Input-field:focus {
    color: var(--theme-text-color-Label--default)
}

.mdn-Input-field:focus~label {
    font-size: var(--theme-font-size-xxxs);
    font-weight: var(--theme-font-weight-regular);
    transform: translateY(-100%);
    line-height: var(--theme-font-size-xxxs);
    z-index: 1;
    pointer-events: none
}

.mdn-Input-field:hover {
    border-color: var(--theme-borderColor-Input--hover);
    background-color: var(--theme-color-neutral-light-bg);
    cursor: pointer
}

.mdn-Input-field[type=text]~.mdn-Input-action .mdn-Icon-exibir {
    display: none
}

.mdn-Input-field[disabled] {
    cursor: not-allowed;
    border-color: var(--theme-borderColor-Input--disabled);
    background-color: var(--theme-background-color--default);
    color: var(--theme-color-Input--disabled)
}

.mdn-Input-field[disabled]~label {
    cursor: not-allowed;
    color: var(--theme-color-Input-label--disabled)
}

.mdn-Input-field[disabled]~.mdn-Input-action {
    opacity: var(--theme-opacity-medium);
    cursor: not-allowed
}

.mdn-Input-action {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: var(--theme-color-Input-action--search);
    text-decoration: none;
    font-size: var(--theme-font-size-sm)
}

.mdn-Input-errorFeedback {
    position: absolute;
    padding: var(--theme-spacing-squish-xs);
    padding-top: var(--theme-spacing-inline-xxxs);
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxxs);
    line-height: var(--theme-font-line-height-xxs);
    color: var(--theme-color-Input--attention);
    display: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Input--inverse,
.mdn-Input--inverse input {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse input {
    border-color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse input[data-mdn-type=date]::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.mdn-Input--inverse textarea~label {
    background-color: transparent
}

.mdn-Input--inverse.mdn-Input--activatedField .mdn-Input-action,
.mdn-Input--inverse.mdn-Input--activatedField .mdn-Input-field,
.mdn-Input--inverse.mdn-Input--activatedField .mdn-Input-field[data-mdn-type=date],
.mdn-Input--inverse.mdn-Input--activatedField .mdn-Input-field[data-mdn-type=select] {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-field {
    background: transparent;
    border-color: var(--theme-color-support-highlight-dark-content)
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-field~label {
    color: var(--theme-color-support-highlight-dark-content)
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-errorFeedback {
    display: block;
    color: var(--theme-color-support-highlight-dark-content)
}

.mdn-Input--inverse.mdn-Input--attentionField~label {
    color: var(--theme-color-support-highlight-dark-content);
    pointer-events: none
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=action]~.mdn-Input-action {
    background: var(--theme-color-support-highlight-dark-clickable);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-support-highlight-dark-clickable);
    border-left-width: var(--theme-border-width-none);
    color: var(--theme-color-Input-action--hover);
    font-size: var(--theme-font-size-xxs)
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=password]~.mdn-Input-action {
    color: var(--theme-color-support-highlight-dark-clickable)
}

.mdn-Input--inverse.mdn-Input--attentionField .mdn-Input-field[data-mdn-type=date]::-webkit-calendar-picker-indicator {
    filter: invert(83%) sepia(34%) saturate(4995%) hue-rotate(336deg) brightness(99%) contrast(100%)
}

.mdn-Input--inverse--half {
    width: 50%
}

.mdn-Input--inverse--half input,
.mdn-Input--inverse--half select,
.mdn-Input--inverse--half textarea {
    width: 100%
}

.mdn-Input--inverse .mdn-Input-label {
    cursor: pointer;
    position: absolute;
    top: 1.25rem;
    left: var(--theme-spacing-inline-xs);
    line-height: var(--theme-font-line-height-xxxs);
    font-weight: var(--theme-font-weight-regular);
    pointer-events: none;
    transition: all .2s
}

.mdn-Input--inverse .mdn-Input-field {
    border: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-color-neutral-lightest-content);
    background-color: transparent
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=select] {
    background-image: url(https://mondrian.claro.com.br/icons/icons/baixo.svg)
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=select] option {
    color: var(--theme-color-neutral-darkest-bg)
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=select]:hover {
    background-color: transparent
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=select]~.mdn-Input-select-arrow {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=action]~.mdn-Input-action {
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-lightest-content);
    border-left-width: var(--theme-border-width-none)
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=action]~.mdn-Input-action:hover {
    background: var(--theme-backgroundColor-Input-action--hover);
    color: var(--theme-color-Input-action--hover)
}

.mdn-Input--inverse .mdn-Input-field[data-mdn-type=date],
.mdn-Input--inverse .mdn-Input-field[data-mdn-type=select] {
    color: transparent
}

.mdn-Input--inverse .mdn-Input-field:focus {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-field:hover {
    border-color: var(--theme-color-neutral-lightest-content);
    background-color: hsla(0, 0%, 100%, .16)
}

.mdn-Input--inverse .mdn-Input-field[disabled] {
    opacity: var(--theme-opacity-medium);
    background-color: transparent
}

.mdn-Input--inverse .mdn-Input-field[disabled]~label {
    cursor: not-allowed;
    color: var(--theme-color-Input-label-inverse--disabled)
}

.mdn-Input--inverse .mdn-Input-action {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: var(--theme-color-Input-action--search);
    text-decoration: none;
    font-size: var(--theme-font-size-sm)
}

.mdn-Input--inverse .mdn-Input-errorFeedback {
    position: absolute;
    padding: var(--theme-spacing-squish-xs);
    padding-top: var(--theme-spacing-inline-xxxs);
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxxs);
    line-height: var(--theme-font-line-height-xxs);
    color: var(--theme-color-Input--attention);
    display: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Input-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%
}

.mdn-Input-select {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--theme-spacing-inset-xxs) var(--theme-spacing-inset-sm)
}

.mdn-Input-select .mdn-Topic--sm {
    line-height: inherit;
    padding-top: .125rem
}

.mdn-Input-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--theme-font-weight-regular);
    height: 2.625rem;
    cursor: pointer;
    border-style: var(--theme-border-style-default);
    border-color: var(--theme-borderColor-Input)
}

.mdn-Input-select__trigger span {
    padding-top: var(--theme-spacing-stack-xs)
}

.mdn-Input-select--custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border: var(--theme-border-width-thin) var(--theme-border-style-default) var(--theme-borderColor-Input);
    background: var(--theme-background-color--default);
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.mdn-Input-select.open .mdn-Input-select--custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    border-radius: var(--theme-border-radius--default);
    margin-top: var(--theme-border-radius--default);
    z-index: 10
}

.mdn-Input-select--custom-option {
    position: relative;
    display: block;
    padding: var(--theme-spacing-squish-xs);
    font-weight: var(--theme-font-weight-regular);
    color: var(--theme-text-color-Label--default);
    line-height: var(--theme-font-line-height-xxs);
    cursor: pointer;
    transition: all .5s;
    margin: var(--theme-spacing-stack-xxs) 0
}

.mdn-Input-select--custom-option:hover {
    cursor: pointer
}

.mdn-Input-select--custom-option.selected,
.mdn-Input-select--custom-option:hover {
    background-color: var(--theme-color-Input-select-custom-hover-option)
}

.mdn-Input-select--custom-arrow {
    position: relative;
    height: .5rem;
    width: .3125rem
}

.mdn-Input-select--custom-arrow:after,
.mdn-Input-select--custom-arrow:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: .15rem;
    height: 100%;
    transition: all .5s
}

.mdn-Input-select--custom-arrow:before {
    left: -.625rem;
    transform: rotate(-45deg);
    background-color: var(--theme-borderColor-Input)
}

.mdn-Input-select--custom-arrow:after {
    left: -.3125rem;
    transform: rotate(45deg);
    background-color: var(--theme-borderColor-Input)
}

.mdn-Input--inverse .mdn-Input-select-wrapper {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-select-wrapper input {
    border-color: var(--theme-color-neutral-lightest-content);
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-arrow:after,
.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-arrow:before {
    filter: invert(1)
}

.mdn-Input--inverse .mdn-Input-select-wrapper.mdn-Input--activatedField .mdn-Input-field,
.mdn-Input--inverse .mdn-Input-select-wrapper.mdn-Input--activatedField .mdn-Text,
.mdn-Input--inverse .mdn-Input-select-wrapper.mdn-Input--activatedField [class$=-description],
.mdn-Input--inverse .mdn-Input-select-wrapper.mdn-Input--activatedField [class$=-symbol] {
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-options {
    background: var(--theme-color-neutral-darkest-clickable);
    border-color: var(--theme-color-neutral-lightest-content)
}

.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-options .mdn-Input-select--custom-option {
    border-color: var(--theme-color-neutral-darkest-clickable);
    color: var(--theme-color-neutral-lightest-content);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-options .mdn-Input-select--custom-option:hover {
    background: var(--theme-color-neutral-dark-clickable)
}

.mdn-Input--inverse .mdn-Input-select-wrapper .mdn-Input-select--custom-options .mdn-Input-select--custom-option.selected {
    background: var(--theme-color-neutral-dark-clickable);
    color: var(--theme-color-neutral-lightest-content)
}

.mdn-Image {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    display: inline-flex;
    width: 100%
}

.mdn-Image-asset {
    object-fit: cover;
    max-width: 100%
}

@media screen and (max-width:48rem) {
    .mdn-Image {
        width: 12.5rem
    }
}

.mdn-Radio {
    display: flex
}

.mdn-Radio * {
    cursor: pointer
}

.mdn-Radio input {
    width: 2.8125rem;
    position: absolute;
    height: 1.5625rem;
    opacity: 0
}

.mdn-Radio input:disabled~div,
.mdn-Radio input:disabled~label {
    opacity: var(--theme-opacity-intense);
    cursor: not-allowed
}

.mdn-Radio-label {
    position: relative
}

.mdn-Radio-label:before {
    content: "";
    background: var(--theme-background-color--default);
    border-radius: var(--theme-border-radius-circle);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Radio-default);
    display: inline-block;
    width: var(--theme-font-size-sm);
    height: var(--theme-font-size-sm);
    position: relative;
    margin-right: 1em;
    vertical-align: top;
    text-align: center
}

.mdn-Radio-label:after {
    content: "";
    position: absolute;
    left: 50%;
    height: var(--theme-font-size-xxxs);
    width: var(--theme-font-size-xxxs);
    top: .375rem;
    transform: translate(-50%);
    border-radius: var(--theme-border-radius-circle)
}

.mdn-Radio-label:empty:before {
    margin-right: 0
}

.mdn-Radio-text {
    align-self: center;
    font-family: var(--theme-font-family--default);
    color: var(--theme-textColor-Radio-default);
    position: relative;
    left: var(--theme-spacing-inline-xxs);
    font-size: var(--theme-font-size--default);
    font-weight: var(--theme-font-weight--default);
    line-height: var(--theme-font-size--default)
}

.mdn-Radio :checked+.mdn-Radio-label:before {
    box-shadow: none;
    background: var(--theme-backgroundColor-Radio-default--checked);
    transition: all .2s
}

.mdn-Radio :checked+.mdn-Radio-label:after {
    background-color: var(--theme-background-color-Radio-circle--default)
}

.mdn-Radio--inverse .mdn-Radio-label:before {
    background: var(--theme-background-color--primary);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Radio-inverse)
}

.mdn-Radio--inverse .mdn-Radio-text {
    color: var(--theme-textColor-Radio-inverse)
}

.mdn-Radio--inverse :checked+.mdn-Radio-label:before {
    box-shadow: none;
    background: var(--theme-borderColor-Radio-inverse--checked);
    transition: all .2s
}

.mdn-Radio--inverse :checked+.mdn-Radio-label:after {
    background-color: var(--theme-backgroundColor-Radio-inverse--checked)
}

.mdn-Radio--attentionField {
    padding-bottom: var(--theme-spacing-stack-sm);
    position: relative
}

.mdn-Radio--attentionField .mdn-Radio-label:before {
    border-color: var(--theme-color-Input--attention)
}

.mdn-Radio--attentionField.mdn-Radio--darkest .mdn-Radio-label:before,
.mdn-Radio--attentionField.mdn-Radio--inverse .mdn-Radio-label:before {
    border-color: var(--theme-color-Input--attentionInverse)
}

.mdn-Radio--attentionField.mdn-Radio--darkest .mdn-Input-errorFeedback,
.mdn-Radio--attentionField.mdn-Radio--inverse .mdn-Input-errorFeedback {
    color: var(--theme-color-Input--attentionInverse)
}

.mdn-Radio--attentionField .mdn-Input-errorFeedback {
    display: flex;
    bottom: 0;
    left: 0;
    padding: 0;
    padding-top: var(--theme-spacing-stack-xxxs);
    margin-left: 0
}

.mdn-Radio--darkestz .mdn-Radio-label:before {
    background: var(--theme-background-color--darkest);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Radio-darkest)
}

.mdn-Radio--darkestz .mdn-Radio-text {
    color: var(--theme-textColor-Radio-inverse)
}

.mdn-Radio--darkestz :checked+.mdn-Radio-label:before {
    box-shadow: none;
    background: var(--theme-borderColor-Radio-darkest--checked);
    transition: all .2s
}

.mdn-Radio--darkestz :checked+.mdn-Radio-label:after {
    background-color: var(--theme-backgroundColor-Radio-darkest--checked)
}

.mdn-Radio--darkest .mdn-Radio-label:before {
    background: var(--theme-background-color--darkest);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Radio-darkest)
}

.mdn-Radio--darkest .mdn-Radio-text {
    color: var(--theme-textColor-Radio-darkest)
}

.mdn-Radio--darkest :checked+.mdn-Radio-label:before {
    box-shadow: none;
    background: var(--theme-borderColor-Radio-darkest--checked);
    transition: all .2s
}

.mdn-Radio--darkest :checked+.mdn-Radio-label:after {
    background-color: var(--theme-backgroundColor-Radio-darkest--checked)
}

.mdn-RatingStars {
    width: 7rem;
    color: var(--theme-color-Rating-default);
    display: flex;
    flex-direction: column;
    align-items: center
}

.mdn-RatingStars-rate {
    text-align: center;
    color: var(--theme-color-neutral-darkest)
}

.mdn-RatingStars-rate.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-RatingStars-check {
    margin-top: var(--theme-spacing-stack-xxs);
    margin-bottom: var(--spacing-stack-xxxs)
}

.mdn-RatingStars-evaluation {
    text-align: center
}

.mdn-RatingStars .mdn-Icon--lg,
.mdn-RatingStars .mdn-Icon--md,
.mdn-RatingStars .mdn-Icon--sm,
.mdn-RatingStars i {
    cursor: pointer
}

.mdn-RatingStars[data-mdn-rate] {
    color: var(--theme-color-Rating-read-only-default)
}

.mdn-RatingStars[data-mdn-rate] .mdn-Icon--lg,
.mdn-RatingStars[data-mdn-rate] .mdn-Icon--md,
.mdn-RatingStars[data-mdn-rate] .mdn-Icon--sm {
    cursor: default
}

.mdn-Shortcut {
    height: 8.375rem;
    width: 8.375rem;
    padding: .75rem;
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) rgba(31, 29, 29, .16);
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: var(--theme-border-radius-sm);
    background-color: var(--theme-background-color--primary);
    color: var(--theme-color-Shortcut-text-default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Shortcut-default);
    text-decoration: none;
    margin-bottom: var(--theme-spacing-inset-xxs);
    cursor: pointer;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

@media screen and (min-width:22.5rem) {
    .mdn-Shortcut {
        height: 9.625rem;
        width: 9.625rem
    }
}

@media screen and (min-width:25.75rem) {
    .mdn-Shortcut {
        height: 10rem;
        width: 10rem
    }
}

@media screen and (min-width:40rem) {
    .mdn-Shortcut {
        height: 7.5rem;
        width: 7.5rem;
        padding: var(--theme-spacing-inset-xs)
    }
}

@media screen and (min-width:48rem) {
    .mdn-Shortcut {
        height: 10rem;
        width: 10rem;
        padding: .75rem
    }
}

@media screen and (min-width:64rem) {
    .mdn-Shortcut {
        height: 10rem;
        width: 10rem
    }
}

@media screen and (min-width:80rem) {
    .mdn-Shortcut {
        height: 10rem;
        width: 10rem
    }
}

@media screen and (min-width:90rem) {
    .mdn-Shortcut {
        height: 10rem;
        width: 10rem
    }
}

.mdn-Shortcut:hover {
    background-color: var(--theme-background-color--primary-dark);
    border-color: var(--theme-borderColor-Shortcut-default-hover);
    transition: all .2s
}

.mdn-Shortcut--inverse,
.mdn-Shortcut--secondary {
    background: var(--theme-background-color--default);
    color: var(--theme-color-Shortcut-text-inverse);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Shortcut-inverse)
}

.mdn-Shortcut--inverse .mdn-Shortcut-icon,
.mdn-Shortcut--secondary .mdn-Shortcut-icon {
    color: var(--theme-color-Shortcut-icon-inverse)
}

.mdn-Shortcut--inverse:hover,
.mdn-Shortcut--secondary:hover {
    background-color: var(--theme-background-color--light);
    border-color: var(--theme-color-neutral-dark)
}

.mdn-Shortcut--description {
    height: 9.625rem;
    width: 9.625rem;
    padding: .75rem;
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) rgba(31, 29, 29, .16)
}

@media screen and (min-width:22.5rem) {
    .mdn-Shortcut--description {
        height: 9.625rem;
        width: 9.625rem
    }
}

@media screen and (min-width:25.75rem) {
    .mdn-Shortcut--description {
        height: 9.625rem;
        width: 9.625rem
    }
}

@media screen and (min-width:40rem) {
    .mdn-Shortcut--description {
        height: 7.5rem;
        width: 7.5rem;
        padding: var(--theme-spacing-inset-xs)
    }
}

@media screen and (min-width:48rem) {
    .mdn-Shortcut--description {
        height: 9.625rem;
        width: 9.625rem;
        padding: .75rem
    }
}

@media screen and (min-width:64rem) {
    .mdn-Shortcut--description {
        height: 9.625rem;
        width: 9.625rem
    }
}

@media screen and (min-width:80rem) {
    .mdn-Shortcut--description {
        height: 9.625rem;
        width: 9.625rem
    }
}

@media screen and (min-width:90rem) {
    .mdn-Shortcut--description {
        height: 10rem;
        width: 10rem
    }
}

.mdn-Shortcut--description .mdn-Shortcut-icon,
.mdn-Shortcut--description .mdn-Shortcut-text {
    margin-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-Shortcut-icon {
    font-size: var(--theme-font-size-sm);
    color: var(--theme-color-Shortcut-icon-default)
}

.mdn-Shortcut-text {
    margin: 0;
    width: 100%;
    font-family: var(--theme-font-family--default);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxxxs)
}

@media screen and (min-width:22.5rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

@media screen and (min-width:25.75rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

@media screen and (min-width:40rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xxs);
        line-height: var(--theme-font-line-height-xxxxs)
    }
}

@media screen and (min-width:48rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

@media screen and (min-width:64rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

@media screen and (min-width:80rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

@media screen and (min-width:90rem) {
    .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

.mdn-Shortcut-text-description {
    margin: 0;
    width: 100%;
    font-family: var(--theme-font-family--default);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxxs);
    line-height: var(--theme-font-line-height-xxs);
    overflow: hidden;
    text-overflow: clip;
    max-height: calc(var(--theme-font-size-sm)*2)
}

.mdn-ShortcutGroup .mdn-Shortcut {
    margin-right: var(--theme-spacing-inline-xs);
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-ShortcutGroup .mdn-Shortcut:nth-child(2n) {
    margin-right: 0
}

@media screen and (min-width:25.75rem) {
    .mdn-ShortcutGroup .mdn-Shortcut {
        margin-right: var(--theme-spacing-inline-sm);
        margin-bottom: var(--theme-spacing-stack-sm)
    }
}

@media screen and (min-width:40rem) {
    .mdn-ShortcutGroup .mdn-Shortcut {
        margin-bottom: var(--theme-spacing-stack-sm)
    }

    .mdn-ShortcutGroup .mdn-Shortcut,
    .mdn-ShortcutGroup .mdn-Shortcut:last-child,
    .mdn-ShortcutGroup .mdn-Shortcut:nth-child(2n) {
        margin-right: var(--theme-spacing-inline-xxxs)
    }
}

@media screen and (min-width:48rem) {
    .mdn-ShortcutGroup .mdn-Shortcut {
        margin-bottom: 0
    }

    .mdn-ShortcutGroup .mdn-Shortcut,
    .mdn-ShortcutGroup .mdn-Shortcut:last-child,
    .mdn-ShortcutGroup .mdn-Shortcut:nth-child(2n) {
        margin-right: var(--theme-spacing-inline-xxs)
    }
}

@media screen and (min-width:64rem) {
    .mdn-ShortcutGroup .mdn-Shortcut {
        margin-bottom: 0
    }

    .mdn-ShortcutGroup .mdn-Shortcut,
    .mdn-ShortcutGroup .mdn-Shortcut:last-child,
    .mdn-ShortcutGroup .mdn-Shortcut:nth-child(2n) {
        margin-right: var(--theme-spacing-inline-md)
    }
}

@media screen and (min-width:35.4375rem) and (max-width:35.9375rem) {

    .mdn-ShortcutGroup .mdn-Shortcut:last-child,
    .mdn-ShortcutGroup .mdn-Shortcut:nth-child(2n) {
        margin-right: var(--theme-spacing-inline-sm)
    }
}

@media screen and (min-width:40rem) {
    .mdn-ShortcutGroup--lg .mdn-Shortcut {
        height: 10rem;
        width: 10rem;
        padding: .75rem
    }

    .mdn-ShortcutGroup--lg .mdn-Shortcut-text {
        font-size: var(--theme-font-size-xs);
        line-height: var(--theme-font-line-height-xxxs)
    }
}

.mdn-Slider {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    position: relative;
    width: 100%
}

.mdn-Slider-percent {
    position: relative;
    z-index: 1;
    width: inherit;
    height: var(--theme-font-size-sm);
    margin-top: var(--theme-font-size-xxxs)
}

.mdn-Slider-percentText {
    content: "0";
    position: absolute;
    z-index: 10000;
    top: -var(--theme-font-size-xxxs);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    opacity: 1;
    font-size: var(--theme-font-size-xs)
}

.mdn-Slider-percentText.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-Slider-percentText--init {
    position: absolute;
    left: 0;
    top: var(--theme-font-size-sm)
}

.mdn-Slider-percentText--init.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-Slider-percentText--final {
    position: absolute;
    right: 0;
    top: var(--theme-font-size-sm)
}

.mdn-Slider-percentText--final.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-Slider-contentBar {
    position: relative;
    height: var(--theme-font-size-xxl)
}

.mdn-Slider-bar {
    width: inherit;
    background-color: var(--theme-backgroundColor-Slider-default)
}

.mdn-Slider-bar[type=range] {
    -webkit-appearance: none;
    height: var(--theme-font-size-xxl);
    width: 100%
}

.mdn-Slider-bar[type=range]::-moz-range-track {
    width: 100%;
    height: .125rem;
    cursor: pointer;
    background-color: var(--theme-color-neutral-light)
}

.mdn-Slider-bar[type=range]::-moz-range-thumb {
    height: var(--theme-font-size-sm);
    width: var(--theme-font-size-sm);
    border-radius: var(--theme-border-radius-circle);
    background-color: var(--theme-backgroundColor-Slider-thumb-default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-backgroundColor-Slider-thumb-default);
    cursor: pointer;
    transition: all .2s;
    z-index: 999;
    -webkit-border-radius: var(--theme-border-radius-circle);
    -moz-border-radius: var(--theme-border-radius-circle);
    -ms-border-radius: var(--theme-border-radius-circle);
    -o-border-radius: var(--theme-border-radius-circle);
}

.mdn-Slider-bar[type=range]::-moz-range-thumb:hover {
    transition: all .2s;
    box-shadow: 0 0 0 .5rem gba(, .16);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-brand-primary-dark);
    background-color: var(--theme-color-brand-primary-dark);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.mdn-Slider-bar[type=range]::-moz-range-thumb:active {
    box-shadow: 0 0 0 1rem gba(, .16)
}

.mdn-Slider-bar[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: .125rem;
    cursor: pointer;
    background-color: var(--theme-backgroundColor-Slider-bar-default)
}

.mdn-Slider-bar[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--theme-font-size-sm);
    width: var(--theme-font-size-sm);
    border-radius: var(--theme-border-radius-circle);
    background-color: var(--theme-backgroundColor-Slider-thumb-default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-backgroundColor-Slider-thumb-default);
    cursor: pointer;
    transition: all .2s;
    position: relative;
    margin-top: -.75rem;
    z-index: 1
}

.mdn-Slider-bar[type=range]::-webkit-slider-thumb:hover {
    transition: all .2s;
    box-shadow: 0 0 0 .5rem rgba(218, 41, 28, .16);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-backgroundColor-Slider-thumb-hover);
    background-color: var(--theme-backgroundColor-Slider-thumb-hover)
}

.mdn-Slider-bar[type=range]::-webkit-slider-thumb:active {
    box-shadow: 0 0 0 1rem rgba(218, 41, 28, .16)
}

.mdn-Slider-barRange {
    width: 100%;
    background-color: var(--theme-backgroundColor-Slider-bar-progress);
    position: absolute;
    z-index: 1;
    height: .125rem;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.mdn-Slider-barRange:active,
.mdn-Slider-barRange:hover {
    box-shadow: 0 0 0 .5rem gba(, .16)
}

.mdn-Steps {
    position: relative;
    height: 6.25rem;
    width: 100%;
    display: flex;
    align-items: center
}

.mdn-Steps-list {
    list-style: none;
    width: calc(100% - var(--theme-spacing-inline-md));
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: inherit
}

.mdn-Steps-list-item {
    display: flex;
    position: relative;
    background: var(--theme-backgroundColor-Steps-bar);
    width: 100%;
    height: .125rem;
    align-items: flex-end;
    top: var(--theme-font-size-sm);
    outline: none
}

.mdn-Steps-list-item:first-child {
    width: .5rem;
    background: transparent
}

.mdn-Steps-list-item:first-child .mdn-Steps-text {
    left: 0;
    text-align: left
}

.mdn-Steps-list-item:last-child,
.mdn-Steps-list-item:nth-child(2) {
    width: 135%
}

.mdn-Steps-list-item:last-child .mdn-Steps-text {
    left: calc(100% - 8.5rem);
    text-align: right
}

.mdn-Steps-list-item:before {
    content: "";
    background-color: var(--theme-background-color--default);
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-borderColor-Steps);
    position: absolute;
    left: 100%;
    width: var(--theme-font-size-sm);
    height: var(--theme-font-size-sm);
    border-radius: 100%;
    z-index: 1;
    top: -.75rem
}

.mdn-Steps-list-item:focus-within:before {
    background-color: var(--theme-color-brand-primary-darkest)
}

.mdn-Steps-list-item--active,
.mdn-Steps-list-item--done {
    background: var(--theme-backgroundColor-Steps--active)
}

.mdn-Steps-list-item--active:before,
.mdn-Steps-list-item--done:before {
    background-color: var(--theme-backgroundColor-Steps--checked);
    transition: all .2s
}

.mdn-Steps-list-item--active:after,
.mdn-Steps-list-item--done:after {
    content: "";
    transform: translate(.5em, .6em) rotate(-45deg);
    width: .5625rem;
    height: .3125rem;
    border: var(--theme-border-width-medium) var(--theme-border-style--default) var(--theme-color-Steps-icon);
    border-top-style: none;
    border-right-style: none;
    position: absolute;
    z-index: 1;
    top: -.875rem;
    left: 100%
}

.mdn-Steps-list-item--active.mdn-Steps-list-item--disabled:before,
.mdn-Steps-list-item--done.mdn-Steps-list-item--disabled:before {
    background-color: var(--theme-backgroundColor-Steps--disabled);
    border-color: var(--theme-borderColor-Steps--disabled)
}

.mdn-Steps-list-item--doing {
    background-color: var(--theme-backgroundColor-Steps--active)
}

.mdn-Steps-list-item--doing:before {
    content: "";
    box-shadow: inset 0 0 0 .25rem var(--theme-color-brand-primary-medium);
    background-color: var(--theme-backgroundColor-Steps--doing)
}

.mdn-Steps-list-item--doing.mdn-Steps-list-item--disabled:before {
    box-shadow: inset 0 0 0 .25rem var(--theme-color-neutral-medium);
    border-color: var(--theme-borderColor-Steps--disabled)
}

.mdn-Steps-list-item--disabled {
    background-color: rgba(var(--theme-backgroundColor-Steps--disabledRgba), .6);
    cursor: not-allowed
}

.mdn-Steps-text {
    position: absolute;
    width: 10rem;
    bottom: var(--theme-spacing-inset-lg);
    left: calc(100% - 4.16667rem);
    text-align: center;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Steps-text.mdn-Heading {
    color: var(--theme-text-color-Label--default)
}

.mdn-Steps--darkest .mdn-Steps-text {
    color: var(--theme-text-color-Label--inverse)
}

.mdn-Steps .mdn-Steps-list-item--disabled:before {
    border-color: var(--theme-borderColor-Steps--disabled)
}

@media screen and (max-width:38.75rem) {
    .mdn-Steps--scroll.mdn-Steps--xs {
        display: block;
        overflow: visible;
        overflow-x: scroll
    }

    .mdn-Steps--scroll.mdn-Steps--xs .mdn-Steps-list {
        width: 33rem
    }
}

@media screen and (max-width:50.625rem) {
    .mdn-Steps--scroll.mdn-Steps--sm {
        display: block;
        overflow: visible;
        overflow-x: scroll
    }

    .mdn-Steps--scroll.mdn-Steps--sm .mdn-Steps-list {
        width: 44rem
    }
}

@media screen and (max-width:61.875rem) {
    .mdn-Steps--scroll.mdn-Steps--md {
        display: block;
        overflow: visible;
        overflow-x: scroll
    }

    .mdn-Steps--scroll.mdn-Steps--md .mdn-Steps-list {
        width: 55rem
    }
}

@media screen and (max-width:69.375rem) {
    .mdn-Steps--scroll.mdn-Steps--lg {
        display: block;
        overflow: visible;
        overflow-x: scroll
    }

    .mdn-Steps--scroll.mdn-Steps--lg .mdn-Steps-list {
        width: 66rem
    }
}

.mdn-Spinner {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    background-color: var(--theme-backgroundColor-Spinner-default)
}

.mdn-Spinner .mdn-Icon--lg {
    color: var(--theme-color-Spinner-default)
}

.mdn-Spinner .mdn-Icon--lg:before {
    display: inline-block;
    transform: rotate(0);
    animation: loadingRotation .8s cubic-bezier(.21, .72, .63, .93) infinite;
    transform-origin: .65625rem 1.325rem
}

.mdn-Spinner--inverse {
    background-color: var(--theme-backgroundColor-Spinner-inverse)
}

.mdn-Spinner--inverse .mdn-Icon--lg {
    color: var(--theme-color-Spinner-inverse)
}

@keyframes showDefault {
    0% {
        background-color: transparent
    }

    20% {
        background-color: var(--theme-color-Spinner-default)
    }

    40% {
        background-color: var(--theme-color-Spinner-default)
    }

    to {
        background-color: transparent
    }
}

@keyframes showInverse {
    0% {
        background-color: transparent
    }

    20% {
        background-color: var(--theme-color-Spinner-inverse)
    }

    40% {
        background-color: var(--theme-color-Spinner-inverse)
    }

    to {
        background-color: transparent
    }
}

@keyframes hideDefault {
    0% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes loadingRotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.mdn-Tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: var(--theme-font-family--default);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Tag-icon {
    margin-right: var(--theme-spacing-inline-xxs);
    font-size: var(--theme-font-size-xxxs);
    position: relative
}

.mdn-Tag--reverse .mdn-Tag-icon {
    margin-right: 0;
    margin-left: var(--theme-spacing-inline-xxs)
}

.mdn-Tag--feedback {
    color: var(--theme-text-color-Label--feedback)
}

.mdn-Tag--feedback.mdn-Tag--inverse {
    color: var(--theme-text-color-Label--feedbackInverse)
}

.mdn-Tag--hat {
    text-transform: uppercase;
    color: var(--theme-text-color-Label--hat)
}

.mdn-Tag--highlight {
    color: var(--theme-text-color-Label--highlight)
}

.mdn-Tag--medium {
    color: var(--theme-text-color-Label--dark)
}

.mdn-Tag--dark,
.mdn-Tag--darkest,
.mdn-Tag--default {
    color: var(--theme-text-color-Label--darkest)
}

.mdn-Tag--inverse,
.mdn-Tag--light {
    color: var(--theme-text-color-Label--inverse)
}

.mdn-Text {
    font-family: var(--theme-font-family--Text);
    text-transform: var(--theme-text-transform--Text);
    color: var(--theme-text-color-Text--default);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Text a {
    color: var(--theme-text-color-Link--default);
    font-weight: var(--theme-font-weight-regular);
    text-decoration: var(--theme-text-underline)
}

.mdn-Text a:hover {
    text-decoration: none
}

.mdn-Text--body {
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight-regular)
}

.mdn-Text--body,
.mdn-Text--caption {
    line-height: var(--theme-font-line-height-xxs)
}

.mdn-Text--caption {
    font-size: var(--theme-font-size-xxxs);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Text--inverse {
    color: var(--theme-text-color-Text--inverse)
}

.mdn-Text--inverse a {
    color: var(--theme-text-color-Link--inverse)
}

.mdn-Text strong {
    font-weight: var(--theme-font-weight-bold)
}

.mdn-Heading {
    color: var(--theme-text-color-Heading--default);
    font-family: var(--theme-font-family--Heading);
    font-weight: var(--theme-font-weight--Heading);
    line-height: var(--theme-font-line-height-lg);
    text-transform: var(--theme-text-transform--Heading);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Heading--xl {
    font-size: var(--theme-font-size-lg)
}

@media screen and (min-width:62rem) {
    .mdn-Heading--xl {
        font-size: var(--theme-font-size-xxl)
    }
}

.mdn-Heading--lg {
    font-size: var(--theme-font-size-lg)
}

@media screen and (min-width:62rem) {
    .mdn-Heading--lg {
        font-size: var(--theme-font-size-xl)
    }
}

.mdn-Heading--md {
    font-size: var(--theme-font-size-md)
}

@media screen and (min-width:62rem) {
    .mdn-Heading--md {
        font-size: var(--theme-font-size-lg)
    }
}

.mdn-Heading--sm {
    font-size: var(--theme-font-size-sm)
}

@media screen and (min-width:62rem) {
    .mdn-Heading--sm {
        font-size: var(--theme-font-size-md)
    }
}

.mdn-Heading--xs {
    font-size: var(--theme-font-size-xs)
}

@media screen and (min-width:62rem) {
    .mdn-Heading--xs {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Heading--inverse {
    color: var(--theme-text-color-Heading--inverse)
}

.mdn-Toggle-list {
    list-style: none
}

.mdn-Toggle :checked+.mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-active-Toggle-default);
    left: 50%
}

.mdn-Toggle :checked+.mdn-Toggle-button {
    background: var(--theme-backgroundColor-active-Toggle-default)
}

.mdn-Toggle-item:disabled~.mdn-Toggle-button {
    opacity: var(--theme-opacity-intense);
    cursor: not-allowed
}

.mdn-Toggle-button {
    width: 2.75rem;
    height: var(--theme-font-size-sm);
    padding: .125rem;
    background: var(--theme-backgroundColor-Toggle-default);
    border-radius: var(--theme-font-size-xs);
    border: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-borderColor-Toggle-default);
    transition: all .2s;
    display: block;
    position: relative;
    cursor: pointer
}

.mdn-Toggle-button:after,
.mdn-Toggle-button:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    transform: scale(.8)
}

.mdn-Toggle-button:after {
    left: 0;
    border-radius: var(--theme-border-radius-circle);
    background: var(--theme-backgroundColor-circle-Toggle-default);
    transition: all .2s
}

.mdn-Toggle-button:before {
    display: none
}

.mdn-Toggle--attentionField {
    padding-bottom: var(--theme-spacing-stack-sm);
    position: relative
}

.mdn-Toggle--attentionField .mdn-Input-errorFeedback {
    display: flex;
    bottom: 0;
    left: 0;
    padding: 0;
    padding-top: var(--theme-spacing-stack-xxxs);
    margin-left: 0
}

.mdn-Toggle--attentionField .mdn-Toggle-button {
    background: var(--theme-backgroundColor-Toggle-attention)
}

.mdn-Toggle--attentionField .mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-Toggle-attention) !important
}

.mdn-Toggle--inverse .mdn-Toggle-button,
.mdn-Toggle--inverse .mdn-Toggle-item {
    background: var(--theme-backgroundColor-Toggle-inverse)
}

.mdn-Toggle--inverse .mdn-Toggle-button:after,
.mdn-Toggle--inverse .mdn-Toggle-item:after {
    background: var(--theme-backgroundColor-circle-Toggle-inverse) !important
}

.mdn-Toggle--inverse.mdn-Toggle--attentionField .mdn-Toggle-button {
    background: var(--theme-backgroundColor-Toggle-inverse-attention)
}

.mdn-Toggle--inverse.mdn-Toggle--attentionField .mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-Toggle-inverse-attention) !important
}

.mdn-Toggle--inverse.mdn-Toggle--attentionField .mdn-Input-errorFeedback {
    color: var(--theme-color-Input--attentionInverse)
}

.mdn-Toggle--inverse :checked+.mdn-Toggle-button {
    background: var(--theme-backgroundColor-active-Toggle-inverse)
}

.mdn-Toggle--inverse :checked+.mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-active-Toggle-inverse) !important
}

.mdn-Toggle-item {
    display: none
}

.mdn-Toggle--darkest .mdn-Toggle-button,
.mdn-Toggle--darkest .mdn-Toggle-item {
    background: var(--theme-backgroundColor-Toggle-darkest)
}

.mdn-Toggle--darkest .mdn-Toggle-button:after,
.mdn-Toggle--darkest .mdn-Toggle-item:after {
    background: var(--theme-backgroundColor-circle-Toggle-inverse) !important
}

.mdn-Toggle--darkest.mdn-Toggle--attentionField .mdn-Toggle-button {
    background: var(--theme-backgroundColor-Toggle-inverse-attention)
}

.mdn-Toggle--darkest.mdn-Toggle--attentionField .mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-Toggle-inverse-attention) !important
}

.mdn-Toggle--darkest.mdn-Toggle--attentionField .mdn-Input-errorFeedback {
    color: var(--theme-color-Input--attentionInverse)
}

.mdn-Toggle--darkest :checked+.mdn-Toggle-button {
    background: var(--theme-backgroundColor-active-Toggle-inverse)
}

.mdn-Toggle--darkest :checked+.mdn-Toggle-button:after {
    background: var(--theme-backgroundColor-circle-active-Toggle-inverse) !important
}

.mdn-ToggleGroup {
    display: flex;
    align-items: center;
    height: 2.5rem;
    width: 100%
}

.mdn-ToggleGroup .mdn-Toggle {
    margin-left: var(--theme-spacing-inline-xs)
}

.mdn-Tooltip {
    padding: var(--theme-spacing-inset-xs);
    position: relative;
    display: inline-flex;
    width: auto;
    text-align: left;
    max-width: 18.75rem;
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Tooltip);
    border-radius: var(--theme-border-radius-xxs)
}

@media screen and (max-width:48rem) {
    .mdn-Tooltip {
        max-width: 100%
    }
}

.mdn-Tooltip .mdn-Text {
    font-size: var(--theme-font-size-xxxs);
    line-height: var(--theme-font-line-height-xxxs);
    color: var(--theme-color-neutral-lightest)
}

.mdn-Tooltip--content:before,
.mdn-Tooltip:after,
.mdn-Tooltip:before {
    content: "";
    position: absolute;
    border: .375rem var(--theme-border-style--default) transparent;
    display: block;
    width: 0;
    height: 0
}

.mdn-Tooltip--bottom,
.mdn-Tooltip--bottomLeft,
.mdn-Tooltip--bottomRight,
.mdn-Tooltip--left,
.mdn-Tooltip--leftBottom,
.mdn-Tooltip--leftTop,
.mdn-Tooltip--right,
.mdn-Tooltip--rightBottom,
.mdn-Tooltip--rightTop,
.mdn-Tooltip--top,
.mdn-Tooltip--topLeft,
.mdn-Tooltip--topRight {
    background-color: var(--theme-color-neutral-darkest);
    padding: var(--theme-spacing-inset-xs)
}

.mdn-Tooltip--top:after {
    top: .0625rem;
    left: 50%;
    transform: translate(-50%, -100%);
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--top:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: 50%;
    top: -.875rem
}

.mdn-Tooltip--topLeft:after {
    top: .0625rem;
    left: .9375rem;
    transform: translate(-50%, -100%);
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--topLeft:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: .9375rem;
    top: -.875rem
}

.mdn-Tooltip--topRight:after {
    top: .0625rem;
    left: calc(100% - .9375rem);
    transform: translate(-50%, -100%);
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--topRight:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: calc(100% - .9375rem);
    top: -.875rem
}

.mdn-Tooltip--bottom:after {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--bottom:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: 50%;
    bottom: -.9375rem
}

.mdn-Tooltip--bottomLeft:after {
    bottom: 0;
    left: .91563rem;
    transform: translate(-50%, 100%);
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--bottomLeft:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: .91563rem;
    bottom: -.9375rem
}

.mdn-Tooltip--bottomRight:after {
    bottom: 0;
    left: calc(100% - .98125rem);
    transform: translate(-50%, 100%);
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--bottomRight:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: calc(100% - .9375rem);
    bottom: -.9375rem
}

.mdn-Tooltip--left:after {
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--left:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    left: -1.8125rem;
    top: 50%
}

.mdn-Tooltip--leftTop:after {
    top: .9375rem;
    left: 0;
    transform: translate(-100%, -50%);
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--leftTop:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    left: -1.8125rem;
    top: .9375rem
}

.mdn-Tooltip--leftBottom:after {
    top: calc(100% - .9375rem);
    left: 0;
    transform: translate(-100%, -50%);
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--leftBottom:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    left: -1.8125rem;
    top: calc(100% - .9375rem)
}

.mdn-Tooltip--right:after {
    top: 50%;
    right: .0625rem;
    transform: translate(100%, -50%);
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--right:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    right: 0;
    top: 50%
}

.mdn-Tooltip--rightTop:after {
    top: .9375rem;
    right: .0625rem;
    transform: translate(100%, -50%);
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--rightTop:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    right: 0;
    top: .9375rem
}

.mdn-Tooltip--rightBottom:after {
    top: calc(100% - .9375rem);
    right: .0625rem;
    transform: translate(100%, -50%);
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow)
}

.mdn-Tooltip--rightBottom:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-arrow-border);
    transform: translate(100%, -50%);
    border-width: .4375rem;
    right: 0;
    top: calc(100% - .9375rem)
}

.mdn-Tooltip.mdn-Tooltip--inverse {
    background-color: var(--theme-background-color--default);
    flex-direction: column;
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Tooltip-Content);
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) rgba(31, 29, 29, .16)
}

.mdn-Tooltip.mdn-Tooltip--inverse .mdn-Text {
    font-size: var(--theme-font-size-xxxs);
    line-height: var(--theme-font-line-height-xxs);
    color: var(--theme-color-neutral-darkest-content)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--top:after {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--top:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--topLeft:after {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--topLeft:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--topRight:after {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--topRight:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottom:after {
    bottom: 0;
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottom:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottomLeft:after {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottomLeft:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottomRight:after {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--bottomRight:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4625rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--left:after {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--left:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--leftTop:after {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--leftTop:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--leftBottom:after {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--leftBottom:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--right:after {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--right:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--rightTop:after {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--rightTop:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--rightBottom:after {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow)
}

.mdn-Tooltip.mdn-Tooltip--inverse.mdn-Tooltip--rightBottom:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    border-width: .4375rem
}

.mdn-Tooltip.mdn-Tooltip--inverse .mdn-Tooltip--iconText .mdn-Icon-fechar,
.mdn-Tooltip.mdn-Tooltip--inverse .mdn-Tooltip--Link .mdn-Link {
    color: var(--theme-color-neutral-darkest-content)
}

.mdn-Tooltip--content {
    background-color: var(--theme-background-color--default);
    min-width: 10.625rem;
    min-height: 6.25rem;
    flex-direction: column;
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Tooltip-Content);
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-1) var(--theme-shadow-blur-radius-level-1) var(--theme-shadow-spread-radius-default) rgba(31, 29, 29, .16)
}

.mdn-Tooltip--content.mdn-Tooltip--left:after,
.mdn-Tooltip--content.mdn-Tooltip--left:before {
    top: var(--theme-spacing-stack-sm)
}

.mdn-Tooltip--content.mdn-Tooltip--left:after {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow);
    transform: translate(100%);
    top: 1.51875rem;
    left: -1.4625rem
}

.mdn-Tooltip--content.mdn-Tooltip--left:before {
    border-right-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    transform: translate(100%);
    border-width: .4375rem;
    left: -1.75rem;
    top: 1.4375rem
}

.mdn-Tooltip--content.mdn-Tooltip--top:after {
    border-bottom-color: var(--theme-background-color--default);
    transform: translate(-.375rem);
    top: -.75rem
}

.mdn-Tooltip--content.mdn-Tooltip--top:before {
    border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: 50%;
    top: -.9375rem
}

.mdn-Tooltip--content.mdn-Tooltip--bottom:after {
    border-top-color: var(--theme-background-color--default);
    transform: translate(-.375rem);
    bottom: -.75rem
}

.mdn-Tooltip--content.mdn-Tooltip--bottom:before {
    border-top-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    transform: translate(-.461875rem);
    border-width: .4625rem;
    left: 50%;
    bottom: -.9375rem
}

.mdn-Tooltip--content.mdn-Tooltip--right:after {
    border-left-color: var(--theme-background-color--default);
    transform: translate(100%);
    top: 1.5rem;
    right: .03125rem
}

.mdn-Tooltip--content.mdn-Tooltip--right:before {
    border-left-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
    transform: translate(100%);
    border-width: .4375rem;
    right: 0;
    top: 1.4375rem
}

.mdn-Tooltip .mdn-Tooltip--iconText {
    text-decoration: none;
    display: inline-flex
}

.mdn-Tooltip .mdn-Tooltip--iconText .mdn-Icon--sm {
    margin-right: var(--theme-spacing-inline-xxs)
}

.mdn-Tooltip .mdn-Tooltip--iconText .mdn-Icon-fechar {
    margin-right: 0;
    margin-left: var(--theme-spacing-inline-xxs);
    text-decoration: none;
    color: var(--theme-color-neutral-lightest)
}

.mdn-Tooltip .mdn-Tooltip--Link {
    display: grid
}

.mdn-Tooltip .mdn-Tooltip--Link .mdn-Link {
    color: var(--theme-color-neutral-lightest);
    font-size: inherit
}

.mdn-IconGroup {
    font-size: var(--theme-font-size--xxs);
    display: flex;
    align-items: center
}

.mdn-IconGroup-plus {
    margin: 0 var(--theme-spacing-stack-xxs)
}

.mdn-IconGroup--default {
    color: var(--theme-text-color--light)
}

.mdn-IconGroup--default [class^=mdn-Icon-] {
    color: var(--theme-text-color--dark)
}

.mdn-IconGroup--inverse {
    color: var(--theme-textColor-IconGroup-plus-default)
}

.mdn-IconGroup--inverse [class^=mdn-Icon-] {
    color: var(--theme-text-color--inverse)
}

.mdn-BrandGroup {
    display: flex;
    justify-items: center;
    justify-content: space-between;
    max-width: 16.625rem
}

.mdn-BrandGroup--lg .mdn-BrandGroup-etc-value,
.mdn-BrandGroup--lg .mdn-BrandGroup-image {
    width: 4.5rem;
    height: 4.5rem
}

.mdn-BrandGroup--lg .mdn-BrandGroup-etc-value {
    font-size: var(--theme-font-size-xl)
}

.mdn-BrandGroup--lg .mdn-BrandGroup-etc-items {
    left: 120%
}

.mdn-BrandGroup--lg .mdn-BrandGroup-etc-items:after,
.mdn-BrandGroup--lg .mdn-BrandGroup-etc-items:before {
    top: 1.875rem
}

@media screen and (max-width:48rem) {
    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items {
        top: 120%
    }

    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before {
        right: 1.25rem
    }

    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after {
        right: 1.4375rem
    }
}

.mdn-BrandGroup--md .mdn-BrandGroup-etc-value,
.mdn-BrandGroup--md .mdn-BrandGroup-image {
    width: var(--theme-font-size-xxl);
    height: var(--theme-font-size-xxl)
}

.mdn-BrandGroup--md .mdn-BrandGroup-etc-value {
    font-size: var(--theme-font-size-sm)
}

.mdn-BrandGroup--md .mdn-BrandGroup-etc-items {
    left: 130%
}

.mdn-BrandGroup--md .mdn-BrandGroup-etc-items:after,
.mdn-BrandGroup--md .mdn-BrandGroup-etc-items:before {
    top: 1.125rem
}

@media screen and (max-width:48rem) {
    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items {
        top: 125%
    }

    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before {
        right: .5rem
    }

    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after {
        right: .6875rem
    }
}

.mdn-BrandGroup--sm .mdn-BrandGroup-etc-value,
.mdn-BrandGroup--sm .mdn-BrandGroup-image {
    width: var(--theme-font-size-lg);
    height: var(--theme-font-size-lg)
}

.mdn-BrandGroup--sm .mdn-BrandGroup-etc-value {
    font-size: var(--theme-font-size-xxs)
}

.mdn-BrandGroup--sm .mdn-BrandGroup-etc-items {
    left: 145%
}

.mdn-BrandGroup--sm .mdn-BrandGroup-etc-items:after,
.mdn-BrandGroup--sm .mdn-BrandGroup-etc-items:before {
    top: .625rem
}

@media screen and (max-width:48rem) {
    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items {
        top: 125%
    }

    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before {
        right: 0
    }

    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after {
        right: .178125rem
    }
}

.mdn-BrandGroup-item-focus {
    opacity: 0;
    position: absolute
}

.mdn-BrandGroup-item-focus:focus+.mdn-BrandGroup-image .mdn-BrandGroup-image-caption {
    display: flex
}

.mdn-BrandGroup .mdn-BrandGroup-image {
    margin-right: var(--theme-spacing-inline-xxs);
    position: relative
}

.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand {
    overflow: visible;
    border: none
}

.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand:after {
    content: "";
    border: solid var(--theme-color-neutral-medium);
    border-radius: var(--theme-border-radius-circle);
    position: absolute
}

.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand--lg:after {
    width: calc(100% + var(--theme-border-width-medium));
    height: calc(100% + var(--theme-border-width-medium));
    border-width: var(--theme-border-width-medium)
}

.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand--md:after,
.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand--sm:after {
    width: calc(100% + var(--theme-border-width-medium));
    height: calc(100% + var(--theme-border-width-medium));
    border-width: var(--theme-border-width-thin)
}

.mdn-BrandGroup .mdn-BrandGroup-image.mdn-Brand-image {
    margin: 0
}

.mdn-BrandGroup .mdn-BrandGroup-image-caption {
    position: absolute;
    display: none;
    bottom: calc(var(--theme-spacing-stack-md)*-1);
    left: 50%;
    transform: translate(-50%);
    min-width: 4.5rem
}

.mdn-BrandGroup .mdn-BrandGroup-image-caption .mdn-Text {
    text-align: center;
    width: 100%
}

.mdn-BrandGroup .mdn-BrandGroup-image:hover .mdn-BrandGroup-image-caption {
    display: flex;
    z-index: 2
}

.mdn-BrandGroup .mdn-BrandGroup-etc {
    position: relative;
    overflow: visible
}

.mdn-BrandGroup .mdn-BrandGroup-etc-value:focus~.mdn-BrandGroup-etc-items,
.mdn-BrandGroup .mdn-BrandGroup-etc:hover .mdn-BrandGroup-etc-items {
    display: flex
}

.mdn-BrandGroup .mdn-BrandGroup-etc-value {
    display: inline-flex;
    border-radius: var(--theme-border-radius-circle);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium);
    background-color: var(--theme-text-color-Button--primary);
    font-weight: var(--theme-font-weight-medium);
    font-family: var(--theme-font-family--base);
    color: var(--theme-textColor-BrandGroup-etc-default);
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.mdn-BrandGroup .mdn-BrandGroup-etc-items {
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    z-index: 2;
    right: 0
}

.mdn-BrandGroup--lg .mdn-BrandGroup-image-caption,
.mdn-BrandGroup--md .mdn-BrandGroup-image-caption,
.mdn-BrandGroup--sm .mdn-BrandGroup-image-caption {
    min-width: 5.625rem
}

@media screen and (max-width:48rem) {

    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items,
    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items,
    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items {
        transform: translate(0);
        right: 0;
        left: unset
    }

    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after,
    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after,
    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after {
        border-right-color: transparent;
        border-bottom-color: var(--theme-background-color--default);
        transform: translate(-.375rem);
        top: -.75rem;
        left: unset
    }

    .mdn-BrandGroup--lg .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before,
    .mdn-BrandGroup--md .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before,
    .mdn-BrandGroup--sm .mdn-BrandGroup-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before {
        border-bottom-color: var(--theme-backgroundColor-Tooltip-Content-arrow-back);
        border-right-color: transparent;
        transform: translate(-.461875rem);
        border-width: .4625rem;
        left: unset;
        top: -.9375rem
    }
}

.mdn-BrandGroup .mdn-BrandGroup-image:last-child {
    margin-right: 0
}

.mdn-Skeleton .mdn-Skeleton-item {
    animation: skeleton-loading 1s linear infinite alternate
}

@keyframes skeleton-loading {
    0% {
        background-color: var(--theme-skeleton-color--light)
    }

    to {
        background-color: var(--theme-skeleton-color--medium)
    }
}

.mdn-Skeleton-show {
    display: none
}

.mdn-Skeleton-title {
    width: 100%;
    min-height: 2rem;
    margin-bottom: var(--theme-spacing-stack-xs);
    border-radius: var(--theme-border-radius--default)
}

.mdn-Skeleton-text {
    width: 100%;
    height: 1rem;
    margin-bottom: var(--theme-spacing-stack-xxs);
    border-radius: var(--theme-border-radius--default)
}

.mdn-Skeleton-input,
.mdn-Skeleton-textarea {
    width: 100%;
    border: 0;
    margin-bottom: var(--theme-spacing-stack-xxs);
    border-radius: var(--theme-border-radius--default);
    cursor: default
}

.mdn-Skeleton-input:hover,
.mdn-Skeleton-textarea:hover {
    cursor: default
}

.mdn-Skeleton-textarea {
    height: 12.25rem
}

.mdn-Skeleton-image {
    width: 100%;
    height: inherit
}

.mdn-Skeleton-icon {
    width: 2rem;
    height: 2rem;
    margin-bottom: var(--theme-spacing-stack-xxs);
    border-radius: var(--theme-border-radius-circle)
}

.mdn-Skeleton-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: var(--theme-text-decoration-Button);
    border-radius: var(--theme-border-radius--Button);
    min-width: 6.875rem;
    height: 2.5rem;
    padding: var(--theme-spacing-squish-md);
    margin-top: var(--theme-spacing-stack-xs)
}

.mdn-Breadcrumb-list,
.mdn-Breadcrumb-list-item {
    display: flex;
    align-items: center
}

.mdn-Breadcrumb-list-item {
    font-family: var(--theme-font-family--default);
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-text-font-weight-Breadcrumb--default);
    line-height: var(--theme-font-size-xxs);
    color: var(--theme-text-color-BreadcrumbLink--default)
}

.mdn-Breadcrumb-list-item:last-child {
    margin-left: 0;
    font-weight: var(--theme-text-font-weight-Breadcrumb--darkest)
}

.mdn-Breadcrumb-list-item:last-child,
.mdn-Breadcrumb-list-item:last-child .mdn-Breadcrumb-link:hover {
    color: var(--theme-color-brand-primary-medium-clickable)
}

.mdn-Breadcrumb-list-item:last-child .mdn-Breadcrumb-icon {
    display: none
}

.mdn-Breadcrumb-list .mdn-Breadcrumb-etc {
    position: relative;
    overflow: visible
}

.mdn-Breadcrumb-list .mdn-Breadcrumb-etc-value:focus~.mdn-Breadcrumb-etc-items,
.mdn-Breadcrumb-list .mdn-Breadcrumb-etc:hover .mdn-Breadcrumb-etc-items {
    display: flex
}

.mdn-Breadcrumb-list .mdn-Breadcrumb-etc-items {
    position: absolute;
    top: 120%;
    width: 100%;
    display: none;
    z-index: 2;
    right: -150%;
    word-break: break-all
}

@media screen and (max-width:48rem) {
    .mdn-Breadcrumb-list .mdn-Breadcrumb-etc-items {
        top: 120%
    }

    .mdn-Breadcrumb-list .mdn-Breadcrumb-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:before {
        right: 1.25rem
    }

    .mdn-Breadcrumb-list .mdn-Breadcrumb-etc-items.mdn-Tooltip--content.mdn-Tooltip--left:after {
        right: 1.4375rem
    }
}

.mdn-Breadcrumb-link {
    color: inherit;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Breadcrumb-link:hover {
    text-decoration: var(--theme-text-decoration-Breadcrumb-link);
    color: var(--theme-text-color-BreadcrumbLink--hover)
}

.mdn-Breadcrumb-icon {
    font-size: var(--theme-font-size-xxxs);
    position: relative;
    top: .125rem;
    color: var(--theme-text-color-BreadcrumbIcon--default)
}

.mdn-Calendar {
    max-width: 42.625rem;
    padding: var(--theme-spacing-inset-xs);
    background-color: var(--theme-background-Calendar);
    border-radius: var(--theme-border-radius-sm)
}

@media screen and (min-width:32.5rem) {
    .mdn-Calendar {
        padding: var(--theme-spacing-inset-sm)
    }
}

.mdn-Calendar-header {
    display: flex;
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Calendar-header .mdn-Input:not(:last-child) {
    margin-right: var(--theme-spacing-inline-xs)
}

.mdn-Calendar-header .mdn-Input .mdn-Input-field:focus,
.mdn-Calendar-header .mdn-Input .mdn-Input-field:focus-within {
    border: var(--theme-border-width--default) var(--theme-borderColor-Input--hover) var(--theme-border-style--default);
    border-radius: var(--theme-border-radius--default)
}

.mdn-Calendar-header-month {
    max-width: 10rem
}

.mdn-Calendar-header-year {
    max-width: 6.25rem
}

.mdn-Calendar-body .mdn-Calendar-monthDays,
.mdn-Calendar-body .mdn-Calendar-week,
.mdn-Calendar-body .mdn-Calendar-weekDays {
    display: flex
}

.mdn-Calendar-body .mdn-Calendar-weekDays {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Calendar-body .mdn-Calendar-weekDays-day {
    text-align: center;
    width: 14.28571%;
    font-size: var(--theme-font-size--default);
    font-weight: var(--theme-font-weight-bold);
    font-family: var(--theme-font-family--default);
    color: var(--theme-textColor-Calendar-default)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day {
    width: 14.28571%;
    text-align: center;
    position: relative
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day-anchor {
    position: relative;
    z-index: 1;
    display: block;
    padding: calc(var(--theme-spacing-stack-md)/3) 0;
    text-align: center;
    font-size: var(--theme-font-size-xxxs);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    line-height: var(--theme-font-line-height-xxxs);
    font-weight: var(--theme-font-weight-regular);
    font-family: var(--theme-font-family--default);
    text-decoration: var(--theme-text-decoration-none);
    color: var(--theme-textColor-Calendar-link-default)
}

@media screen and (min-width:48rem) {
    .mdn-Calendar-body .mdn-Calendar-monthDays-day-anchor {
        font-size: var(--theme-font-size--default);
        padding: calc(var(--theme-spacing-stack-md)/2) 0
    }
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    z-index: 0;
    border-radius: var(--theme-border-radius-circle)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day--active:before {
    background-color: var(--theme-color-brand-primary-medium);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Calendar-day)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day--active .mdn-Calendar-monthDays-day-anchor {
    color: var(--theme-textColor-Calendar-link-inverse);
    font-weight: var(--theme-font-weight-bold)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day.mdn-Calendar-monthDays-day--readOnly:not(.mdn-Calendar-monthDays-day--active) .mdn-Calendar-monthDays-day-anchor {
    cursor: auto;
    color: var(--theme-textColor-Calendar-link--readOnly)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day.mdn-Calendar-monthDays-day--locked .mdn-Calendar-monthDays-day-anchor {
    color: var(--theme-color-neutral-medium);
    cursor: not-allowed
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day:not(.mdn-Calendar-monthDays-day--readOnly):not(.mdn-Calendar-monthDays-day--locked):hover:before {
    background-color: var(--theme-color-brand-primary-medium);
    border-color: var(--theme-borderColor-Calendar-day--hover)
}

.mdn-Calendar-body .mdn-Calendar-monthDays-day:not(.mdn-Calendar-monthDays-day--readOnly):not(.mdn-Calendar-monthDays-day--locked):hover .mdn-Calendar-monthDays-day-anchor {
    color: var(--theme-textColor-Calendar-link--hover);
    font-weight: var(--theme-font-weight-bold);
    text-decoration: var(--theme-textDecoration-Calendar-anchor--hover)
}

.mdn-Collapse {
    width: 100%;
    height: auto
}

.mdn-Collapse,
.mdn-Collapse-box {
    border: var(--theme-borderWidth-Collapse-default) var(--theme-borderStyle-Collapse-default) var(--theme-borderColor-Collapse-default)
}

.mdn-Collapse-box {
    width: inherit;
    height: var(--theme-spacing-stack-xl);
    background-color: var(--theme-background-color--primary-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.mdn-Collapse-content {
    height: 0;
    min-height: 0;
    background-color: var(--theme-background-color--primary-darkest);
    overflow: hidden;
    transition: all .2s
}

.mdn-Collapse-toggle {
    font-family: var(--theme-font-family--Subtitle);
    font-weight: var(--theme-font-weight--Subtitle);
    text-transform: var(--theme-text-transform--Subtitle);
    color: var(--theme-text-color-Subtitle--default);
    line-height: var(--theme-font-line-height-lg);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    color: var(--theme-text-color-Link--inverse);
    font-size: var(--theme-font-size-xs);
    text-decoration: none
}

.mdn-Collapse-toggle--md {
    font-size: var(--theme-font-size-sm)
}

@media screen and (min-width:62rem) {
    .mdn-Collapse-toggle--md {
        font-size: var(--theme-font-size-md)
    }
}

.mdn-Collapse-toggle--sm {
    font-size: var(--theme-font-size-xs)
}

@media screen and (min-width:62rem) {
    .mdn-Collapse-toggle--sm {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Collapse-toggle--xs {
    font-size: var(--theme-font-size-xxs)
}

@media screen and (min-width:62rem) {
    .mdn-Collapse-toggle--xs {
        font-size: var(--theme-font-size-xs)
    }
}

.mdn-Collapse-toggle--inverse {
    color: var(--theme-text-color-Subtitle--inverse)
}

.mdn-Collapse-toggle--inverseDarkest {
    color: var(--theme-text-color-Subtitle--default)
}

.mdn-Collapse-icon {
    transform-origin: center;
    display: inline-block;
    margin: 0 var(--theme-spacing-inline-xxs);
    vertical-align: top;
    transition: all .3s
}

.mdn-Collapse-active .mdn-Collapse-icon {
    transform: rotate(180deg)
}

.mdn-Collapse-active .mdn-Collapse-content {
    height: auto;
    min-height: auto;
    padding: var(--theme-spacing-inset-md) 0
}

.mdn-LinkList-item {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-LinkList-anchor {
    font-family: var(--theme-font-family-text-default);
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    font-weight: var(--theme-font-weight-regular);
    color: var(--theme-color-LinkList-default);
    text-decoration: underline
}

.mdn-LinkList-anchor:hover {
    text-decoration: none
}

.mdn-LinkList--inverse .mdn-LinkList-anchor {
    color: var(--theme-color-LinkList-inverse)
}

.mdn-LinkListGroup .mdn-LinkList {
    margin-top: var(--theme-spacing-stack-xs)
}

.mdn-isOpen--htmlTag {
    overflow: hidden
}

.mdn-Modal {
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(31, 29, 29, .8);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}

.mdn-Modal.mdn-isOpen {
    display: flex
}

@media only screen and (max-width:61.9375rem) {
    .mdn-Modal {
        align-items: flex-start
    }
}

.mdn-Modal--lg .mdn-Modal-content {
    width: 51.25rem;
    padding: var(--theme-spacing-inset-md);
    height: 100%;
    border-radius: unset
}

@media screen and (min-width:48rem) {
    .mdn-Modal--lg .mdn-Modal-content {
        padding: var(--theme-spacing-inset-xl);
        border-radius: var(--theme-border-radius-sm);
        border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-border-color-Modal-default);
        height: 37.5rem
    }
}

.mdn-Modal--lg .mdn-Modal-header {
    padding-bottom: var(--theme-spacing-stack-sm);
    padding-right: var(--theme-spacing-stack-md);
    min-height: auto
}

@media screen and (min-width:48rem) {
    .mdn-Modal--lg .mdn-Modal-header {
        padding-bottom: var(--theme-spacing-stack-md)
    }
}

.mdn-Modal--lg .mdn-Modal-body {
    margin-top: var(--theme-spacing-stack-sm);
    padding-right: var(--theme-spacing-inline-xs)
}

@media screen and (min-width:48rem) {
    .mdn-Modal--lg .mdn-Modal-body {
        margin-top: var(--theme-spacing-stack-md);
        padding-right: var(--theme-spacing-inline-md)
    }
}

.mdn-Modal--lg .mdn-Modal-footer {
    flex-direction: column;
    justify-content: right
}

.mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end {
    display: flex;
    flex-direction: column-reverse
}

.mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end .mdn-Button {
    width: 100%
}

.mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end .mdn-Button:last-child {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

@media screen and (min-width:48rem) {

    .mdn-Modal--lg .mdn-Modal-footer,
    .mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end {
        flex-direction: row
    }

    .mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end .mdn-Button {
        width: 100%
    }

    .mdn-Modal--lg .mdn-Modal-footer .mdn-Modal-footer-end .mdn-Button:last-child {
        margin-bottom: 0
    }
}

.mdn-Modal--sm .mdn-Modal-content {
    padding: var(--theme-spacing-inset-md);
    align-self: center;
    max-width: calc(100% - var(--theme-spacing-inline-xs)*2);
    width: 25rem;
    height: auto;
    min-height: 10.5rem
}

@media screen and (min-width:48rem) {
    .mdn-Modal--sm .mdn-Modal-content {
        height: 25rem
    }
}

.mdn-Modal--sm .mdn-Modal-header {
    padding-bottom: var(--theme-spacing-stack-sm);
    padding-right: var(--theme-spacing-inline-md)
}

@media screen and (min-width:48rem) {
    .mdn-Modal--sm .mdn-Modal-header .mdn-Heading {
        padding-bottom: var(--theme-spacing-stack-md)
    }
}

.mdn-Modal--sm .mdn-Modal-body {
    margin-top: var(--theme-spacing-stack-sm);
    overflow: initial
}

.mdn-Modal--sm .mdn-Modal-footer {
    display: block;
    padding-top: var(--theme-spacing-stack-md)
}

.mdn-Modal--sm .mdn-Modal-footer-start {
    margin-bottom: var(--theme-spacing-stack-xs)
}

@media screen and (min-width:48rem) {
    .mdn-Modal--sm .mdn-Modal-footer-start {
        max-width: 100%
    }
}

.mdn-Modal--sm .mdn-Modal-footer-end {
    display: block
}

.mdn-Modal--sm .mdn-Modal-footer-end .mdn-Button:not(.mdn-Button--icon) {
    width: 100%;
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-Modal--Calendar .mdn-Modal-content {
    padding: var(--theme-spacing-stack-xxs);
    align-self: center;
    max-width: calc(100% - var(--theme-spacing-inline-xs)*2);
    width: 25rem;
    height: auto;
    min-height: 10.5rem
}

@media screen and (min-width:48rem) {
    .mdn-Modal--Calendar .mdn-Modal-content {
        min-height: 25rem
    }
}

.mdn-Modal--Calendar .mdn-Modal-header {
    padding-bottom: var(--theme-spacing-stack-sm);
    padding-right: var(--theme-spacing-inline-md)
}

@media screen and (min-width:48rem) {
    .mdn-Modal--Calendar .mdn-Modal-header .mdn-Heading {
        padding-bottom: var(--theme-spacing-stack-md)
    }
}

.mdn-Modal--Calendar .mdn-Modal-body {
    margin-top: var(--theme-spacing-stack-xs);
    overflow: initial
}

.mdn-Modal--Calendar .mdn-Modal-footer {
    display: block;
    padding-top: var(--theme-spacing-stack-xs);
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Modal--Calendar .mdn-Modal-footer-start {
    margin-bottom: var(--theme-spacing-stack-md);
    max-width: 60%
}

@media screen and (min-width:48rem) {
    .mdn-Modal--Calendar .mdn-Modal-footer-start {
        max-width: 100%
    }
}

.mdn-Modal--Calendar .mdn-Modal-footer-end {
    display: flex
}

.mdn-Modal--Calendar .mdn-Modal-footer-end .mdn-Button:not(:last-child) {
    width: calc(50% - .125rem);
    margin-right: var(--theme-spacing-stack-xxs)
}

.mdn-Modal-content {
    height: 31.25rem;
    max-height: 100%;
    width: 51.25rem;
    border-radius: var(--theme-border-radius-sm);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-border-color-Modal-default);
    background: var(--theme-background-color-Modal-default);
    display: flex;
    flex-direction: column;
    padding: var(--theme-spacing-inset-md)
}

.mdn-Modal-content .mdn-Divider {
    margin: 0
}

.mdn-Modal--heightAuto .mdn-Modal-content {
    height: auto
}

.mdn-Modal-header {
    min-height: 3.75rem;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    position: relative;
    justify-content: space-between
}

@media screen and (min-width:48rem) {
    .mdn-Modal-header {
        min-height: 4.25rem
    }
}

.mdn-Modal-header .mdn-Button {
    position: absolute;
    right: 0;
    top: auto
}

.mdn-Modal-header .mdn-Button.mdn-Button--icon i:before {
    font-size: var(--theme-font-size--xs)
}

.mdn-Modal-body {
    height: 100%;
    margin-top: var(--theme-spacing-stack-md);
    overflow-y: scroll
}

.mdn-Modal-body::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

.mdn-Modal-body::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.mdn-Modal-body::-webkit-scrollbar-thumb {
    background: var(--theme-color-neutral-medium);
    border: 0 var(--theme-color-neutral-lightest);
    border-radius: var(--theme-border-radius-pill)
}

.mdn-Modal-body::-webkit-scrollbar-thumb:active,
.mdn-Modal-body::-webkit-scrollbar-thumb:hover {
    background: #cecece
}

.mdn-Modal-body::-webkit-scrollbar-track {
    border: 0 var(--theme-color-neutral-lightest);
    border-radius: var(--theme-border-radius-pill)
}

.mdn-Modal-body::-webkit-scrollbar-track,
.mdn-Modal-body::-webkit-scrollbar-track:hover {
    background: var(--theme-color-neutral-light)
}

.mdn-Modal-body::-webkit-scrollbar-track:active {
    background: var(--theme-color-neutral-light)
}

.mdn-Modal-body::-webkit-scrollbar-corner {
    background: transparent
}

.mdn-Modal-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: var(--theme-spacing-stack-sm)
}

@media screen and (min-width:48rem) {
    .mdn-Modal-footer {
        padding-top: var(--theme-spacing-stack-lg)
    }
}

.mdn-Modal-footer-start {
    display: flex;
    align-self: flex-start;
    margin-bottom: var(--theme-spacing-stack-sm);
    width: 100%
}

@media screen and (min-width:48rem) {
    .mdn-Modal-footer-start {
        align-self: center
    }
}

.mdn-Modal-footer-end {
    width: 100%;
    display: flex
}

@media screen and (min-width:48rem) {
    .mdn-Modal-footer-end {
        width: auto
    }
}

.mdn-Modal-footer-end .mdn-Button:not(.mdn-Button--icon) {
    width: calc(50% - .125rem)
}

@media screen and (min-width:48rem) {
    .mdn-Modal-footer-end .mdn-Button:not(.mdn-Button--icon) {
        width: auto
    }

    .mdn-Modal-footer-end .mdn-Button:not(.mdn-Button--icon).mdn-Button:not(:last-child) {
        margin-right: var(--theme-spacing-inline-xxs)
    }
}

.mdn-Modal--multimedia {
    align-items: center;
    background-color: var(--theme-color-neutral-darkest);
    overflow: hidden
}

.mdn-Modal--multimedia .mdn-Divider {
    display: none
}

.mdn-Modal--multimedia .mdn-Modal-header {
    padding: 0;
    min-height: auto;
    position: static
}

.mdn-Modal--multimedia .mdn-Modal-header .mdn-Button-header-close {
    top: var(--theme-spacing-stack-sm);
    right: var(--theme-spacing-stack-sm)
}

.mdn-Modal--multimedia .mdn-Modal-header .mdn-Button-header-close:hover {
    border-color: var(--theme-color-neutral-lightest);
    opacity: var(--theme-opacity-intense)
}

.mdn-Modal--multimedia .mdn-Modal-body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    width: calc(100vw - 3rem);
    height: calc(66.66667vw - 2rem);
    max-width: 100%;
    max-height: 75vh
}

@media screen and (min-width:70.5rem) {
    .mdn-Modal--multimedia .mdn-Modal-body {
        width: 67.5rem;
        height: 45rem
    }
}

.mdn-Modal--multimedia .mdn-Modal-content {
    padding: 0;
    background-color: var(--theme-color-neutral-darkest);
    width: auto;
    height: auto
}

.mdn-Modal--multimedia-media,
.mdn-Modal--multimedia .mdn-Modal-body>iframe,
.mdn-Modal--multimedia .mdn-Modal-body>img {
    border-radius: var(--theme-border-radius-sm);
    object-fit: contain;
    width: 100%;
    height: 100%
}

.mdn-SkipLink:focus-within {
    position: relative;
    height: auto;
    display: flex
}

.mdn-SkipLink {
    display: block;
    overflow: hidden;
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--theme-background-color--default)
}

.mdn-SkipLink .mdn-SkipLink-list {
    display: flex
}

.mdn-SkipLink .mdn-SkipLink-list--item {
    padding: .5rem 2rem .5rem 0
}

.mdn-SkipLink .mdn-SkipLink-list--item:last-child {
    padding-right: 0
}

.mdn-SkipLink .mdn-SkipLink-list--item .mdn-Link {
    font-size: var(--theme-font-size-xxxs);
    text-decoration: underline
}

.mdn-Menu {
    width: 100%;
    position: relative;
    background-color: var(--theme-backgroundColor-Menu-default);
    z-index: 90;
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-top)
}

@media only screen and (max-width:75rem) {
    .mdn-Menu .mdn-Container {
        max-width: 100%
    }
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu-container {
        max-width: 100%
    }
}

.mdn-Menu-logo {
    height: 1.25rem;
    width: auto;
    margin-right: var(--theme-spacing-inline-sm)
}

@media only screen and (min-width:61.9375rem) and (max-width:71.0625rem) {
    .mdn-Menu-logo {
        height: 2rem;
        margin-right: var(--theme-spacing-inline-xs)
    }
}

@media only screen and (min-width:71.125rem) {
    .mdn-Menu-logo {
        height: 2rem;
        margin-right: var(--theme-spacing-inline-sm)
    }
}

.mdn-Menu-toggle {
    background: none;
    border: none;
    color: var(--theme-toggleColor-Menu-default);
    margin-right: var(--theme-spacing-inline-xs);
    outline: none
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-toggle {
        outline: none;
        display: none
    }
}

.mdn-Menu-toggle-icon {
    position: relative;
    top: .125rem
}

.mdn-Menu-toggle-icon-fechar {
    display: none
}

.mdn-Menu-top {
    display: flex;
    justify-content: space-between; /* Alinha esquerda e direita */
    align-items: center;
    padding: 0 20px; /* Espaço lateral ajustado */
    background-color: var(--theme-backgroundColor-Menu-top);
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-top)
    height: 50px; /* Altura fixa */
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-top {
        display: flex
    }
}

.mdn-Menu-top .mdn-Container {
    height: 100%
}

.mdn-Menu-top-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px; /* Limite de largura (opcional) */
}

.mdn-Menu-top-list {
    display: flex
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-top-list-right .mdn-Menu-top-list-item .mdn-Menu-top-action:not(:only-child),
    .mdn-Menu-top-list-right .mdn-Menu-top-list-item a,
    .mdn-Menu-top-list-right .mdn-Menu-top-list-item p {
        padding-left: var(--theme-spacing-inline-md)
    }

    .mdn-Menu-top-list-right .mdn-Menu-top-list-item>.mdn-Icon--lg,
    .mdn-Menu-top-list-right .mdn-Menu-top-list-item>.mdn-Icon--md,
    .mdn-Menu-top-list-right .mdn-Menu-top-list-item>.mdn-Icon--sm {
        margin-right: calc(var(--theme-spacing-inline-sm)*-1);
        z-index: 2
    }
}

.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) .mdn-Menu-top-action:not(:only-child)>.mdn-Icon--lg,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) .mdn-Menu-top-action:not(:only-child)>.mdn-Icon--md,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) .mdn-Menu-top-action:not(:only-child)>.mdn-Icon--sm,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) a>.mdn-Icon--lg,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) a>.mdn-Icon--md,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) a>.mdn-Icon--sm,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) p>.mdn-Icon--lg,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) p>.mdn-Icon--md,
.mdn-Menu-top-list-right .mdn-Menu-top-list-item:not(:last-child) p>.mdn-Icon--sm {
    margin-left: calc(var(--theme-spacing-inline-sm)*-1)
}

.mdn-Menu-top-list-right .mdn-Menu-top-list-item:last-child {
    margin-right: 0
}

.mdn-Menu-top-list-left .mdn-Menu-top-list-item:first-child {
    margin-left: 0
}

.mdn-Menu-top-list-left .mdn-Menu-top-list-item-location:first-child {
    margin-left: calc(var(--theme-spacing-inline-xs)*-1);
    margin-right: var(--theme-spacing-inline-xxs)
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-top-list-left .mdn-Menu-top-list-item-location .mdn-Menu-top-action,
    .mdn-Menu-top-list-left .mdn-Menu-top-list-item-location a,
    .mdn-Menu-top-list-left .mdn-Menu-top-list-item-location p {
        padding-right: var(--theme-spacing-inline-lg);
        margin-right: calc(var(--theme-spacing-inline-md)*-1 + var(--theme-spacing-inline-xxxs)*-1);
        width: calc(100% + var(--theme-spacing-inline-lg))
    }
}

.mdn-Menu-top-list-item,
.mdn-Menu-top-list-left .mdn-Menu-top-list-item-location--logged.mdn-Menu-top-list-item-location--loggedActive .mdn-Menu-top-list-item-location-contracts {
    display: flex;
    align-items: center
}

.mdn-Menu-top-list-item {
    color: var(--theme-linkColor-Menu-top);
    cursor: pointer
}

.mdn-Menu-top-list-item:not(.mdn-Menu-top-list-item-underline)>.mdn-Menu-top-action,
.mdn-Menu-top-list-item:not(.mdn-Menu-top-list-item-underline)>a,
.mdn-Menu-top-list-item:not(.mdn-Menu-top-list-item-underline)>button,
.mdn-Menu-top-list-item:not(.mdn-Menu-top-list-item-underline)>p {
    border-bottom: var(--theme-border-width-thick) var(--theme-border-style--default) transparent
}

.mdn-Menu-top-list-item .mdn-Icon--lg,
.mdn-Menu-top-list-item .mdn-Icon--md,
.mdn-Menu-top-list-item .mdn-Icon--sm,
.mdn-Menu-top-list-item i {
    margin-right: var(--spacing-inline-xxs);
    display: inline-flex;
    align-self: center;
    margin-top: -.0625rem
}

.mdn-Menu-top-list-item:hover:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>.mdn-Menu-top-action,
.mdn-Menu-top-list-item:hover:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>a,
.mdn-Menu-top-list-item:hover:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>button,
.mdn-Menu-top-list-item:hover:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>p,
.mdn-Menu-top-list-item:hover:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>span {
    border-bottom: var(--theme-border-width-thick) var(--theme-border-style--default) var(--theme-linkColor-Menu-top)
}

.mdn-Menu-top-list-item.mdn-Menu-top-list-item-underline:hover .mdn-Menu-top-action,
.mdn-Menu-top-list-item.mdn-Menu-top-list-item-underline:hover a {
    text-decoration: underline
}

.mdn-Menu-top-list-item.mdn-isActive:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>.mdn-Menu-top-action,
.mdn-Menu-top-list-item.mdn-isActive:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>a,
.mdn-Menu-top-list-item.mdn-isActive:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>button,
.mdn-Menu-top-list-item.mdn-isActive:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>p,
.mdn-Menu-top-list-item.mdn-isActive:not(.mdn-Menu-top-list-item-notInteractive):not(.mdn-Menu-top-list-item-underline):not(.mdn-Menu-top-list-item-location)>span {
    border-bottom: var(--theme-border-width-thick) var(--theme-border-style--default) var(--theme-linkColor-Menu-top)
}

.mdn-Menu-top-list-item .mdn-Menu-top-action,
.mdn-Menu-top-list-item>a,
.mdn-Menu-top-list-item>button,
.mdn-Menu-top-list-item>p,
.mdn-Menu-top-list-item>span {
    color: inherit;
    text-decoration: var(--theme-textDecoration-Menu);
    font-weight: var(--theme-font-weight-medium);
    display: flex;
    align-items: center;
    background: none;
    border: none;
    font-size: var(--theme-font-size-xxs);
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0 var(--theme-spacing-inline-xs)
}

.mdn-Menu-top-list-item .mdn-Menu-top-action:focus,
.mdn-Menu-top-list-item>a:focus,
.mdn-Menu-top-list-item>button:focus,
.mdn-Menu-top-list-item>p:focus,
.mdn-Menu-top-list-item>span:focus {
    background-color: var(--theme-backgroundColor-Menu-top-item-focus)
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-top-list-item .mdn-Menu-top-action:focus,
    .mdn-Menu-top-list-item>a:focus,
    .mdn-Menu-top-list-item>button:focus,
    .mdn-Menu-top-list-item>p:focus,
    .mdn-Menu-top-list-item>span:focus {
        outline: none
    }
}

.mdn-Menu-top-list-item .mdn-Menu-top-action .mdn-Icon--md,
.mdn-Menu-top-list-item>a .mdn-Icon--md,
.mdn-Menu-top-list-item>button .mdn-Icon--md,
.mdn-Menu-top-list-item>p .mdn-Icon--md,
.mdn-Menu-top-list-item>span .mdn-Icon--md {
    margin-right: var(--theme-spacing-inline-xxs)
}

.mdn-Menu-content {
    display: flex;
    justify-content: space-between;
    overflow-x: hidden
}

.mdn-Menu-content-left,
.mdn-Menu-content-right {
    display: flex;
    align-items: center;
    height: 3.625rem
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-content-left,
    .mdn-Menu-content-right {
        height: 5.375rem
    }
}

@media only screen and (max-width:61.875rem) {

    .mdn-Menu-content-left .mdn-Menu-list-item-search.mdn-isActive,
    .mdn-Menu-content-right .mdn-Menu-list-item-search.mdn-isActive {
        background-color: var(--theme-background-color--default);
        position: fixed
    }
}

.mdn-Menu-content-left .mdn-Menu-list-item-search .mdn-Input,
.mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Input {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-content-left .mdn-Menu-list-item-search .mdn-Menu-searchContent-select,
.mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-searchContent-select {
    margin: var(--theme-spacing-stack-xs) 0
}

@media only screen and (max-width:61.875rem) {

    .mdn-Menu-content-left .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList,
    .mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList {
        height: 60vh;
        overflow-y: scroll
    }
}

.mdn-Menu-content-left .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList-item,
.mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList-item {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-content-left .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList-anchor,
.mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-searchContent .mdn-LinkList-anchor {
    text-decoration: none
}

.mdn-Menu-content-left .mdn-Menu-list-item-link .mdn-Menu-list-anchor .mdn-Icon--lg,
.mdn-Menu-content-left .mdn-Menu-list-item-link .mdn-Menu-list-anchor .mdn-Icon--md,
.mdn-Menu-content-left .mdn-Menu-list-item-link .mdn-Menu-list-anchor .mdn-Icon--sm,
.mdn-Menu-content-left .mdn-Menu-list-item-link .mdn-Menu-list-anchor i,
.mdn-Menu-content-left .mdn-Menu-list-item-link a .mdn-Icon--lg,
.mdn-Menu-content-left .mdn-Menu-list-item-link a .mdn-Icon--md,
.mdn-Menu-content-left .mdn-Menu-list-item-link a .mdn-Icon--sm,
.mdn-Menu-content-left .mdn-Menu-list-item-link a i {
    margin-right: var(--theme-spacing-inline-xxs)
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-content-left .mdn-Menu-list-item-link .mdn-Menu-list-anchor,
    .mdn-Menu-content-left .mdn-Menu-list-item-link a {
        outline: none
    }
}

.mdn-Menu-content-left .mdn-Menu-list-item-search.mdn-isActive {
    padding: 0
}

.mdn-Menu-content-left .mdn-Menu-list-item-search.mdn-isActive .mdn-Menu-list-item-link {
    right: 0
}

.mdn-Menu-content-left .mdn-Menu-list-item-search.mdn-isActive .mdn-Menu-list-item-link a.mdn-Text {
    display: none
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-content-left .mdn-isActive .mdn-LinkList-item {
        margin-bottom: var(--theme-spacing-stack-xxs)
    }
}

.mdn-Menu-content-left .mdn-isActive .mdn-LinkList-anchor {
    text-decoration: none;
    outline: none
}

.mdn-Menu-content-left .mdn-isActive .mdn-LinkList-anchor:focus,
.mdn-Menu-content-left .mdn-isActive .mdn-LinkList-anchor:hover {
    text-decoration: underline
}

.mdn-Menu-content-left .mdn-isActive.mdn-Menu-list-item-search .mdn-Menu-list-item-link {
    border-color: transparent
}

.mdn-Menu-content-left .mdn-isActive.mdn-Menu-list-item-search .mdn-Menu-list-item-link a.mdn-Text {
    display: none
}

.mdn-Menu-content-right .mdn-Text .mdn-Menu-list-item-link--notifications-count {
    position: absolute;
    background-color: var(--theme-background-color--global);
    font-size: var(--theme-font-size-xxxs);
    font-weight: var(--theme-font-weight-bold);
    border-radius: var(--theme-border-radius-circle);
    padding: calc(var(--theme-spacing-inset-xxs)/2);
    min-width: 1rem;
    text-align: center;
    color: var(--theme-color-bg-secondary);
    top: .875rem;
    left: var(--theme-spacing-inline-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-content-right .mdn-Text .mdn-Menu-list-item-link--notifications-count {
        top: 1.8125rem
    }
}

.mdn-Menu-content-right .mdn-Text .mdn-Menu-list-item-search-label {
    margin-left: var(--theme-spacing-stack-xxs);
    display: none
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu-content-right .mdn-Text .mdn-Menu-list-item-search-label {
        display: inline
    }
}

.mdn-Menu-content-right .mdn-Menu-list-item {
    padding: 0 0 0 var(--theme-spacing-inline-xxs)
}

.mdn-Menu-content-right .mdn-Menu-list-item-search.mdn-isActive .mdn-Menu-subMenu-list {
    padding: 0;
    margin-top: var(--theme-spacing-stack-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-content-right .mdn-Menu-list-item:not(:last-child) .mdn-Menu-shortcut-list {
        justify-content: flex-end
    }
}

.mdn-Menu-content-right .mdn-LinkList {
    margin: var(--theme-spacing-stack-xs) 0
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-content-right .mdn-LinkList {
        display: none
    }
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu-content-right .mdn-Menu-list {
        position: static
    }

    .mdn-Menu-content-right .mdn-Menu-list-item-search.mdn-isActive {
        background-color: var(--theme-background-color--default)
    }

    .mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-list-item-link .mdn-Menu-list-anchor.mdn-Text,
    .mdn-Menu-content-right .mdn-Menu-list-item-search .mdn-Menu-list-item-link a.mdn-Text {
        color: var(--theme-linkColor-Menu-list-desk)
    }

    .mdn-Menu-content-right .mdn-isActive {
        position: static
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-search .mdn-Menu-list-item-link {
        border-color: transparent
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-search .mdn-Menu-list-item-link a.mdn-Text {
        display: none
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-button {
        position: static
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-button.mdn-isActive .mdn-Menu-list-item-link:after {
        content: "";
        height: .5625rem;
        width: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-left: .75rem var(--theme-border-style--default) transparent;
        border-bottom: .5625rem var(--theme-border-style--default) var(--theme-borderColor-Menu-arrow);
        border-right: .75rem var(--theme-border-style--default) transparent;
        border-top: 0 var(--theme-border-style--default) transparent
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-button .mdn-Menu-list-item-link {
        position: static;
        position: relative;
        background-color: transparent
    }

    .mdn-Menu-content-right .mdn-isActive.mdn-Menu-list-item-button .mdn-Menu-subMenu {
        position: absolute;
        left: 0
    }
}

.mdn-Menu-content-right .mdn-Menu-list {
    display: flex
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu-content-right .mdn-Menu-list {
        height: 100%;
        background: transparent;
        flex-direction: row;
        padding: 0
    }

    .mdn-Menu-content-right .mdn-Menu-list-item {
        margin-bottom: 0
    }

    .mdn-Menu-content-right .mdn-Menu-list-item-link {
        justify-content: flex-start;
        border-bottom: none
    }

    .mdn-Menu-content-right .mdn-Menu-list-item-link .mdn-Menu-subMenu-back {
        display: none
    }
}

.mdn-Menu-list {
    display: none;
    position: absolute;
    right: 0;
    top: 3.625rem;
    background: var(--theme-backgroundColor-Menu-list);
    width: 100%;
    flex-direction: column
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list {
        background: transparent;
        position: static;
        top: 100%;
        right: auto;
        display: inline-flex;
        flex-direction: row;
        height: 100%
    }
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu-list {
        padding: var(--theme-spacing-stack-sm) var(--theme-spacing-inline-xs)
    }

    .mdn-Menu-list.mdn-isActive:after {
        content: "";
        height: .5625rem;
        width: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-left: .75rem var(--theme-border-style--default) transparent;
        border-bottom: .5625rem var(--theme-border-style--default) var(--theme-borderColor-Menu-arrow);
        border-right: .75rem var(--theme-border-style--default) transparent;
        border-top: 0 var(--theme-border-style--default) transparent;
        top: -.5625rem;
        left: 1.75rem
    }
}

.mdn-Menu-list.mdn-isActive .mdn-Menu-subMenu-back {
    display: none
}

.mdn-Menu-list-item {
    display: flex;
    align-items: center;
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-Menu-list-item.mdn-isActive {
    position: absolute;
    display: flex;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-subMenu-back {
    display: flex;
    align-items: center;
    position: absolute;
    color: var(--theme-linkColor-Menu-list)
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-subMenu-back p {
    color: var(--theme-linkColor-Menu-list)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item.mdn-isActive .mdn-Menu-subMenu-back {
        display: none
    }
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item.mdn-isActive {
        justify-content: center;
        width: auto;
        top: 0;
        left: 0;
        z-index: 2;
        margin-bottom: 0;
        position: static;
        height: 100%;
        background: transparent
    }
}

.mdn-Menu-list-item.mdn-isActive:first-child {
    margin-top: 0
}

@media screen and (max-width:61.9375rem) {
    .mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link--notifications-count {
        z-index: -1
    }
}

.mdn-Menu-list-item.mdn-isActive .mdn-Icon-direita {
    visibility: hidden
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item {
    width: 100%
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link {
    position: absolute;
    top: 0;
    height: 3.4375rem;
    display: flex;
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu);
    background-color: var(--theme-backgroundColor-Menu-list)
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link:not(.mdn-Menu-list-item-link-button) {
    padding: var(--theme-spacing-inset-sm)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link {
        position: relative;
        height: 100%;
        border-bottom: none;
        background-color: transparent
    }

    .mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link:after {
        content: "";
        height: .5625rem;
        width: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-left: .75rem var(--theme-border-style--default) transparent;
        border-bottom: .5625rem var(--theme-border-style--default) var(--theme-borderColor-Menu-arrow);
        border-right: .75rem var(--theme-border-style--default) transparent;
        border-top: 0 var(--theme-border-style--default) transparent
    }

    .mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link:not(.mdn-Menu-list-item-link-button) {
        background-color: var(--theme-backgroundColor-Menu-active);
        padding: 0
    }
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link .mdn-Menu-list-anchor,
.mdn-Menu-list-item.mdn-isActive .mdn-Menu-list-item-link a {
    width: 100%;
    justify-content: center;
    outline: none
}

.mdn-Menu-list-item.mdn-isActive .mdn-Menu-subMenu {
    display: flex
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item-location {
        display: none
    }
}

.mdn-Menu-list-item-link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item-link .mdn-Menu-subMenu-back {
        display: none
    }
}

.mdn-Menu-list-item-link .mdn-Icon-direita {
    position: absolute;
    right: 0;
    color: var(--theme-linkColor-Menu-list)
}

.mdn-Menu-list-item-link-button {
    padding: 0 var(--spacing-inline-xxs)
}

.mdn-Menu-list-item-link-button .mdn-Button {
    outline: none
}

.mdn-Menu-list-item-link-button .mdn-Button:focus {
    border-color: var(--theme-color-brand-primary-dark);
    text-decoration: underline
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-list-item {
        margin-bottom: 0
    }

    .mdn-Menu-list-item:first-child {
        margin-top: 0
    }

    .mdn-Menu-list-item .mdn-Icon-direita {
        display: none
    }
}

.mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button),
.mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button) {
    color: var(--theme-linkColor-Menu-list);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs);
    text-decoration: var(--theme-textDecoration-Menu);
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    outline: none
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button),
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button) {
        color: var(--theme-linkColor-Menu-list-desk)
    }

    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button):focus,
    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button):hover,
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button):focus,
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button):hover {
        background-color: var(--theme-backgroundColor-Menu-active)
    }

    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button):focus span,
    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button):hover span,
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button):focus span,
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button):hover span {
        text-decoration: underline
    }
}

@media only screen and (min-width:61.9375rem) and (max-width:71.0625rem) {

    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button),
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button) {
        padding: 0 var(--theme-spacing-inline-xxs)
    }
}

@media only screen and (min-width:71.125rem) {

    .mdn-Menu-list-item .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button),
    .mdn-Menu-list-item .mdn-Menu-list-item-link a:not(.mdn-Button) {
        padding: 0 var(--theme-spacing-inline-xs)
    }
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-content-left .mdn-Menu-list-item-search {
        display: none
    }
}

.mdn-Menu .mdn-Menu-content-right .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button),
.mdn-Menu .mdn-Menu-content-right .mdn-Menu-list-item-link a:not(.mdn-Button) {
    padding: 0 var(--spacing-inline-xxs)
}

@media only screen and (min-width:61.9375rem) {

    .mdn-Menu .mdn-Menu-content-right .mdn-Menu-list-item-link .mdn-Menu-list-anchor:not(.mdn-Button):hover,
    .mdn-Menu .mdn-Menu-content-right .mdn-Menu-list-item-link a:not(.mdn-Button):hover {
        background-color: initial
    }
}

.mdn-Menu-subMenu {
    position: relative;
    top: 3.4375rem;
    min-height: calc(100vh - 7.0625rem);
    display: none;
    width: 100%;
    background: var(--theme-backgroundColor-Menu-list)
}

.mdn-Menu-subMenu-notificationsIn {
    padding: 0
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subMenu {
        height: auto;
        min-height: auto;
        position: absolute;
        top: 100%;
        left: 0;
        padding: var(--theme-spacing-inset-lg);
        border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium)
    }

    .mdn-Menu-subMenu-notificationsIn {
        padding: 0
    }
}

.mdn-Menu-subMenu .mdn-Menu-Row {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subMenu .mdn-Menu-Row {
        justify-content: space-between;
        flex-direction: row
    }
}

.mdn-Menu-subMenu-list {
    padding: var(--theme-spacing-stack-sm) var(--theme-spacing-stack-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subMenu-list {
        flex-direction: row;
        display: flex;
        width: 100%
    }
}

.mdn-Menu-subMenu-list-item {
    width: 100%
}

.mdn-Menu-subMenu-list-item-link {
    color: var(--theme-linkColor-Menu-list);
    align-items: center;
    display: flex;
    justify-content: center
}

.mdn-Menu-subMenu.mdn-isActive {
    top: 0
}

.mdn-Menu-subMenu.mdn-isActive .mdn-Menu-subMenu-list {
    padding: 0
}

.mdn-Menu-subSubMenu {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: var(--theme-spacing-stack-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subSubMenu {
        padding-right: var(--theme-paddingRight-Menu-submenu-category);
        border-right: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-desk);
        padding-left: var(--theme-spacing-inline-xs)
    }
}

.mdn-Menu-subSubMenu-link {
    color: var(--theme-color-neutral-darkest-clickable);
    z-index: 1
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subSubMenu-link {
        outline: none
    }

    .mdn-Menu-subSubMenu-link:focus {
        text-decoration: underline !important
    }
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subSubMenu-title {
        margin-bottom: var(--theme-spacing-stack-xs)
    }
}

.mdn-Menu-subSubMenu-title .mdn-Icon-esquerda {
    display: none
}

.mdn-Menu-subSubMenu-back {
    position: absolute;
    z-index: 2;
    color: var(--theme-linkColor-Menu-list);
    width: 100%
}

.mdn-Menu-subSubMenu.mdn-isActive {
    margin: 0
}

.mdn-Menu-subSubMenu.mdn-isActive .mdn-Menu-subSubMenu-title {
    display: flex;
    align-items: center;
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu);
    padding: 0 var(--theme-spacing-inset-sm)
}

.mdn-Menu-subSubMenu.mdn-isActive .mdn-Menu-subSubMenu-title .mdn-Icon-esquerda {
    display: flex
}

.mdn-Menu-subSubMenu.mdn-isActive .mdn-Menu-subSubMenu-link {
    width: 100%;
    top: 0;
    left: 0;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    outline: none
}

.mdn-Menu-subSubMenu.mdn-isActive .mdn-Menu-subSubMenu-list {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--theme-spacing-stack-sm) var(--theme-spacing-inline-xs)
}

.mdn-Menu-subSubMenu-list {
    display: none;
    margin-bottom: var(--theme-spacing-stack-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subSubMenu-list {
        display: flex;
        flex-direction: column
    }
}

.mdn-Menu-subSubMenu-list-item {
    font-weight: var(--theme-font-weight-medium);
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-subSubMenu-list-item a {
    text-decoration: var(--theme-textDecoration-Menu);
    color: var(--theme-color-neutral-darkest-clickable)
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu-subSubMenu-list-item a {
        outline: none
    }
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-subSubMenu-list-item {
        font-weight: var(--theme-font-weight-regular);
        margin: initial;
        line-height: var(--theme-line-height-xs)
    }

    .mdn-Menu-subSubMenu-list-item a:hover {
        text-decoration: underline
    }
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts {
    width: 100%;
    height: calc(100vh - 3.4375rem - var(--theme-spacing-stack-md));
    overflow-y: scroll;
    background: var(--theme-background-color--default)
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-top-list-item-location-contracts {
        display: none;
        width: 26.5rem;
        max-height: calc(var(--theme-spacing-stack-md) + 32.0625rem);
        border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-contracts);
        border-radius: 0 0 var(--theme-border-radius-sm) var(--theme-border-radius-sm);
        box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-2) var(--theme-shadow--level-1) rgba(31, 29, 29, .64);
        position: absolute;
        top: 3.5rem;
        z-index: 1000;
        padding-top: var(--theme-spacing-stack-md);
        padding-bottom: 4.5625rem;
        overflow: initial
    }

    .mdn-Menu .mdn-Menu-top-list-item-location-contracts:after {
        content: "";
        height: .5625rem;
        width: 1.5rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-left: .75rem var(--theme-border-style--default) transparent;
        border-bottom: .5625rem var(--theme-border-style--default) var(--theme-borderColor-Menu-arrow);
        border-right: .75rem var(--theme-border-style--default) transparent;
        border-top: 0 var(--theme-border-style--default) transparent
    }

    .mdn-Menu .mdn-Menu-top-list-item-location-contracts--empty {
        padding-bottom: var(--theme-spacing-stack-md)
    }

    .mdn-Menu .mdn-Menu-top-list-item-location-contracts:after {
        top: 0;
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-top-list-item-location-contracts-list {
        max-height: 27.5rem;
        overflow: scroll;
        overflow-x: initial
    }

    .mdn-Menu .mdn-Menu-top-list-item-location-contracts-list::-webkit-scrollbar {
        display: none
    }
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item {
    padding: var(--theme-spacing-stack-xs) var(--theme-spacing-inline-xs);
    position: relative;
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium)
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item {
        padding: var(--theme-spacing-stack-xs) var(--theme-spacing-inline-md)
    }
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item:hover {
    background-color: var(--theme-backgroundColor-Menu-contracts-hover)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item .mdn-Radio {
    margin-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item-details {
    display: flex;
    justify-content: space-between
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item-details-content-address,
.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item-details-content-service {
    color: var(--theme-text-color--default);
    text-decoration: none;
    font-size: var(--theme-font-size-xxxs)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item-details-content-address {
    font-weight: var(--theme-font-weight-bold)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-list-item-details-info {
    margin-left: var(--theme-spacing-inline-md)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer {
    background-color: var(--theme-background-color--default);
    text-align: center
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0 0 var(--theme-border-radius-sm) var(--theme-border-radius-sm)
    }
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer:hover {
    background-color: var(--theme-background-color--default)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer .mdn-Link {
    padding: var(--theme-spacing-squish-xl);
    width: 100%
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer .mdn-Link-anchor {
    color: var(--theme-color-neutral-darkest-clickable)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer .mdn-Link-anchor-icon {
    visibility: initial
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer-link {
    color: var(--theme-color-brand-primary-medium);
    font-family: var(--theme-font-family--Link);
    font-size: var(--theme-font-size-xxs);
    display: block;
    padding: var(--theme-spacing-squish-xl)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-footer-link:hover {
    text-decoration: var(--theme-text-underline)
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-error {
    height: calc(100vh - 13.125rem);
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-top-list-item-location-contracts-error {
        height: 100%
    }
}

.mdn-Menu .mdn-Menu-top-list-item-location-contracts-error .mdn-Text {
    font-weight: var(--theme-font-weight--Text);
    margin-top: var(--theme-spacing-stack-xxxs);
    display: block;
    color: var(--theme-text-color--default)
}

.mdn-Menu .mdn-Menu-subMenu--notifications {
    flex-direction: column;
    top: .0625rem;
    padding: var(--theme-spacing-inset-md);
    overflow: scroll;
    height: calc(100vh - 3.625rem);
    min-height: auto;
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-contracts);
    border-radius: 0 0 var(--theme-border-radius-sm) var(--theme-border-radius-sm);
    box-shadow: 0 0 var(--theme-shadow--level-1) rgba(31, 29, 29, .64);
    border-top: none
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-subMenu--notifications {
        width: 26.5rem;
        height: 29.5rem;
        right: 0;
        left: auto;
        overflow-y: scroll;
        overflow-x: hidden;
        box-shadow: var(--theme-shadow--level-1) rgba(31, 29, 29, var(--theme-opacity-light))
    }
}

@media screen and (min-width:71.25rem) {
    .mdn-Menu .mdn-Menu-subMenu--notifications {
        left: 60.41667vw
    }
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item {
    padding: var(--theme-spacing-inset-md);
    border-radius: var(--theme-border-radius-sm);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-notification-item);
    display: flex;
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item-date {
    text-align: center;
    margin-right: var(--theme-spacing-inline-sm)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item-date .mdn-Subtitle {
    margin-bottom: var(--theme-spacing-stack-xxxs)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item .mdn-Heading {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item .mdn-Button {
    margin-top: var(--theme-spacing-stack-sm)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-list-item-notifications-item--date-month--xxs {
    font-size: var(--theme-font-size-xxs)
}

.mdn-Menu .mdn-Menu-subMenu--notifications .mdn-Menu-top-list-item-location-contracts-footer .mdn-Link-anchor-icon {
    display: initial
}

.mdn-Menu .mdn-Menu-subMenu--notifications-error {
    height: calc(100vh - 13.125rem);
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-Menu-subMenu--notifications-error {
        height: 100%
    }
}

.mdn-Menu .mdn-Menu-subMenu--notifications-error .mdn-Text {
    font-weight: var(--theme-font-weight--Text);
    margin-top: var(--theme-spacing-stack-xxxs);
    display: block;
    color: var(--theme-text-color--default)
}

.mdn-Menu-inputGroup {
    display: initial;
    align-items: center;
    margin: var(--theme-spacing-stack-sm) 0 var(--theme-spacing-stack-md)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-inputGroup {
        display: flex;
        max-width: 31.25rem
    }
}

.mdn-Menu-inputGroup .mdn-Input {
    margin-right: var(--theme-spacing-inline-xs);
    margin-top: var(--theme-spacing-inline-xs);
    margin-bottom: var(--theme-spacing-inline-xs);
    display: inline-block
}

.mdn-Menu-inputGroup .mdn-Input:first-child {
    width: calc(60% - var(--theme-spacing-inline-xs))
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-inputGroup .mdn-Input:first-child {
        width: 12.6875rem
    }
}

.mdn-Menu-inputGroup .mdn-Input:nth-child(2) {
    width: calc(40% - var(--theme-spacing-inline-xxxs));
    margin-right: 0
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-inputGroup .mdn-Input:nth-child(2) {
        margin-right: var(--theme-spacing-inline-xs);
        width: 6.8125rem
    }
}

.mdn-Menu-inputGroup .mdn-Button {
    margin-bottom: var(--theme-spacing-inline-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-inputGroup .mdn-Button {
        display: inline-flex;
        width: auto;
        margin-bottom: 0
    }
}

.mdn-Menu-shortcut {
    width: 18rem;
    margin: 0 auto
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-shortcut {
        width: auto;
        margin: initial
    }
}

.mdn-Menu-shortcut-list {
    display: flex;
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Menu-shortcut);
    padding: var(--theme-spacing-stack-md) 0;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-shortcut-list {
        justify-content: normal
    }
}

.mdn-Menu-shortcut-list:last-child {
    border: none
}

.mdn-Menu-shortcut-list-item {
    display: flex;
    width: 7.5rem;
    height: 7.5rem;
    background: var(--theme-backgroundColor-Menu-shortcut);
    border-radius: var(--border-radius-sm);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: var(--theme-spacing-stack-sm) var(--spacing-inline-xxs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-shortcut-list-item {
        width: auto;
        height: auto;
        background: initial;
        text-align: center;
        margin: 0 var(--theme-spacing-inline-sm);
        border-radius: initial;
        margin-bottom: 0
    }

    .mdn-Menu-shortcut-list-item:first-child {
        margin-left: 0
    }
}

.mdn-Menu-shortcut-list-item-link {
    text-decoration: var(--theme-textDecoration-Menu);
    color: var(--theme-linkColor-Menu-shortcut);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--theme-spacing-inset-xs);
    position: relative;
    width: 100%;
    height: 100%
}

.mdn-Menu-shortcut-list-item-link .mdn-Menu-shortcut-list-item-heading,
.mdn-Menu-shortcut-list-item-link p {
    color: var(--theme-linkColor-Menu-shortcut);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-shortcut-list-item-link {
        display: initial;
        flex-direction: row;
        justify-content: normal;
        padding: 0;
        width: auto;
        height: auto
    }
}

.mdn-Menu-shortcut-list-item .mdn-Icon {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-Menu-shortcut-hat {
    margin-top: var(--theme-spacing-stack-sm)
}

.mdn-Menu-modal {
    display: none
}

.mdn-Menu-modal .mdn-Modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.mdn-Menu-modal .mdn-Modal-content .mdn-Modal-header .mdn-Button-header-close {
    top: var(--theme-spacing-stack-md);
    right: var(--theme-spacing-inline-md)
}

.mdn-Menu-modal .mdn-Modal-content .mdn-Input {
    margin-bottom: var(--theme-spacing-stack-lg)
}

.mdn-Menu-modal .mdn-Modal-content a.mdn-Subtitle {
    text-decoration: var(--theme-textDecoration-Menu);
    color: var(--theme-color-neutral-darkest-clickable)
}

.mdn-Menu-modal .mdn-Modal-content a.mdn-Subtitle:hover {
    color: var(--theme-linkColor-Menu-list)
}

.mdn-Menu-modal .mdn-Modal-body {
    display: flex;
    flex-direction: column;
    overflow-y: initial;
    height: 90%;
    margin-top: 0
}

.mdn-Menu-modal .mdn-Modal-body .mdn-Container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mdn-Menu-modal .mdn-Modal-body .mdn-Container .mdn-Menu-Modal-content {
    height: calc(100% - 6rem)
}

.mdn-Menu-modal-content-list {
    overflow-y: scroll;
    height: calc(100% - 6rem)
}

.mdn-Menu-modal-content-list-item {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-modal-content-list-item:first-child {
    margin-top: var(--theme-spacing-stack-xs)
}

.mdn-Menu-modal-content-list-item a.mdn-Subtitle {
    text-decoration: var(--theme-textDecoration-Menu)
}

.mdn-Menu-modal .mdn-Heading {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-accordion {
    display: none
}

.mdn-Menu-accordion-isActive {
    display: initial
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu-accordion-isActive {
        display: none
    }
}

.mdn-Menu-accordion .mdn-Accordion-toggle {
    height: 3.25rem;
    justify-content: flex-start
}

.mdn-Menu-accordion .mdn-Accordion-toggle .mdn-Accordion-icon {
    padding: 0 var(--theme-spacing-stack-xxs)
}

.mdn-Menu-accordion .mdn-Accordion-toggle .mdn-Accordion-icon:before {
    font-size: var(--theme-font-size-sm)
}

.mdn-Menu-accordion .mdn-Accordion-content {
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium)
}

.mdn-Menu-accordion .mdn-Accordion-content .mdn-LinkList-item {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-Menu-accordion .mdn-Accordion-content .mdn-LinkList-item a {
    text-decoration: var(--theme-textDecoration-Menu)
}

@media only screen and (max-width:61.875rem) {
    .mdn-Menu.mdn-isOpen .mdn-Menu-subMenu .mdn-Container {
        padding: 0
    }
}

.mdn-Menu.mdn-isOpen .mdn-Menu-toggle-icon-fechar {
    display: block
}

.mdn-Menu.mdn-isOpen .mdn-Menu-toggle-icon-menu {
    display: none
}

.mdn-Menu.mdn-isOpen .mdn-Menu-content .mdn-Menu-list {
    display: flex;
    visibility: visible;
    overflow-y: visible
}

.mdn-Menu .mdn-hideCategory {
    display: none
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu .mdn-hideCategory {
        display: flex
    }
}

.mdn-Menu a.mdn-Heading {
    text-decoration: var(--theme-textDecoration-Menu)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Menu a.mdn-Heading:hover {
        text-decoration: underline
    }
}

.mdn-Menu .mdn-resetPosition {
    position: static
}

.mdn-LinkDetails-group {
    min-height: 2.875rem;
    margin-bottom: var(--theme-spacing-stack-sm)
}

.mdn-LinkDetails-group .mdn-Text--body {
    margin-top: var(--theme-spacing-stack-xxxs)
}

.mdn-LinkDetails-group:last-child {
    margin-bottom: 0
}

.mdn-LinkDetails--inverse .mdn-LinkDetails-group .mdn-Link-anchor {
    color: var(--theme-text-color-Link--inverse)
}

.mdn-LinkDetails--inverse .mdn-LinkDetails-group .mdn-Link-anchor-icon {
    color: var(--theme-color-Link-arrow-icon-inverse)
}

.mdn-LinkDetails--inverse .mdn-LinkDetails-group .mdn-Text {
    color: var(--theme-text-color-Text--inverse)
}

.mdn-Subtitle {
    font-family: var(--theme-font-family--Subtitle);
    font-weight: var(--theme-font-weight--Subtitle);
    text-transform: var(--theme-text-transform--Subtitle);
    color: var(--theme-text-color-Subtitle--default);
    line-height: var(--theme-font-line-height-lg);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Subtitle--md {
    font-size: var(--theme-font-size-sm)
}

@media screen and (min-width:62rem) {
    .mdn-Subtitle--md {
        font-size: var(--theme-font-size-md)
    }
}

.mdn-Subtitle--sm {
    font-size: var(--theme-font-size-xs)
}

@media screen and (min-width:62rem) {
    .mdn-Subtitle--sm {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Subtitle--xs {
    font-size: var(--theme-font-size-xxs)
}

@media screen and (min-width:62rem) {
    .mdn-Subtitle--xs {
        font-size: var(--theme-font-size-xs)
    }
}

.mdn-Subtitle--inverse {
    color: var(--theme-text-color-Subtitle--inverse)
}

.mdn-Subtitle--inverseDarkest {
    color: var(--theme-text-color-Subtitle--default)
}

.mdn-FooterLinks {
    width: 100%;
    padding: var(--theme-spacing-stack-md) 0;
    background-color: var(--theme-background-color--primary-dark)
}

.mdn-FooterLinks--enterprise {
    background-color: var(--theme-color-neutral-darkest)
}

.mdn-FooterLinks-column,
.mdn-FooterLinks-column .mdn-Tag {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-FooterLinks-column .mdn-Tag {
    display: none;
    font-weight: var(--theme-font-weight--Heading)
}

.mdn-FooterLinks-column .mdn-LinkList-anchor {
    text-decoration: var(--theme-textDecoration-FooterLinks)
}

.mdn-FooterLinks-column .mdn-LinkList-anchor:hover {
    text-decoration: underline
}

.mdn-FooterLinks-column .mdn-FooterLinks-ListItem {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-FooterLinks-column .mdn-LinkList {
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    transition: all .6s ease-in-out
}

.mdn-FooterLinks-column .mdn-LinkList .mdn-LinkList-item {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-FooterLinks-column .mdn-FooterLinks-column-toggler {
    background: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    color: var(--theme-text-color-Link--inverse)
}

.mdn-FooterLinks-column .mdn-FooterLinks-column-toggler .mdn-Icon-baixo {
    transition: all .6s ease-in-out
}

.mdn-FooterLinks-column .mdn-FooterLinks-column-toggler[aria-expanded=true] .mdn-Icon-baixo {
    transform: rotate(180deg)
}

.mdn-FooterLinks-column .mdn-FooterLinks-column-toggler[aria-expanded=true]+.mdn-LinkList {
    visibility: visible;
    display: block;
    max-height: 18.75rem
}

.mdn-FooterLinks-column .mdn-Divider {
    margin: 0
}

@media screen and (min-width:48rem) {
    .mdn-FooterLinks {
        padding: var(--theme-spacing-stack-lg) 0
    }

    .mdn-FooterLinks-column .mdn-Tag {
        display: block
    }

    .mdn-FooterLinks-column .mdn-FooterLinks-column-toggler {
        display: none
    }

    .mdn-FooterLinks-column .mdn-LinkList {
        visibility: visible;
        overflow: initial;
        max-height: unset
    }

    .mdn-FooterLinks-column .mdn-Divider {
        display: none
    }
}

.mdn-Footer {
    padding-top: var(--theme-spacing-stack-md);
    padding-bottom: var(--theme-spacing-stack-md);
    width: 100%;
    background-color: var(--theme-backgroundColor-Footer-default);
    height: auto;
    display: flex;
    align-items: center;
    border: var(--theme-borderWidth-Footer-default) var(--theme-borderStyle-Footer-default) var(--theme-borderColor-Footer-default)
}

.mdn-Footer--enterprise {
    background-color: var(--theme-background-color--dark)
}

.mdn-Footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--theme-spacing-stack-sm) 0;
    justify-content: space-between
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer-content>* {
        width: 50%
    }
}

.mdn-Footer-content>img {
    width: auto
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer-content {
        flex-direction: row
    }
}

.mdn-Footer-logo {
    background-image: url(https://mondrian.claro.com.br/brands/nosvg/assinatura-claro.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 3rem;
    width: 100%;
    max-width: 7rem;
    margin-bottom: var(--theme-spacing-stack-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer-logo {
        text-align: right;
        background-position: 100%;
        margin: var(--theme-spacing-stack-sm) 0
    }
}

.mdn-Footer-logo-image {
    display: none
}

.mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption {
    display: flex;
    align-items: center;
    text-align: center;
    line-height: var(--theme-font-size-xxs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption {
        text-align: left
    }

    .mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption br {
        display: none
    }
}

.mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption strong {
    width: 100%
}

.mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption:first-of-type {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-Footer .mdn-Footer-disclaimer .mdn-Text.mdn-Text--caption .mdn-Footer-disclaimer-link {
    margin-right: var(--theme-spacing-inline-xs)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer .mdn-Footer-disclaimer {
        padding-right: 0;
        margin-top: var(--theme-spacing-stack-xs)
    }
}

.mdn-Footer-disclaimer {
    font-family: var(--theme-font-family--Subtitle);
    font-weight: var(--theme-font-weight--Subtitle);
    text-transform: var(--theme-text-transform--Subtitle);
    color: var(--theme-text-color-Subtitle--default);
    line-height: var(--theme-font-line-height-lg);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    color: var(--theme-color-Footer-default);
    font-size: var(--theme-font-size-xxxs)
}

.mdn-Footer-disclaimer--md {
    font-size: var(--theme-font-size-sm)
}

@media screen and (min-width:62rem) {
    .mdn-Footer-disclaimer--md {
        font-size: var(--theme-font-size-md)
    }
}

.mdn-Footer-disclaimer--sm {
    font-size: var(--theme-font-size-xs)
}

@media screen and (min-width:62rem) {
    .mdn-Footer-disclaimer--sm {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Footer-disclaimer--xs {
    font-size: var(--theme-font-size-xxs)
}

@media screen and (min-width:62rem) {
    .mdn-Footer-disclaimer--xs {
        font-size: var(--theme-font-size-xs)
    }
}

.mdn-Footer-disclaimer--inverse {
    color: var(--theme-text-color-Subtitle--inverse)
}

.mdn-Footer-disclaimer--inverseDarkest {
    color: var(--theme-text-color-Subtitle--default)
}

.mdn-Footer-list {
    display: flex;
    margin: var(--theme-spacing-stack-md) 0;
    margin-bottom: var(--theme-spacing-stack-md)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer-list {
        margin: var(--theme-spacing-stack-md) 0
    }
}

.mdn-Footer-list-item {
    margin-right: var(--theme-spacing-inline-xs)
}

.mdn-Footer-list-item:last-child {
    margin-right: 0
}

.mdn-Footer-list-item-socialLink,
.mdn-Footer-list-item a {
    text-decoration: none;
    color: var(--theme-color-icon-Footer-default);
    display: flex;
    height: var(--theme-font-size-sm)
}

.mdn-Footer-list-item-socialLink:hover,
.mdn-Footer-list-item a:hover {
    text-decoration: none;
    color: var(--theme-color-icon-Footer-hover-default)
}

.mdn-Footer-list-item-socialLink .mdn-Icon--md:before,
.mdn-Footer-list-item-socialLink .mdn-Icon--sm:before,
.mdn-Footer-list-item a .mdn-Icon--md:before,
.mdn-Footer-list-item a .mdn-Icon--sm:before {
    font-size: var(--theme-font-size-sm)
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer-list {
        flex-direction: row;
        margin: 0
    }
}

.mdn-Footer--enterprise-socialLink:hover,
.mdn-Footer--enterprise a:hover {
    text-decoration: none;
    color: var(--theme-color-icon-Footer-hover-secondary)
}

.mdn-Footer--simple .mdn-Footer-content {
    justify-content: space-between
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer--simple .mdn-Footer-disclaimer {
        margin: 0;
        text-align: left
    }
}

.mdn-Footer--secondary {
    background-color: var(--theme-backgroundColor-Footer-secondary)
}

.mdn-Footer--secondary .mdn-Footer-list-item a {
    color: var(--theme-color-icon-Footer-secondary)
}

.mdn-Footer--secondary .mdn-Footer-list-item a:hover {
    text-decoration: none;
    color: var(--theme-color-icon-Footer-hover-secondary)
}

.mdn-Footer--secondary .mdn-Footer-disclaimer {
    font-family: var(--theme-font-family--Subtitle);
    font-weight: var(--theme-font-weight--Subtitle);
    text-transform: var(--theme-text-transform--Subtitle);
    color: var(--theme-text-color-Subtitle--default);
    line-height: var(--theme-font-line-height-lg);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    color: var(--theme-color-Footer-secondary)
}

.mdn-Footer--secondary .mdn-Footer-disclaimer--md {
    font-size: var(--theme-font-size-sm)
}

@media screen and (min-width:62rem) {
    .mdn-Footer--secondary .mdn-Footer-disclaimer--md {
        font-size: var(--theme-font-size-md)
    }
}

.mdn-Footer--secondary .mdn-Footer-disclaimer--sm {
    font-size: var(--theme-font-size-xs)
}

@media screen and (min-width:62rem) {
    .mdn-Footer--secondary .mdn-Footer-disclaimer--sm {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Footer--secondary .mdn-Footer-disclaimer--xs {
    font-size: var(--theme-font-size-xxs)
}

@media screen and (min-width:62rem) {
    .mdn-Footer--secondary .mdn-Footer-disclaimer--xs {
        font-size: var(--theme-font-size-xs)
    }
}

.mdn-Footer--secondary .mdn-Footer-disclaimer--inverse {
    color: var(--theme-text-color-Subtitle--inverse)
}

.mdn-Footer--secondary .mdn-Footer-disclaimer--inverseDarkest {
    color: var(--theme-text-color-Subtitle--default)
}

.mdn-Footer--bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.mdn-Footer:not(.mdn-Footer--signature) .mdn-Footer-content {
    justify-content: space-between
}

.mdn-Footer:not(.mdn-Footer--signature) .mdn-Footer-content>* {
    width: auto
}

.mdn-Footer:not(.mdn-Footer--signature) .mdn-Footer-disclaimer {
    padding: var(--theme-spacing-inset-xs);
    padding-right: 0
}

.mdn-Footer--social .mdn-Footer-disclaimer {
    text-align: center
}

.mdn-Footer--social .mdn-Footer-disclaimer .mdn-Text:first-of-type {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-Footer--signature {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width:61.9375rem) {
    .mdn-Footer--signature .mdn-Footer-content {
        padding: var(--theme-spacing-stack-xs) 0
    }

    .mdn-Footer--signature .mdn-Footer-content .mdn-Footer-list {
        order: 2;
        margin: 0 0 var(--theme-spacing-stack-xs);
        justify-content: center
    }

    .mdn-Footer--signature .mdn-Footer-content .mdn-Footer-disclaimer,
    .mdn-Footer--signature .mdn-Footer-content .mdn-Footer-social-and-disclaimer {
        order: 2
    }

    .mdn-Footer--signature .mdn-Footer-content .mdn-Footer-logo {
        order: 1;
        display: flex
    }

    .mdn-Footer--signature .mdn-Footer-content .mdn-Footer-logo-image {
        margin: 0 0 var(--theme-spacing-stack-xs)
    }
}

@media only screen and (min-width:61.9375rem) {
    .mdn-Footer--signature--simple .mdn-Footer-disclaimer {
        text-align: left
    }
}

.mdn-Footer-logo--custom {
    background-image: none;
    justify-content: end;
    display: flex
}

@media only screen and (max-width:61.9375rem) {
    .mdn-Footer-logo--custom {
        justify-content: center
    }
}

.mdn-Footer-logo--custom .mdn-Footer-logo-image {
    display: flex;
    height: 3rem
}

.mdn-Footer .mdn-Footer-disclaimer-librasLink {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    background-color: var(--theme-accessibility-blue);
    border-radius: var(--theme-border-radius-xxs);
    border: var(--theme-border-width--default) var(--theme-border-style--default) var(--theme-color-neutral-lightest-clickable);
    text-decoration: none;
    justify-content: center;
    align-items: center;
    transition: all .2s
}

.mdn-Footer .mdn-Footer-disclaimer-librasLink .mdn-Icon--md {
    color: var(--theme-color-neutral-lightest-clickable)
}

.mdn-Footer .mdn-Footer-disclaimer-librasLink:hover {
    border-color: hsla(0, 0%, 100%, .64);
    box-shadow: var(--theme-shadow-offset-x-none) var(--theme-shadow-offset-y-level-2) var(--theme-shadow-blur-radius-level-2) var(--theme-shadow-spread-radius-default) var(--theme-color-neutral-darkest)
}

.mdn-Header--simple {
    padding: var(--theme-spacing-stack-xs) 0;
    background-color: var(--theme-backgroundColor-Header-default);
    border-bottom: var(--theme-borderBottomWidth-Header-default) var(--theme-border-style--default) var(--theme-borderBottomColor-Header-default);
    min-height: 4.6875rem
}

.mdn-Header--simple-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mdn-Header--simpleLight {
    background-color: var(--theme-backgroundColor-Header-inverse)
}

.mdn-Header--simpleLight .mdn-logoSvg {
    filter: var(--theme-color-Header-logoSvg-inverse)
}

.mdn-Header--accessibility {
    background-color: var(--theme-backgroundColor-Header-default);
    border-bottom: var(--theme-borderBottomWidth-Header-default) var(--theme-border-style--default) var(--theme-borderBottomColor-Header-default);
    min-height: 4.6875rem;
    padding: 0
}

.mdn-Header--accessibility-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mdn-Header--accessibilityLight {
    background-color: var(--theme-backgroundColor-Header-inverse)
}

.mdn-Header--accessibilityLight .mdn-logoSvg {
    filter: var(--theme-color-Header-logoSvg-inverse)
}

.mdn-Header-phone {
    vertical-align: middle
}

.mdn-Header-phone .mdn-Icon--md {
    margin-right: var(--theme-spacing-inline-xxs)
}

@media screen and (min-width:61.9375rem) {
    .mdn-Header--simple {
        padding: var(--theme-spacing-stack-sm) 0;
        min-height: 5.4375rem
    }

    .mdn-Header--simple-content {
        align-items: center
    }

    .mdn-Header--simple-content .mdn-logoSvg {
        height: 2.25rem;
        width: auto
    }

    .mdn-Header--accessibility {
        padding: 0;
        min-height: 5.4375rem
    }

    .mdn-Header--accessibility-content {
        align-items: center
    }

    .mdn-Header--accessibility-content .mdn-logoSvg {
        height: 2.25rem;
        width: auto
    }
}

.mdn-HelpPassword {
    background-color: var(--theme-backgroundColor-HelpPassword-default);
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-HelpPassword-default);
    height: auto;
    width: 100%;
    min-width: auto;
    padding: var(--theme-spacing-inset-sm)
}

.mdn-HelpPassword,
.mdn-HelpPassword-title {
    color: var(--theme-text-color-HelpPassword)
}

.mdn-HelpPassword-title {
    margin-bottom: var(--theme-spacing-stack-xs);
    font-family: var(--theme-font-family--highlight);
    font-weight: var(--theme-font-weight-medium);
    font-size: var(--theme-font-size-xxs);
    margin-top: var(--theme-spacing-stack-xs)
}

.mdn-HelpPassword-title:first-child {
    margin-top: 0
}

.mdn-HelpPassword-icon {
    color: var(--theme-text-color-HelpPassword);
    display: flex;
    justify-content: center;
    align-items: center
}

.mdn-HelpPassword-list-item {
    display: flex;
    flex-direction: row
}

.mdn-HelpPassword-list-item-done .mdn-Text--caption {
    text-decoration: line-through
}

.mdn-TabSelect {
    background-color: var(--theme-background-color--secondary);
    border-radius: var(--theme-border-radius-xs) var(--theme-border-radius-xs) 0 0
}

@media screen and (min-width:48rem) {
    .mdn-TabSelect:not(section) {
        border-radius: var(--theme-border-radius-sm) var(--theme-border-radius-sm) 0 0;
        margin-left: calc(var(--theme-spacing-stack-xs)*-1);
        margin-right: calc(var(--theme-spacing-stack-xs)*-1)
    }
}

.mdn-TabSelect>.mdn-Swiper {
    border-bottom: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium);
    padding-bottom: 0
}

.mdn-TabSelect-list {
    height: 3.375rem;
    overflow-x: visible;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--theme-color-link-active-TabSelect-default);
    width: auto;
    white-space: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    margin-right: var(--theme-spacing-inline-xs)
}

@media only screen and (min-width:64rem) {
    .mdn-TabSelect-list {
        width: 100%;
        white-space: normal;
        overflow-x: initial
    }
}

.mdn-TabSelect-list.mdn-Swiper-wrapper {
    overflow-x: initial
}

.mdn-TabSelect-item {
    color: var(--theme-color-link-TabSelect-default);
    border-bottom: var(--theme-border-width-thick) var(--theme-border-style--default) transparent;
    margin: 0 var(--theme-spacing-inline-xs);
    height: 100%;
    width: fit-content
}

@media only screen and (min-width:64rem) {
    .mdn-TabSelect-item {
        width: fit-content
    }
}

.mdn-TabSelect-item.mdn-TabSelect-active {
    color: var(--theme-color-link-active-TabSelect-default);
    border-bottom: var(--theme-border-width-thick) var(--theme-border-style--default);
    border-color: var(--theme-borderColor-link-TabSelect-default);
    text-decoration: none
}

.mdn-TabSelect-content {
    width: 100%
}

.mdn-TabSelect-content>.mdn-TabSelect-panel {
    display: none;
    padding: var(--theme-spacing-inset-sm)
}

.mdn-TabSelect-content>.mdn-TabSelect-active,
.mdn-TabSelect-content>.mdn-TabSelect-panel.mdn-TabSelect-active {
    display: block
}

.mdn-TabSelect-anchor {
    color: inherit;
    font-family: var(--theme-font-family--default);
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight--default);
    line-height: var(--theme-font-line-height-xxs);
    text-decoration: none;
    padding: var(--theme-spacing-stack-xs) 0;
    display: block;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    cursor: pointer
}

.mdn-TabSelect-anchor:hover {
    color: var(--theme-color-link-hover-TabSelect-default)
}

.mdn-TabSelect-anchor:focus-visible {
    outline-width: 0
}

@media screen and (min-width:25.875rem) {
    .mdn-TabSelect-anchor {
        font-size: var(--theme-font-size-xxs)
    }
}

.mdn-TabSelect--inverse .mdn-TabSelect-list {
    background-color: var(--theme-background-color--primary);
    color: var(--theme-color-link-active-TabSelect-inverse)
}

.mdn-TabSelect--inverse .mdn-TabSelect-item {
    color: var(--theme-color-link-TabSelect-inverse)
}

.mdn-TabSelect--inverse .mdn-TabSelect-item.mdn-TabSelect-active {
    color: inherit;
    border-color: var(--theme-borderColor-link-TabSelect-inverse)
}

.mdn-TabSelect--inverse .mdn-TabSelect-anchor:hover {
    color: var(--theme-color-link-hover-TabSelect-inverse)
}

.mdn-ProductDetailsHorizontal {
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-color-neutral-medium);
    display: flex;
    align-items: flex-start;
    padding: var(--theme-spacing-inline-xs);
    margin: var(--theme-spacing-stack-xs) 0;
    flex-direction: column
}

@media only screen and (min-width:61.9375rem) {
    .mdn-ProductDetailsHorizontal {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        max-width: 100%
    }
}

.mdn-ProductDetailsHorizontal-title {
    margin: var(--theme-spacing-stack-md) 0
}

@media only screen and (min-width:61.9375rem) {
    .mdn-ProductDetailsHorizontal-title {
        max-width: 60%;
        padding: 0 var(--theme-spacing-inline-xs)
    }
}

.mdn-ProductDetailsHorizontal-price {
    margin-bottom: var(--theme-spacing-stack-md)
}

.mdn-TitleGroup .mdn-Heading {
    margin-bottom: var(--theme-spacing-stack-xxs)
}

.mdn-TitleGroup .mdn-Subtitle {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-TitleGroup--inverse .mdn-Heading {
    color: var(--theme-text-color-Heading--inverse)
}

.mdn-TitleGroup--inverse .mdn-Subtitle {
    color: var(--theme-text-color-Subtitle--inverse)
}

.mdn-TitleGroup--inverse .mdn-Text,
.mdn-TitleGroup--inverse .mdn-Text a {
    color: var(--theme-text-color-Text--inverse)
}

.mdn-Topic {
    width: 100%;
    height: auto;
    display: flex;
    font-family: var(--theme-font-family--default);
    font-weight: var(--theme-font-weight-medium);
    color: var(--theme-color-Topic--default)
}

.mdn-Topic .mdn-Topic-symbol {
    display: inline-flex;
    justify-content: center
}

.mdn-Topic--vertical {
    flex-direction: column;
    font-size: var(--theme-font-size-sm);
    text-align: center;
    line-height: var(--theme-font-line-height-sm);
    align-items: center;
    justify-content: center
}

.mdn-Topic--vertical .mdn-Topic-symbol {
    height: 4.5rem;
    width: 4.5rem;
    border-radius: var(--theme-border-radius-circle);
    margin-bottom: var(--theme-spacing-stack-xs);
    display: flex;
    justify-content: center;
    align-items: center
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--sm {
    margin-top: 0
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--sm:before {
    font-size: var(--theme-font-size-lg)
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--md {
    margin-top: var(--theme-spacing-stack-xxxs)
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--md:before {
    font-size: var(--theme-font-size-xl)
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--lg {
    margin-top: var(--theme-spacing-stack-xxs)
}

.mdn-Topic--vertical .mdn-Topic-symbol .mdn-Icon-45g.mdn-Icon--lg:before {
    font-size: var(--theme-font-size-xxl)
}

.mdn-Topic--horizontal {
    flex-direction: row;
    align-items: flex-start
}

.mdn-Topic--horizontal .mdn-Topic-description {
    margin-left: var(--theme-spacing-inline-xxs)
}

.mdn-Topic--horizontal .mdn-Topic-symbol img {
    width: 2rem
}

.mdn-Topic--horizontal--inverse .mdn-Topic-symbol .mdn-Icon--lg,
.mdn-Topic--horizontal--inverse .mdn-Topic-symbol .mdn-Icon--md,
.mdn-Topic--horizontal--inverse .mdn-Topic-symbol .mdn-Icon--sm {
    color: var(--theme-color-Topic-horizontal-icon-inverse)
}

.mdn-Topic-description {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--theme-font-line-height-xxs);
    color: var(--theme-color-Topic-text-default);
    align-self: center;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto
}

.mdn-Topic--icon .mdn-Topic-symbol {
    color: var(--theme-color-Topic-icon-number-default);
    border: var(--theme-border-width-thick) var(--theme-border-style--default) var(--theme-text-color-Label--default);
    font-weight: var(--theme-font-weight-regular);
    font-size: var(--theme-font-size-md)
}

.mdn-Topic--icon .mdn-Topic-description {
    font-family: var(--theme-font-family--base);
    font-size: var(--theme-font-size-sm);
    line-height: var(--theme-font-line-height-md);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Topic--number .mdn-Topic-symbol {
    color: var(--theme-color-Topic-icon-number-default);
    border: var(--theme-border-width-thick) var(--theme-border-style--default) var(--theme-text-color-Label--default);
    font-weight: var(--theme-font-weight-bold);
    font-size: var(--theme-font-size-lg);
    line-height: var(--theme-font-line-height-xxxs)
}

.mdn-Topic--number .mdn-Topic-description {
    font-family: var(--theme-font-family--base);
    font-size: var(--theme-font-size-sm);
    line-height: var(--theme-font-line-height-md);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Topic--inverse {
    color: var(--theme-text-color-Text--inverse)
}

.mdn-Topic--inverse .mdn-Topic-description {
    color: var(--theme-color-Topic-text-inverse)
}

.mdn-Topic--inverse.mdn-Topic--number .mdn-Topic-symbol {
    font-weight: var(--theme-font-weight-bold)
}

.mdn-Topic--inverse.mdn-Topic--icon .mdn-Topic-symbol,
.mdn-Topic--inverse.mdn-Topic--number .mdn-Topic-symbol {
    color: var(--theme-color-Topic-icon-number-inverse);
    border: .1875rem var(--theme-border-style--default) var(--theme-text-color-Text--inverse);
    font-size: var(--theme-font-size-md)
}

.mdn-Topic--inverse.mdn-Topic--icon .mdn-Topic-symbol {
    font-weight: var(--theme-font-weight-regular)
}

.mdn-Topic--sm {
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs)
}

.mdn-Topic--md {
    font-size: var(--theme-font-size-sm);
    line-height: var(--theme-font-line-height-sm)
}

.mdn-Topic--lg {
    font-size: var(--theme-font-size-lg);
    line-height: var(--theme-font-line-height-lg)
}

.mdn-TopicDetails-group {
    margin-bottom: var(--theme-spacing-stack-xs)
}

.mdn-TopicDetails-group:last-child {
    margin-bottom: 0
}

.mdn-TopicDetails .mdn-Topic--sm~.mdn-Text {
    padding-left: calc(var(--theme-spacing-inline-xs) + var(--theme-spacing-inline-xxs))
}

.mdn-TopicDetails .mdn-Topic--md~.mdn-Text {
    padding-left: calc(var(--theme-spacing-inline-sm) + var(--theme-spacing-stack-xxs))
}

.mdn-TopicDetails .mdn-Topic--lg~.mdn-Text {
    padding-left: calc(var(--theme-spacing-inline-md) + var(--theme-spacing-stack-xxs))
}

.mdn-TopicDetails--inverse .mdn-Text,
.mdn-TopicDetails--inverse .mdn-Topic,
.mdn-TopicDetails--inverse .mdn-Topic-description {
    color: var(--theme-text-color--inverse)
}

.mdn-TopicDetails--brand .mdn-Topic {
    margin-bottom: 0
}

.mdn-TopicDetails--brand .mdn-Topic+.mdn-Text {
    padding-left: calc(var(--theme-spacing-inline-md) + var(--theme-spacing-stack-xxs))
}

.mdn-Alert {
    display: none;
    min-height: 4rem;
    justify-content: space-between;
    padding: var(--theme-spacing-inset-sm);
    align-items: center;
    border-radius: var(--theme-border-radius-xs);
    position: relative;
    border: var(--theme-border-width-thin) var(--theme-border-style--default) var(--theme-borderColor-Alert-default)
}

.mdn-Alert.mdn-isOpen {
    display: flex
}

.mdn-Alert-content {
    display: flex;
    align-items: center;
    padding-right: var(--theme-spacing-inline-lg)
}

.mdn-Alert .mdn-Text {
    font-weight: var(--theme-font-weight-medium);
    align-items: center;
    display: flex
}

.mdn-Alert .mdn-Icon--md {
    margin-right: var(--theme-spacing-inline-xxxs);
    display: flex
}

.mdn-Alert .mdn-Button.mdn-Button--icon {
    font-weight: var(--theme-font-weight-medium);
    padding: 0;
    border-color: transparent;
    position: absolute;
    color: var(--theme-textColor-Alert-button-default);
    top: var(--theme-spacing-inline-xs);
    right: var(--theme-spacing-inline-xs)
}

.mdn-Alert--success.mdn-Alert--light {
    background-color: var(--theme-backgroundColor-Alert-success-light)
}

.mdn-Alert--success.mdn-Alert--light .mdn-Tag--feedback,
.mdn-Alert--success.mdn-Alert--light .mdn-Text {
    color: var(--theme-textColor-Alert-success-light)
}

.mdn-Alert--success.mdn-Alert--light .mdn-Button {
    color: var(--theme-textColor-Alert-button-success-light);
    border-color: var(--theme-textColor-Alert-button-success-light)
}

.mdn-Alert--success.mdn-Alert--light .mdn-Button:hover {
    opacity: var(--theme-opacity-intense)
}

.mdn-Alert--success.mdn-Alert--dark {
    background-color: var(--theme-backgroundColor-Alert-success-dark)
}

.mdn-Alert--success.mdn-Alert--dark .mdn-Tag--feedback,
.mdn-Alert--success.mdn-Alert--dark .mdn-Text {
    color: var(--theme-textColor-Alert-success-dark)
}

.mdn-Alert--success.mdn-Alert--dark .mdn-Button {
    color: var(--theme-textColor-Alert-button-success-dark);
    border-color: var(--theme-textColor-Alert-button-success-dark)
}

.mdn-Alert--success.mdn-Alert--dark .mdn-Button:hover {
    opacity: var(--theme-opacity-intense)
}

.mdn-Alert--danger.mdn-Alert--light {
    background-color: var(--theme-backgroundColor-Alert-danger-light)
}

.mdn-Alert--danger.mdn-Alert--light .mdn-Tag--feedback,
.mdn-Alert--danger.mdn-Alert--light .mdn-Text {
    color: var(--theme-textColor-Alert-danger-light)
}

.mdn-Alert--danger.mdn-Alert--light .mdn-Button {
    color: var(--theme-textColor-Alert-button-danger-light);
    border-color: var(--theme-textColor-Alert-button-danger-light)
}

.mdn-Alert--danger.mdn-Alert--light .mdn-Button:hover {
    opacity: var(--theme-opacity-intense)
}

.mdn-Alert--danger.mdn-Alert--dark {
    background-color: var(--theme-backgroundColor-Alert-danger-dark)
}

.mdn-Alert--danger.mdn-Alert--dark .mdn-Tag--feedback,
.mdn-Alert--danger.mdn-Alert--dark .mdn-Text {
    color: var(--theme-textColor-Alert-danger-dark)
}

.mdn-Alert--danger.mdn-Alert--dark .mdn-Button {
    color: var(--theme-textColor-Alert-button-danger-dark);
    border-color: var(--theme-textColor-Alert-button-danger-dark)
}

.mdn-Alert--danger.mdn-Alert--dark .mdn-Button:hover {
    opacity: var(--theme-opacity-intense)
}

.mdn-Countdown {
    transition: all .2s;
    background-color: var(--theme-background-color--primary-darkest);
    color: var(--theme-text-color--inverse);
    font-family: var(--theme-font-family--default)
}

.mdn-Countdown * {
    line-height: var(--theme-font-line-height-xxxs)
}

.mdn-Countdown--bottom {
    position: absolute;
    width: 100%;
    bottom: 0
}

.mdn-Countdown--block .mdn-Countdown-content .mdn-Button {
    display: none
}

@media screen and (min-width:61.9375rem) {
    .mdn-Countdown--block .mdn-Countdown-content .mdn-Button {
        display: flex
    }
}

.mdn-Countdown--block .mdn-Countdown-content,
.mdn-Countdown--block .mdn-Countdown-title {
    display: none
}

.mdn-Countdown--block.mdn-isOpen {
    background-color: var(--theme-background-color--primary);
    padding: var(--theme-spacing-stack-sm) 0
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-content,
.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-title {
    display: flex
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
    border-radius: var(--theme-border-radius-pill);
    margin: auto
}

@media (min-width:0.0625rem) {
    .mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
        max-width: calc(100% - 2rem)
    }
}

@media (min-width:36rem) {
    .mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
        max-width: 32rem
    }
}

@media (min-width:48rem) {
    .mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
        max-width: 43rem
    }
}

@media (min-width:62rem) {
    .mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
        max-width: 58rem
    }
}

@media (min-width:75rem) {
    .mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar {
        max-width: 69.5rem
    }
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar,
.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar-progress {
    height: .5rem
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar-progress {
    background-color: var(--theme-backgroundColor-Countdown--progress--isOpen)
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-bar-progress-value {
    display: none
}

.mdn-Countdown--block.mdn-isOpen .mdn-Countdown-content {
    display: flex;
    justify-content: space-between
}

.mdn-Countdown--block .mdn-Countdown-timer,
.mdn-Countdown--block .mdn-Countdown-title {
    font-family: var(--theme-font-family--base);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Countdown--block .mdn-Countdown-title {
    font-size: var(--theme-font-size-xxs);
    margin-bottom: var(--theme-spacing-stack-xxs)
}

@media screen and (min-width:61.9375rem) {
    .mdn-Countdown--block .mdn-Countdown-title {
        font-size: var(--theme-font-size-sm)
    }
}

.mdn-Countdown--block .mdn-Countdown-timer {
    font-size: var(--theme-font-size-lg);
    margin-bottom: var(--theme-spacing-stack-xs)
}

@media screen and (min-width:61.9375rem) {
    .mdn-Countdown--block .mdn-Countdown-timer {
        font-size: var(--theme-font-size-xxl)
    }
}

.mdn-Countdown--block .mdn-Countdown-bar,
.mdn-Countdown--block .mdn-Countdown-bar-progress {
    height: 1.5rem;
    border-radius: 0 var(--theme-border-radius-pill) var(--theme-border-radius-pill) 0
}

.mdn-Countdown--block .mdn-Countdown-bar {
    overflow: hidden;
    display: flex;
    background-color: var(--theme-background-color--primary-darkest);
    border: var(--theme-borderWidth-Countdown--bar) var(--theme-border-style--default) var(--theme-borderColor-Countdown--bar)
}

.mdn-Countdown--block .mdn-Countdown-bar-progress {
    transition: all .2s;
    background-color: var(--theme-backgroundColor-Countdown--progress);
    color: var(--theme-text-color-Countdown--progress);
    text-align: right;
    padding: var(--theme-spacing-stack-xxxs) var(--theme-spacing-inline-xs)
}

.mdn-Countdown--block .mdn-Countdown-bar-progress,
.mdn-Countdown--block .mdn-Countdown-bar-progress-value {
    font-family: var(--theme-font-family--base);
    font-size: var(--theme-font-size-xxxs);
    align-self: center
}

.mdn-Countdown--block .mdn-Countdown-bar-progress-value {
    margin-left: var(--theme-spacing-inline-xxs);
    padding: var(--theme-spacing-stack-xxxs) 0
}

.mdn-Countdown--lg,
.mdn-Countdown--md,
.mdn-Countdown--sm {
    border: var(--theme-borderWidth-Countdown--bar) var(--theme-border-style--default) var(--theme-borderColor-Countdown--bar);
    overflow: hidden
}

.mdn-Countdown--sm {
    display: flex;
    width: 100%;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    background-color: var(--theme-background-color--primary);
    padding: var(--theme-spacing-inset-sm);
    color: var(--theme-color-neutral-lightest);
    font-size: var(--theme-font-size-sm);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Countdown--sm .mdn-Countdown-timer {
    margin-left: var(--theme-spacing-inline-xxxs)
}

.mdn-Countdown--md {
    display: block;
    width: 100%;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    background-color: var(--theme-background-color--primary);
    padding: var(--theme-spacing-inset-sm);
    color: var(--theme-color-neutral-lightest)
}

.mdn-Countdown--md .mdn-Countdown-content-title {
    font-size: var(--theme-font-size-xxs);
    line-height: var(--theme-font-line-height-xxs);
    font-weight: var(--theme-font-weight-regular)
}

.mdn-Countdown--md .mdn-Countdown-timer {
    font-size: var(--theme-font-size-lg);
    font-weight: var(--theme-font-weight-medium)
}

.mdn-Countdown--lg {
    display: block;
    width: 100%;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    background-color: var(--theme-background-color--primary);
    color: var(--theme-color-neutral-lightest)
}

.mdn-Countdown--lg .mdn-Countdown-tag {
    padding: var(--theme-spacing-inset-sm);
    background-color: var(--theme-background-color--primary-dark);
    font-size: var(--theme-font-size-xs);
    font-weight: var(--theme-font-weight-medium);
    border-bottom: var(--theme-borderWidth-Countdown--bar) var(--theme-border-style--default) var(--theme-borderColor-Countdown--bar)
}

.mdn-Countdown--lg .mdn-Countdown-content {
    padding: var(--theme-spacing-inset-sm)
}

.mdn-Countdown--lg .mdn-Countdown-content-title {
    line-height: var(--theme-font-line-height-xxs);
    font-size: var(--theme-font-size-xxs);
    font-weight: var(--theme-font-weight-regular)
}

.mdn-Countdown--lg .mdn-Countdown-timer {
    font-size: var(--theme-font-size-lg);
    font-weight: var(--theme-font-weight-medium)
}