@abrasileirado/dsgovbr-bootstraped 0.7.0 → 0.9.0

package/THIRD_PARTY_NOTICES.md

@@ -29,26 +29,29 @@ MIT. Os textos das páginas são próprios deste projeto.
 - Origem: <https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core>
 - Licença: MIT — Copyright (c) 2022 SERPRO.
 
-## Ativos externos (não redistribuídos)
+## Ativos externos
 
-Carregados pelo consumidor via CDN, como no próprio GOV.BR DS (DP-05). Nenhum
-arquivo de fonte ou de ícone está neste pacote nem neste repositório; o CSS
-apenas referencia a fonte pelo nome.
+O pacote npm não inclui arquivo de fonte nem de ícone: o CSS só referencia a
+fonte pelo nome, e o consumidor carrega os dois via CDN, como no próprio
+GOV.BR DS (DP-05). A exceção é o **site de documentação**, que hospeda uma
+cópia da Rawline (abaixo).
 
 ### Fonte Rawline
 
-- Uso: `font-family: "Rawline", "Raleway", sans-serif` (só o nome; sem arquivo).
+- Uso: `font-family: "Rawline", "Raleway", sans-serif` (só o nome no pacote).
 - Origem documentada pelo GOV.BR DS (CDN do SERPRO):
   `https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/fonts/rawline/css/rawline.css`
-- Licença: **não confirmada em fonte oficial.** A página de
+- Licença: **SIL Open Font License 1.1**, conforme a tabela `name` das próprias
+  fontes (campo de licença e copyright "The Raleway Project Authors"). A
+  Rawline deriva da Raleway. A página de
   [tipografia do Padrão Digital de Governo](https://www.gov.br/ds/fundamentos-visuais/tipografia)
-  indica a fonte e remete ao CDNFonts, sem texto de licença. Um comentário de
-  terceiros em [issue do suap-companion/chamados](https://github.com/suap-companion/chamados/issues/124)
-  afirma SIL OFL 1.1 com nome reservado "RAWLINE" — **não verificado**. A
-  Rawline deriva da Raleway (SIL OFL).
-- Efeito neste projeto: como não redistribuímos nem modificamos a fonte, não
-  assumimos obrigação de licença de fonte. Quem hospedar a Rawline por conta
-  própria deve confirmar a licença com o SERPRO/gov.br antes.
+  indica a fonte sem texto de licença; o CDN não publica arquivo de licença.
+- **Redistribuída só no site** (issue #45): `src/site/fonts/rawline/` contém os
+  18 `woff2` do CDN, sem modificação, um `rawline.css` próprio que só os
+  referencia e o `OFL.txt`; o build copia tudo para `docs/assets/fonts/rawline/`.
+  Motivo: o CDN não envia `Access-Control-Allow-Origin`, então o navegador
+  recusa o `<link>` com `integrity` (SRI) e o alerta `missing-integrity` do
+  Semgrep não tinha correção. Não vai para o pacote npm (fora de `files`).
 
 ### Font Awesome 5 (Free)
 

package/dist/dsgovbr-bootstraped.css

@@ -127,18 +127,18 @@
 
 [data-bs-theme=dark] {
   color-scheme: dark;
-  --bs-body-color: #dee2e6;
-  --bs-body-color-rgb: 222, 226, 230;
-  --bs-body-bg: #212529;
-  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-body-color: #fff;
+  --bs-body-color-rgb: 255, 255, 255;
+  --bs-body-bg: #071d41;
+  --bs-body-bg-rgb: 7, 29, 65;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
-  --bs-secondary-color: rgba(222, 226, 230, 0.75);
-  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-color: rgba(255, 255, 255, 0.75);
+  --bs-secondary-color-rgb: 255, 255, 255;
   --bs-secondary-bg: #343a40;
   --bs-secondary-bg-rgb: 52, 58, 64;
-  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
-  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
+  --bs-tertiary-color-rgb: 255, 255, 255;
   --bs-tertiary-bg: rgb(16.6666666667%, 18.6274509804%, 20.5882352941%);
   --bs-tertiary-bg-rgb: 43, 48, 53;
   --bs-primary-text-emphasis: rgb(44.4705882353%, 59.0588235294%, 82.3529411765%);
@@ -166,12 +166,12 @@
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: rgb(44.4705882353%, 59.0588235294%, 82.3529411765%);
-  --bs-link-hover-color: rgb(55.5764705882%, 67.2470588235%, 85.8823529412%);
-  --bs-link-color-rgb: 113, 151, 210;
-  --bs-link-hover-color-rgb: 142, 171, 219;
+  --bs-link-color: #c5d4eb;
+  --bs-link-hover-color: #c5d4eb;
+  --bs-link-color-rgb: 197, 212, 235;
+  --bs-link-hover-color-rgb: 197, 212, 235;
   --bs-code-color: rgb(90.3529411765%, 52%, 71.0588235294%);
-  --bs-highlight-color: #dee2e6;
+  --bs-highlight-color: #fff;
   --bs-highlight-bg: rgb(40%, 30.2745098039%, 1.0980392157%);
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
@@ -208,10 +208,10 @@ body {
 
 hr {
   margin: 1rem 0;
-  color: inherit;
+  color: #ccc;
   border: 0;
   border-top: var(--bs-border-width) solid;
-  opacity: 0.25;
+  opacity: 1;
 }
 
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
@@ -2261,10 +2261,10 @@ textarea.form-control-lg {
 }
 
 .form-select {
-  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231351b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   display: block;
   width: 100%;
-  padding: 0.5rem 3rem 0.5rem 1rem;
+  padding: 0.5rem 2.5rem 0.5rem 1rem;
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 1.5;
@@ -2273,7 +2273,7 @@ textarea.form-control-lg {
   background-color: var(--bs-body-bg);
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
-  background-position: right 1rem center;
+  background-position: right 12px center;
   background-size: 16px 12px;
   border: var(--bs-border-width) solid #888;
   border-radius: 4px;
@@ -2318,7 +2318,7 @@ textarea.form-control-lg {
 }
 
 [data-bs-theme=dark] .form-select {
-  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c5d4eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }
 
 .form-check {
@@ -2403,16 +2403,16 @@ textarea.form-control-lg {
 }
 
 .form-switch {
-  padding-left: 2.5em;
+  padding-left: 60px;
 }
 .form-switch .form-check-input {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
-  width: 2em;
-  margin-left: -2.5em;
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-11 -11 22 22'%3e%3ccircle r='11' fill='%23ccc'/%3e%3c/svg%3e");
+  width: 52px;
+  margin-left: -60px;
   background-image: var(--bs-form-switch-bg);
   background-position: left center;
-  border-radius: 2em;
-  transition: background-position 0.15s ease-in-out;
+  border-radius: 100em;
+  transition: background-position 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-switch .form-check-input {
@@ -2420,18 +2420,18 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2853.7254901961%, 65.8823529412%, 85.2941176471%%29'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-11 -11 22 22'%3e%3ccircle r='11' fill='%23ccc'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
-  background-position: right center;
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+  background-position: right 3px center;
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-11 -11 22 22'%3e%3ccircle r='11' fill='%235992ed'/%3e%3c/svg%3e");
 }
 .form-switch.form-check-reverse {
-  padding-right: 2.5em;
+  padding-right: 60px;
   padding-left: 0;
 }
 .form-switch.form-check-reverse .form-check-input {
-  margin-right: -2.5em;
+  margin-right: -60px;
   margin-left: 0;
 }
 
@@ -2452,7 +2452,7 @@ textarea.form-control-lg {
 }
 
 [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-11 -11 22 22'%3e%3ccircle r='11' fill='%23ccc'/%3e%3c/svg%3e");
 }
 
 .form-range {
@@ -2687,7 +2687,7 @@ textarea.form-control-lg {
 
 .input-group-lg > .form-select,
 .input-group-sm > .form-select {
-  padding-right: 4rem;
+  padding-right: 3.5rem;
 }
 
 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
@@ -2767,8 +2767,8 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
   --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23168821' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
-  padding-right: 5.5rem;
-  background-position: right 1rem center, center right 3rem;
+  padding-right: 5rem;
+  background-position: right 12px center, center right 2.5rem;
   background-size: 16px 12px, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
@@ -2857,8 +2857,8 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
   --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e52207'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e52207' stroke='none'/%3e%3c/svg%3e");
-  padding-right: 5.5rem;
-  background-position: right 1rem center, center right 3rem;
+  padding-right: 5rem;
+  background-position: right 12px center, center right 2.5rem;
   background-size: 16px 12px, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
@@ -3884,23 +3884,23 @@ textarea.form-control-lg {
 
 .navbar {
   --bs-navbar-padding-x: 0;
-  --bs-navbar-padding-y: 0.5rem;
-  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
-  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
-  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
-  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
-  --bs-navbar-brand-padding-y: 0.3359375rem;
+  --bs-navbar-padding-y: 16px;
+  --bs-navbar-color: #1351b4;
+  --bs-navbar-hover-color: #1351b4;
+  --bs-navbar-disabled-color: #888;
+  --bs-navbar-active-color: #0c326f;
+  --bs-navbar-brand-padding-y: 4px;
   --bs-navbar-brand-margin-end: 1rem;
-  --bs-navbar-brand-font-size: 1.09375rem;
-  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
-  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
-  --bs-navbar-nav-link-padding-x: 0.5rem;
-  --bs-navbar-toggler-padding-y: 0.25rem;
-  --bs-navbar-toggler-padding-x: 0.75rem;
-  --bs-navbar-toggler-font-size: 1.09375rem;
-  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2851, 51, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
-  --bs-navbar-toggler-border-radius: 50rem;
+  --bs-navbar-brand-font-size: 14px;
+  --bs-navbar-brand-color: #333;
+  --bs-navbar-brand-hover-color: #333;
+  --bs-navbar-nav-link-padding-x: 16px;
+  --bs-navbar-toggler-padding-y: 8px;
+  --bs-navbar-toggler-padding-x: 8px;
+  --bs-navbar-toggler-font-size: 16px;
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231351b4' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --bs-navbar-toggler-border-color: transparent;
+  --bs-navbar-toggler-border-radius: 50%;
   --bs-navbar-toggler-focus-width: 0;
   --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
   position: relative;
@@ -4295,18 +4295,18 @@ textarea.form-control-lg {
 
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
-  --bs-navbar-color: rgba(255, 255, 255, 0.55);
-  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+  --bs-navbar-color: #c5d4eb;
+  --bs-navbar-hover-color: #c5d4eb;
   --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --bs-navbar-active-color: #fff;
   --bs-navbar-brand-color: #fff;
   --bs-navbar-brand-hover-color: #fff;
-  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
-  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --bs-navbar-toggler-border-color: transparent;
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23c5d4eb' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 [data-bs-theme=dark] .navbar-toggler-icon {
-  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23c5d4eb' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .card {
@@ -7097,7 +7097,7 @@ textarea.form-control-lg {
   width: var(--bs-border-width);
   min-height: 1em;
   background-color: currentcolor;
-  opacity: 0.25;
+  opacity: 1;
 }
 
 .align-baseline {
@@ -12017,6 +12017,25 @@ textarea.form-control-lg {
   box-shadow: none;
 }
 
+.btn.rounded-circle {
+  width: 40px;
+  padding: 0;
+  font-size: 16.8px;
+  text-decoration: none;
+}
+
+.btn-sm.rounded-circle, .btn-group-sm > .rounded-circle.btn {
+  width: 32px;
+}
+
+.btn-lg.rounded-circle, .btn-group-lg > .rounded-circle.btn {
+  width: 48px;
+}
+
+.btn-link.rounded-circle:hover {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
 .card {
   box-shadow: var(--bs-card-box-shadow);
 }
@@ -12046,6 +12065,42 @@ textarea.form-control-lg {
   margin-top: calc((var(--bs-body-line-height) * 1em - 24px) / 2);
 }
 
+.form-switch {
+  min-height: 30px;
+}
+.form-switch .form-check-input {
+  height: 30px;
+  margin-top: calc((var(--bs-body-line-height) * 1em - 30px) / 2);
+  background-color: #fff;
+  background-position: left 3px center;
+  background-size: 22px 22px;
+  border-color: #ccc;
+}
+.form-switch .form-check-input:checked {
+  background-color: #fff;
+  border-color: #ccc;
+}
+.form-switch .form-check-input:hover:not(:disabled) {
+  background-image: var(--bs-form-switch-bg), linear-gradient(rgba(204, 204, 204, 0.16), rgba(204, 204, 204, 0.16));
+  background-position: left 3px center, 0 0;
+  background-size: 22px 22px, 100% 100%;
+}
+.form-switch .form-check-input:checked:hover:not(:disabled) {
+  background-image: var(--bs-form-switch-bg), linear-gradient(rgba(89, 146, 237, 0.16), rgba(89, 146, 237, 0.16));
+  background-position: right 3px center, 0 0;
+}
+.form-switch .form-check-input:focus-visible {
+  border-color: #c2850c;
+  box-shadow: 0 0 0 2px #c2850c;
+}
+.form-switch .form-check-input:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+
+[data-bs-theme=dark] .form-switch .form-check-input, [data-bs-theme=dark] .form-switch .form-check-input:checked {
+  background-color: #fff;
+}
+
 a:focus-visible,
 .btn-close:focus-visible,
 .navbar-toggler:focus-visible,
@@ -12248,4 +12303,221 @@ a:focus-visible,
   background-size: 16px;
 }
 
+.vr {
+  background-color: #ccc;
+}
+
+.navbar {
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+}
+
+.navbar-brand {
+  font-weight: normal;
+}
+
+@media (min-width: 576px) {
+  .navbar-brand {
+    font-size: 20.16px;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar-brand {
+    font-size: 24.192px;
+  }
+}
+.navbar-text {
+  color: var(--bs-body-color);
+}
+
+.navbar-brand + .navbar-text {
+  display: none;
+  padding: 4px 0 0;
+  font-size: 11.662px;
+  font-weight: 500;
+}
+
+@media (min-width: 576px) {
+  .navbar-brand + .navbar-text {
+    display: block;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar-brand + .navbar-text {
+    font-size: 14px;
+  }
+}
+.navbar-toggler {
+  border: 0;
+}
+
+.navbar-nav .nav-link {
+  border-radius: 100em;
+}
+.navbar-nav .nav-link.active {
+  font-weight: 600;
+}
+
+.navbar-nav .nav-link:hover:not(.disabled),
+.navbar-toggler:hover {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+[data-bs-theme=dark] .navbar-nav .nav-link:hover:not(.disabled),
+[data-bs-theme=dark] .navbar-toggler:hover,
+[data-bs-theme=dark].navbar .navbar-toggler:hover {
+  background-image: linear-gradient(rgba(197, 212, 235, 0.16), rgba(197, 212, 235, 0.16));
+}
+
+.navbar .btn-light {
+  --bs-btn-bg: #f8f8f8;
+  --bs-btn-color: #1351b4;
+  --bs-btn-hover-bg: #f8f8f8;
+  --bs-btn-hover-color: #1351b4;
+  --bs-btn-active-bg: #f8f8f8;
+  --bs-btn-active-color: #0c326f;
+  gap: 8px;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 16.8px;
+}
+.navbar .btn-light:hover {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+.navbar [role=search] {
+  position: relative;
+}
+.navbar [role=search] .form-control {
+  height: 40px;
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-right: 40px;
+  font-size: 16.8px;
+  font-weight: 500;
+  background-color: #f8f8f8;
+  border-color: transparent;
+}
+.navbar [role=search] .form-control::placeholder {
+  font-style: italic;
+}
+.navbar [role=search] .btn.rounded-circle {
+  position: absolute;
+  top: 50%;
+  right: 4px;
+  transform: translateY(-50%);
+}
+
+.offcanvas-start .offcanvas-header,
+.offcanvas-end .offcanvas-header {
+  padding: 8px 8px 8px 16px;
+  border-bottom: 1px solid #ccc;
+}
+.offcanvas-start .list-group-item,
+.offcanvas-end .list-group-item {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  color: #1351b4;
+  text-align: left;
+  border-color: #ccc;
+}
+.offcanvas-start .list-group-item > i,
+.offcanvas-end .list-group-item > i {
+  flex: 0 0 24px;
+  margin-right: 16px;
+  text-align: center;
+}
+.offcanvas-start .list-group-item.active,
+.offcanvas-end .list-group-item.active {
+  color: #fff;
+  background-color: #0c326f;
+  border-color: #ccc;
+}
+.offcanvas-start .list-group-item[data-bs-toggle=collapse]::after,
+.offcanvas-end .list-group-item[data-bs-toggle=collapse]::after {
+  flex: 0 0 16px;
+  height: 16px;
+  margin-left: auto;
+  content: "";
+  background-color: currentcolor;
+  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") center/16px no-repeat;
+  transition: transform 0.2s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .offcanvas-start .list-group-item[data-bs-toggle=collapse]::after,
+  .offcanvas-end .list-group-item[data-bs-toggle=collapse]::after {
+    transition: none;
+  }
+}
+.offcanvas-start .list-group-item[data-bs-toggle=collapse][aria-expanded=true]::after,
+.offcanvas-end .list-group-item[data-bs-toggle=collapse][aria-expanded=true]::after {
+  transform: rotate(-180deg);
+}
+.offcanvas-start .collapse > .list-group,
+.offcanvas-start .collapsing > .list-group,
+.offcanvas-end .collapse > .list-group,
+.offcanvas-end .collapsing > .list-group {
+  background-color: #f8f8f8;
+}
+.offcanvas-start .collapse > .list-group > .list-group-item,
+.offcanvas-start .collapsing > .list-group > .list-group-item,
+.offcanvas-end .collapse > .list-group > .list-group-item,
+.offcanvas-end .collapsing > .list-group > .list-group-item {
+  padding-left: 40px;
+  background-color: transparent;
+  border-width: 0;
+}
+.offcanvas-start .collapse > .list-group > .list-group-item.active,
+.offcanvas-start .collapsing > .list-group > .list-group-item.active,
+.offcanvas-end .collapse > .list-group > .list-group-item.active,
+.offcanvas-end .collapsing > .list-group > .list-group-item.active {
+  background-color: #0c326f;
+}
+
+footer[data-bs-theme=dark] {
+  padding-top: 48px;
+  border-top: 1px solid #ccc;
+}
+footer[data-bs-theme=dark] h2, footer[data-bs-theme=dark] .h2 {
+  display: flex;
+  align-items: center;
+  min-height: 56px;
+  margin: 0;
+  padding: 8px 16px;
+  font-size: 11.662px;
+  font-weight: 700;
+  color: #c5d4eb;
+  text-transform: uppercase;
+}
+footer[data-bs-theme=dark] .nav-link {
+  display: flex;
+  align-items: center;
+  min-height: 56px;
+  padding: 8px 16px;
+}
+
+[data-bs-theme=dark] {
+  color: var(--bs-body-color);
+}
+
+[data-bs-theme=dark] :focus-visible,
+[data-bs-theme=dark]:focus-visible {
+  outline-color: #ffbe2e;
+}
+
+[data-bs-theme=dark] .nav-link:hover:not(.active):not(.disabled),
+[data-bs-theme=dark] .list-group-item-action:hover:not(.active) {
+  background-image: linear-gradient(rgba(197, 212, 235, 0.16), rgba(197, 212, 235, 0.16));
+}
+
+[data-bs-theme=dark] .btn-link {
+  --bs-btn-color: #c5d4eb;
+  --bs-btn-hover-color: #c5d4eb;
+  --bs-btn-active-color: #fff;
+}
+
+[data-bs-theme=dark] .btn-link.rounded-circle:hover {
+  background-image: linear-gradient(rgba(197, 212, 235, 0.16), rgba(197, 212, 235, 0.16));
+}
+
 /*# sourceMappingURL=dsgovbr-bootstraped.css.map */