@abrasileirado/dsgovbr-bootstraped 0.5.1 → 0.7.0

package/dist/dsgovbr-bootstraped.css

@@ -2729,12 +2729,12 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 16px 16px;
   margin-top: 0.1rem;
-  font-size: 0.765625rem;
+  font-size: 0.728875rem;
   color: #fff;
   background-color: var(--bs-success);
-  border-radius: var(--bs-border-radius);
+  border-radius: 4px;
 }
 
 .was-validated :valid ~ .valid-feedback,
@@ -2819,12 +2819,12 @@ textarea.form-control-lg {
   z-index: 5;
   display: none;
   max-width: 100%;
-  padding: 0.25rem 0.5rem;
+  padding: 16px 16px;
   margin-top: 0.1rem;
-  font-size: 0.765625rem;
+  font-size: 0.728875rem;
   color: #fff;
   background-color: var(--bs-danger);
-  border-radius: var(--bs-border-radius);
+  border-radius: 4px;
 }
 
 .was-validated :invalid ~ .invalid-feedback,
@@ -3349,29 +3349,29 @@ textarea.form-control-lg {
   --bs-dropdown-zindex: 1000;
   --bs-dropdown-min-width: 10rem;
   --bs-dropdown-padding-x: 0;
-  --bs-dropdown-padding-y: 0.5rem;
+  --bs-dropdown-padding-y: 0;
   --bs-dropdown-spacer: 0.125rem;
   --bs-dropdown-font-size: 0.875rem;
   --bs-dropdown-color: var(--bs-body-color);
   --bs-dropdown-bg: var(--bs-body-bg);
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
-  --bs-dropdown-border-radius: var(--bs-border-radius);
-  --bs-dropdown-border-width: var(--bs-border-width);
-  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
-  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
-  --bs-dropdown-divider-margin-y: 0.5rem;
-  --bs-dropdown-box-shadow: var(--bs-box-shadow);
-  --bs-dropdown-link-color: var(--bs-body-color);
-  --bs-dropdown-link-hover-color: var(--bs-body-color);
-  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
+  --bs-dropdown-border-radius: 0;
+  --bs-dropdown-border-width: 0;
+  --bs-dropdown-inner-border-radius: calc(0 - 0);
+  --bs-dropdown-divider-bg: #ccc;
+  --bs-dropdown-divider-margin-y: 0;
+  --bs-dropdown-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+  --bs-dropdown-link-color: #333;
+  --bs-dropdown-link-hover-color: #333;
+  --bs-dropdown-link-hover-bg: transparent;
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #1351b4;
+  --bs-dropdown-link-active-bg: #2670e8;
   --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
-  --bs-dropdown-item-padding-x: 1rem;
-  --bs-dropdown-item-padding-y: 0.25rem;
+  --bs-dropdown-item-padding-x: 16px;
+  --bs-dropdown-item-padding-y: 8px;
   --bs-dropdown-header-color: #6c757d;
-  --bs-dropdown-header-padding-x: 1rem;
-  --bs-dropdown-header-padding-y: 0.5rem;
+  --bs-dropdown-header-padding-x: 16px;
+  --bs-dropdown-header-padding-y: 0;
   position: absolute;
   z-index: var(--bs-dropdown-zindex);
   display: none;
@@ -3392,6 +3392,16 @@ textarea.form-control-lg {
   left: 0;
   margin-top: var(--bs-dropdown-spacer);
 }
+.dropdown-menu > .dropdown-item:first-child,
+.dropdown-menu > li:first-child .dropdown-item {
+  border-top-left-radius: var(--bs-dropdown-inner-border-radius);
+  border-top-right-radius: var(--bs-dropdown-inner-border-radius);
+}
+.dropdown-menu > .dropdown-item:last-child,
+.dropdown-menu > li:last-child .dropdown-item {
+  border-bottom-right-radius: var(--bs-dropdown-inner-border-radius);
+  border-bottom-left-radius: var(--bs-dropdown-inner-border-radius);
+}
 
 .dropdown-menu-start {
   --bs-position: start;
@@ -3628,10 +3638,10 @@ textarea.form-control-lg {
   --bs-dropdown-box-shadow: ;
   --bs-dropdown-link-color: #dee2e6;
   --bs-dropdown-link-hover-color: #fff;
-  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
+  --bs-dropdown-divider-bg: #ccc;
   --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #1351b4;
+  --bs-dropdown-link-active-bg: #2670e8;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-header-color: #adb5bd;
 }
@@ -3772,7 +3782,7 @@ textarea.form-control-lg {
 }
 .nav-link:focus-visible {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(19, 81, 180, 0.25);
+  box-shadow: none;
 }
 .nav-link.disabled, .nav-link:disabled {
   color: var(--bs-nav-link-disabled-color);
@@ -3891,7 +3901,7 @@ textarea.form-control-lg {
   --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-toggler-focus-width: 0.25rem;
+  --bs-navbar-toggler-focus-width: 0;
   --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
   position: relative;
   display: flex;
@@ -4490,24 +4500,24 @@ textarea.form-control-lg {
   --bs-accordion-color: var(--bs-body-color);
   --bs-accordion-bg: var(--bs-body-bg);
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
-  --bs-accordion-border-color: var(--bs-border-color);
+  --bs-accordion-border-color: #ccc;
   --bs-accordion-border-width: var(--bs-border-width);
-  --bs-accordion-border-radius: var(--bs-border-radius);
-  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
-  --bs-accordion-btn-padding-x: 1.25rem;
-  --bs-accordion-btn-padding-y: 1rem;
-  --bs-accordion-btn-color: var(--bs-body-color);
-  --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-accordion-border-radius: 0;
+  --bs-accordion-inner-border-radius: 0;
+  --bs-accordion-btn-padding-x: 12px;
+  --bs-accordion-btn-padding-y: 16px;
+  --bs-accordion-btn-color: #1351b4;
+  --bs-accordion-btn-bg: transparent;
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231351b4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%282.9803921569%, 12.7058823529%, 28.2352941176%%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(19, 81, 180, 0.25);
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231351b4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-box-shadow: none;
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
-  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
-  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
+  --bs-accordion-active-color: #1351b4;
+  --bs-accordion-active-bg: transparent;
 }
 
 .accordion-button {
@@ -4627,11 +4637,12 @@ textarea.form-control-lg {
   --bs-breadcrumb-padding-x: 0;
   --bs-breadcrumb-padding-y: 0;
   --bs-breadcrumb-margin-bottom: 1rem;
+  --bs-breadcrumb-font-size: 0.728875rem;
   --bs-breadcrumb-bg: ;
   --bs-breadcrumb-border-radius: ;
-  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
-  --bs-breadcrumb-item-padding-x: 0.5rem;
-  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
+  --bs-breadcrumb-divider-color: #888;
+  --bs-breadcrumb-item-padding-x: 8px;
+  --bs-breadcrumb-item-active-color: #333;
   display: flex;
   flex-wrap: wrap;
   padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@@ -4649,7 +4660,7 @@ textarea.form-control-lg {
   float: left;
   padding-right: var(--bs-breadcrumb-item-padding-x);
   color: var(--bs-breadcrumb-divider-color);
-  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
+  content: var(--bs-breadcrumb-divider, "›") /* rtl: var(--bs-breadcrumb-divider, "›") */;
 }
 .breadcrumb-item.active {
   color: var(--bs-breadcrumb-item-active-color);
@@ -4875,8 +4886,8 @@ textarea.form-control-lg {
 .progress-stacked {
   --bs-progress-height: 1rem;
   --bs-progress-font-size: 0.65625rem;
-  --bs-progress-bg: var(--bs-secondary-bg);
-  --bs-progress-border-radius: var(--bs-border-radius);
+  --bs-progress-bg: #ccc;
+  --bs-progress-border-radius: 0;
   --bs-progress-box-shadow: var(--bs-box-shadow-inset);
   --bs-progress-bar-color: #fff;
   --bs-progress-bar-bg: #1351b4;
@@ -4931,21 +4942,21 @@ textarea.form-control-lg {
 .list-group {
   --bs-list-group-color: var(--bs-body-color);
   --bs-list-group-bg: var(--bs-body-bg);
-  --bs-list-group-border-color: var(--bs-border-color);
+  --bs-list-group-border-color: #ccc;
   --bs-list-group-border-width: var(--bs-border-width);
-  --bs-list-group-border-radius: var(--bs-border-radius);
-  --bs-list-group-item-padding-x: 1rem;
-  --bs-list-group-item-padding-y: 0.5rem;
-  --bs-list-group-action-color: var(--bs-secondary-color);
-  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
-  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
+  --bs-list-group-border-radius: 0;
+  --bs-list-group-item-padding-x: 16px;
+  --bs-list-group-item-padding-y: 8px;
+  --bs-list-group-action-color: #333;
+  --bs-list-group-action-hover-color: #333;
+  --bs-list-group-action-hover-bg: transparent;
   --bs-list-group-action-active-color: var(--bs-body-color);
-  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
+  --bs-list-group-action-active-bg: transparent;
   --bs-list-group-disabled-color: var(--bs-secondary-color);
   --bs-list-group-disabled-bg: var(--bs-body-bg);
   --bs-list-group-active-color: #fff;
-  --bs-list-group-active-bg: #1351b4;
-  --bs-list-group-active-border-color: #1351b4;
+  --bs-list-group-active-bg: #2670e8;
+  --bs-list-group-active-border-color: #2670e8;
   display: flex;
   flex-direction: column;
   padding-left: 0;
@@ -5272,19 +5283,19 @@ textarea.form-control-lg {
 }
 
 .btn-close {
-  --bs-btn-close-color: #000;
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
-  --bs-btn-close-opacity: 0.5;
-  --bs-btn-close-hover-opacity: 0.75;
-  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(19, 81, 180, 0.25);
+  --bs-btn-close-color: #1351b4;
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231351b4'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
+  --bs-btn-close-opacity: 1;
+  --bs-btn-close-hover-opacity: 1;
+  --bs-btn-close-focus-shadow: none;
   --bs-btn-close-focus-opacity: 1;
-  --bs-btn-close-disabled-opacity: 0.25;
+  --bs-btn-close-disabled-opacity: 0.45;
   box-sizing: content-box;
-  width: 1em;
-  height: 1em;
-  padding: 0.25em 0.25em;
+  width: 16px;
+  height: 16px;
+  padding: 12px 12px;
   color: var(--bs-btn-close-color);
-  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  background: transparent var(--bs-btn-close-bg) center/16px auto no-repeat;
   filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 0.375rem;
@@ -5327,14 +5338,14 @@ textarea.form-control-lg {
   --bs-toast-max-width: 350px;
   --bs-toast-font-size: 0.875rem;
   --bs-toast-color: ;
-  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
-  --bs-toast-border-width: var(--bs-border-width);
+  --bs-toast-bg: #fff;
+  --bs-toast-border-width: 0;
   --bs-toast-border-color: var(--bs-border-color-translucent);
-  --bs-toast-border-radius: var(--bs-border-radius);
-  --bs-toast-box-shadow: var(--bs-box-shadow);
-  --bs-toast-header-color: var(--bs-secondary-color);
-  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
-  --bs-toast-header-border-color: var(--bs-border-color-translucent);
+  --bs-toast-border-radius: 0;
+  --bs-toast-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+  --bs-toast-header-color: #333;
+  --bs-toast-header-bg: #fff;
+  --bs-toast-header-border-color: #ccc;
   width: var(--bs-toast-max-width);
   max-width: 100%;
   font-size: var(--bs-toast-font-size);
@@ -5389,25 +5400,25 @@ textarea.form-control-lg {
 .modal {
   --bs-modal-zindex: 1055;
   --bs-modal-width: 500px;
-  --bs-modal-padding: 1rem;
+  --bs-modal-padding: 16px;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: var(--bs-body-color);
   --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
-  --bs-modal-border-width: var(--bs-border-width);
-  --bs-modal-border-radius: var(--bs-border-radius-lg);
-  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
-  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
-  --bs-modal-header-padding-x: 1rem;
-  --bs-modal-header-padding-y: 1rem;
-  --bs-modal-header-padding: 1rem 1rem;
+  --bs-modal-border-width: 0;
+  --bs-modal-border-radius: 0;
+  --bs-modal-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+  --bs-modal-inner-border-radius: 0;
+  --bs-modal-header-padding-x: 16px;
+  --bs-modal-header-padding-y: 16px;
+  --bs-modal-header-padding: 16px 16px 0;
   --bs-modal-header-border-color: var(--bs-border-color);
-  --bs-modal-header-border-width: var(--bs-border-width);
-  --bs-modal-title-line-height: 1.5;
+  --bs-modal-header-border-width: 0;
+  --bs-modal-title-line-height: 1.25;
   --bs-modal-footer-gap: 0.5rem;
   --bs-modal-footer-bg: ;
   --bs-modal-footer-border-color: var(--bs-border-color);
-  --bs-modal-footer-border-width: var(--bs-border-width);
+  --bs-modal-footer-border-width: 0;
   position: fixed;
   top: 0;
   left: 0;
@@ -5476,7 +5487,7 @@ textarea.form-control-lg {
 .modal-backdrop {
   --bs-backdrop-zindex: 1050;
   --bs-backdrop-bg: #000;
-  --bs-backdrop-opacity: 0.5;
+  --bs-backdrop-opacity: 0.45;
   position: fixed;
   top: 0;
   left: 0;
@@ -5539,7 +5550,7 @@ textarea.form-control-lg {
 @media (min-width: 576px) {
   .modal {
     --bs-modal-margin: 1.75rem;
-    --bs-modal-box-shadow: var(--bs-box-shadow);
+    --bs-modal-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
   }
   .modal-dialog {
     max-width: var(--bs-modal-width);
@@ -5682,15 +5693,15 @@ textarea.form-control-lg {
 }
 .tooltip {
   --bs-tooltip-zindex: 1080;
-  --bs-tooltip-max-width: 200px;
-  --bs-tooltip-padding-x: 0.5rem;
-  --bs-tooltip-padding-y: 0.25rem;
+  --bs-tooltip-max-width: 240px;
+  --bs-tooltip-padding-x: 16px;
+  --bs-tooltip-padding-y: 16px;
   --bs-tooltip-margin: ;
-  --bs-tooltip-font-size: 0.765625rem;
-  --bs-tooltip-color: var(--bs-body-bg);
-  --bs-tooltip-bg: var(--bs-emphasis-color);
-  --bs-tooltip-border-radius: var(--bs-border-radius);
-  --bs-tooltip-opacity: 0.9;
+  --bs-tooltip-font-size: 0.728875rem;
+  --bs-tooltip-color: #fff;
+  --bs-tooltip-bg: #155bcb;
+  --bs-tooltip-border-radius: 4px;
+  --bs-tooltip-opacity: 1;
   --bs-tooltip-arrow-width: 0.8rem;
   --bs-tooltip-arrow-height: 0.4rem;
   z-index: var(--bs-tooltip-zindex);
@@ -5784,22 +5795,22 @@ textarea.form-control-lg {
 
 .popover {
   --bs-popover-zindex: 1070;
-  --bs-popover-max-width: 276px;
+  --bs-popover-max-width: 320px;
   --bs-popover-font-size: 0.765625rem;
-  --bs-popover-bg: var(--bs-body-bg);
-  --bs-popover-border-width: var(--bs-border-width);
+  --bs-popover-bg: #155bcb;
+  --bs-popover-border-width: 0;
   --bs-popover-border-color: var(--bs-border-color-translucent);
-  --bs-popover-border-radius: var(--bs-border-radius-lg);
-  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
-  --bs-popover-box-shadow: var(--bs-box-shadow);
-  --bs-popover-header-padding-x: 1rem;
-  --bs-popover-header-padding-y: 0.5rem;
+  --bs-popover-border-radius: 4px;
+  --bs-popover-inner-border-radius: calc(4px - 0);
+  --bs-popover-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
+  --bs-popover-header-padding-x: 16px;
+  --bs-popover-header-padding-y: 16px;
   --bs-popover-header-font-size: 0.875rem;
-  --bs-popover-header-color: inherit;
-  --bs-popover-header-bg: var(--bs-secondary-bg);
-  --bs-popover-body-padding-x: 1rem;
-  --bs-popover-body-padding-y: 1rem;
-  --bs-popover-body-color: var(--bs-body-color);
+  --bs-popover-header-color: #fff;
+  --bs-popover-header-bg: #155bcb;
+  --bs-popover-body-padding-x: 16px;
+  --bs-popover-body-padding-y: 16px;
+  --bs-popover-body-color: #fff;
   --bs-popover-arrow-width: 1rem;
   --bs-popover-arrow-height: 0.5rem;
   --bs-popover-arrow-border: var(--bs-popover-border-color);
@@ -6088,11 +6099,11 @@ textarea.form-control-lg {
 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
-  width: 30px;
-  height: 3px;
+  width: 8px;
+  height: 8px;
   padding: 0;
-  margin-right: 3px;
-  margin-left: 3px;
+  margin-right: 4px;
+  margin-left: 4px;
   text-indent: -999px;
   cursor: pointer;
   background-color: var(--bs-carousel-indicator-active-bg);
@@ -6100,7 +6111,7 @@ textarea.form-control-lg {
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
-  opacity: 0.5;
+  opacity: 0.45;
   transition: opacity 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6159,10 +6170,10 @@ textarea.form-control-lg {
   }
 }
 .spinner-border {
-  --bs-spinner-width: 2rem;
-  --bs-spinner-height: 2rem;
+  --bs-spinner-width: 44px;
+  --bs-spinner-height: 44px;
   --bs-spinner-vertical-align: -0.125em;
-  --bs-spinner-border-width: 0.25em;
+  --bs-spinner-border-width: 4px;
   --bs-spinner-animation-speed: 0.75s;
   --bs-spinner-animation-name: spinner-border;
   border: var(--bs-spinner-border-width) solid currentcolor;
@@ -6170,9 +6181,9 @@ textarea.form-control-lg {
 }
 
 .spinner-border-sm {
-  --bs-spinner-width: 1rem;
-  --bs-spinner-height: 1rem;
-  --bs-spinner-border-width: 0.2em;
+  --bs-spinner-width: 24px;
+  --bs-spinner-height: 24px;
+  --bs-spinner-border-width: 2px;
 }
 
 @keyframes spinner-grow {
@@ -6185,8 +6196,8 @@ textarea.form-control-lg {
   }
 }
 .spinner-grow {
-  --bs-spinner-width: 2rem;
-  --bs-spinner-height: 2rem;
+  --bs-spinner-width: 44px;
+  --bs-spinner-height: 44px;
   --bs-spinner-vertical-align: -0.125em;
   --bs-spinner-animation-speed: 0.75s;
   --bs-spinner-animation-name: spinner-grow;
@@ -6195,8 +6206,8 @@ textarea.form-control-lg {
 }
 
 .spinner-grow-sm {
-  --bs-spinner-width: 1rem;
-  --bs-spinner-height: 1rem;
+  --bs-spinner-width: 24px;
+  --bs-spinner-height: 24px;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -6209,15 +6220,15 @@ textarea.form-control-lg {
   --bs-offcanvas-zindex: 1045;
   --bs-offcanvas-width: 400px;
   --bs-offcanvas-height: 30vh;
-  --bs-offcanvas-padding-x: 1rem;
-  --bs-offcanvas-padding-y: 1rem;
+  --bs-offcanvas-padding-x: 16px;
+  --bs-offcanvas-padding-y: 16px;
   --bs-offcanvas-color: var(--bs-body-color);
   --bs-offcanvas-bg: var(--bs-body-bg);
-  --bs-offcanvas-border-width: var(--bs-border-width);
+  --bs-offcanvas-border-width: 0;
   --bs-offcanvas-border-color: var(--bs-border-color-translucent);
-  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
+  --bs-offcanvas-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
   --bs-offcanvas-transition: transform 0.3s ease-in-out;
-  --bs-offcanvas-title-line-height: 1.5;
+  --bs-offcanvas-title-line-height: 1.25;
 }
 
 @media (max-width: 575.98px) {
@@ -6680,7 +6691,7 @@ textarea.form-control-lg {
   opacity: 0;
 }
 .offcanvas-backdrop.show {
-  opacity: 0.5;
+  opacity: 0.45;
 }
 
 .offcanvas-header {
@@ -12035,4 +12046,206 @@ textarea.form-control-lg {
   margin-top: calc((var(--bs-body-line-height) * 1em - 24px) / 2);
 }
 
+a:focus-visible,
+.btn-close:focus-visible,
+.navbar-toggler:focus-visible,
+.navbar-brand:focus-visible,
+.carousel-control-prev:focus-visible,
+.carousel-control-next:focus-visible,
+.carousel-indicators [data-bs-target]:focus-visible,
+[tabindex]:not(.form-control):not(.form-select):not(.form-check-input):focus-visible {
+  outline: 4px dashed #c2850c;
+  outline-offset: 4px;
+  box-shadow: none;
+}
+
+.accordion-button:focus-visible,
+.nav-link:focus-visible,
+.list-group-item-action:focus-visible,
+.dropdown-item:focus-visible {
+  outline: 4px dashed #c2850c;
+  outline-offset: -4px;
+  box-shadow: none;
+  position: relative;
+  z-index: 3;
+}
+
+.accordion-item {
+  border-left: 0;
+  border-right: 0;
+}
+
+.accordion-button {
+  font-size: 16.8px;
+}
+.accordion-button::after {
+  order: -1;
+  margin-left: 0;
+  margin-right: 16px;
+}
+.accordion-button:not(.collapsed) {
+  font-weight: 600;
+  box-shadow: none;
+}
+.accordion-button:hover {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+.accordion-body {
+  padding: 8px 64px 16px;
+  margin: 0 8px;
+}
+
+.breadcrumb {
+  font-weight: 500;
+  align-items: center;
+}
+
+.breadcrumb-item:first-child > a::before {
+  content: "";
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin-right: 4px;
+  vertical-align: -0.125em;
+  background-color: currentcolor;
+  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M8 1.5 1 7.25V8h1.5v6.5h4.25V10h2.5v4.5h4.25V8H15v-.75z%22/%3E%3C/svg%3E") center/contain no-repeat;
+}
+
+.btn-close {
+  border-radius: 50%;
+}
+.btn-close:hover:not(:disabled) {
+  background-color: rgba(19, 81, 180, 0.16);
+}
+
+.list-group:not(.list-group-horizontal) > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+}
+
+.list-group-item-action {
+  color: #333;
+}
+.list-group-item-action:hover:not(.active):not(:disabled):not(.disabled) {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+.nav-tabs,
+.nav-underline {
+  --bs-nav-tabs-border-radius: 0;
+  --bs-nav-underline-gap: 0;
+  border-bottom: 1px solid #ccc;
+  gap: 0;
+}
+.nav-tabs .nav-link,
+.nav-underline .nav-link {
+  border: 0;
+  border-bottom: 4px solid transparent;
+  border-radius: 0;
+  margin-bottom: -1px;
+  padding: 16px 24px;
+  color: #333;
+  font-size: 20.16px;
+  font-weight: 500;
+  line-height: 1;
+  background-color: transparent;
+}
+.nav-tabs .nav-link:hover:not(.active):not(:disabled):not(.disabled),
+.nav-underline .nav-link:hover:not(.active):not(:disabled):not(.disabled) {
+  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
+  border-bottom-color: transparent;
+}
+.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled,
+.nav-underline .nav-link.disabled,
+.nav-underline .nav-link:disabled {
+  color: #888;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link,
+.nav-underline .nav-link.active,
+.nav-underline .nav-item.show .nav-link {
+  color: #0c326f;
+  background-color: transparent;
+  border-bottom-color: #0c326f;
+  font-weight: 500;
+}
+
+.nav-pills .nav-link:hover:not(.active) {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+.dropdown-menu {
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+}
+
+.dropdown-item:hover:not(.active):not(.disabled):not(:disabled) {
+  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
+}
+
+.tooltip-inner {
+  font-weight: 500;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
+  text-align: left;
+}
+
+.popover-header {
+  font-weight: 600;
+  padding-bottom: 0;
+}
+
+.popover-body {
+  font-weight: 500;
+}
+
+.spinner-border,
+.spinner-grow {
+  color: #1351b4;
+}
+
+.btn .spinner-border,
+.btn .spinner-grow {
+  color: inherit;
+}
+
+.toast-header strong {
+  font-weight: 600;
+}
+
+.modal-title,
+.offcanvas-title {
+  font-size: 16.8px !important;
+  font-weight: 700;
+}
+
+.modal-header + .modal-body {
+  padding-top: 8px;
+}
+
+.modal-footer {
+  gap: 16px;
+}
+.modal-footer > * {
+  margin: 0;
+}
+
+.offcanvas {
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
+}
+
+.carousel-indicators [data-bs-target] {
+  border-radius: 50%;
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.45);
+  background-size: 16px;
+}
+
 /*# sourceMappingURL=dsgovbr-bootstraped.css.map */