@ouestfrance/sipa-bms-ui 8.22.3 → 8.23.1

package/dist/sipa-bms-ui.css

@@ -268,6 +268,59 @@
   --bms-button-disabled-background-color: transparent;
   --bms-button-disabled-border-color: transparent;
   --bms-button-disabled-text-color: var(--bms-disabled-color);
+}.toggle-icon[data-v-1070e8e1] {
+  --icon-color: var(--bms-grey-100);
+  --underline-color: transparent;
+  background: none;
+  border: none;
+  padding: 0;
+  padding-bottom: 0.25em;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.toggle-icon[data-v-1070e8e1] svg {
+  color: var(--icon-color);
+  transition: color 0.2s;
+}
+.toggle-icon[data-v-1070e8e1]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 0.125em;
+  background-color: var(--underline-color);
+  transition: background-color 0.2s;
+}
+.toggle-icon[data-v-1070e8e1]:hover:not(.disabled), .toggle-icon._hover[data-v-1070e8e1]:not(.disabled) {
+  --icon-color: var(--bms-grey-140);
+  --underline-color: var(--bms-grey-140);
+}
+.toggle-icon.active[data-v-1070e8e1] {
+  --icon-color: var(--bms-main-100);
+  --underline-color: var(--bms-main-100);
+}
+.toggle-icon.active[data-v-1070e8e1]:hover:not(.disabled), .toggle-icon.active._hover[data-v-1070e8e1]:not(.disabled) {
+  --icon-color: var(--bms-main-140);
+  --underline-color: var(--bms-main-140);
+}
+.toggle-icon.disabled[data-v-1070e8e1] {
+  --icon-color: var(--bms-grey-50);
+  cursor: default;
+  pointer-events: none;
+}
+.toggle-icon.disabled.active[data-v-1070e8e1] {
+  --underline-color: var(--bms-grey-50);
+}
+.toggle-icon.small[data-v-1070e8e1] svg {
+  width: 1em;
+  height: 1em;
+}
+.toggle-icon.small[data-v-1070e8e1]::after {
+  height: 1.5px;
 }.alert[data-v-26caccdd] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
@@ -411,7 +464,7 @@
   width: 1em;
   height: 1em;
   display: block;
-}.bms-tooltip__text[data-v-4ae8c6bb] {
+}.bms-tooltip__text[data-v-6fa8f4d8] {
   --bms-tooltip-background-color: white;
   --bms-tooltip-color: inherit;
   --bms-tooltip-margin: 4px;
@@ -425,15 +478,15 @@
   position: absolute;
   overflow: hidden;
   z-index: var(--bms-z-index-tooltip);
-  filter: drop-shadow(0 0 0.8rem var(--bms-shadow-color));
+  box-shadow: var(--bms-box-shadow);
   color: var(--bms-font-color);
   transform: var(--bms-tooltip-transform);
   overflow-wrap: break-word;
 }
-.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-4ae8c6bb] {
+.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-6fa8f4d8] {
   z-index: calc(var(--bms-z-index-modal) + 1);
 }
-.bms-tooltip__text[data-v-4ae8c6bb]::before {
+.bms-tooltip__text[data-v-6fa8f4d8]::before {
   content: "";
   position: absolute;
   right: var(--bms-tooltip-indicator-position-right);
@@ -445,54 +498,54 @@
   border-style: solid;
   border-color: var(--bms-tooltip-indicator-border);
 }
-.bms-tooltip__text--top[data-v-4ae8c6bb], .bms-tooltip__text--bottom[data-v-4ae8c6bb] {
+.bms-tooltip__text--top[data-v-6fa8f4d8], .bms-tooltip__text--bottom[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-left: 50%;
   --bms-tooltip-indicator-position-right: initial;
 }
-.bms-tooltip__text--bottom[data-v-4ae8c6bb] {
+.bms-tooltip__text--bottom[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-top: initial;
   --bms-tooltip-indicator-position-bottom: 100%;
   --bms-tooltip-indicator-border: transparent transparent
     var(--bms-tooltip-background-color) transparent;
 }
-.bms-tooltip__text--top[data-v-4ae8c6bb] {
+.bms-tooltip__text--top[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-top: 100%;
   --bms-tooltip-indicator-position-bottom: initial;
   --bms-tooltip-indicator-border: var(--bms-tooltip-background-color)
     transparent transparent transparent;
 }
-.bms-tooltip__text--left[data-v-4ae8c6bb], .bms-tooltip__text--right[data-v-4ae8c6bb] {
+.bms-tooltip__text--left[data-v-6fa8f4d8], .bms-tooltip__text--right[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-top: 50%;
   --bms-tooltip-indicator-position-bottom: initial;
 }
-.bms-tooltip__text--left[data-v-4ae8c6bb] {
+.bms-tooltip__text--left[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-right: initial;
   --bms-tooltip-indicator-position-left: 100%;
   --bms-tooltip-indicator-border: transparent transparent transparent
     var(--bms-tooltip-background-color);
 }
-.bms-tooltip__text--right[data-v-4ae8c6bb] {
+.bms-tooltip__text--right[data-v-6fa8f4d8] {
   --bms-tooltip-indicator-position-right: 100%;
   --bms-tooltip-indicator-position-left: initial;
   --bms-tooltip-indicator-border: transparent
     var(--bms-tooltip-background-color) transparent transparent;
 }
-.tooltip-fade-enter-active[data-v-4ae8c6bb] {
+.tooltip-fade-enter-active[data-v-6fa8f4d8] {
   transition: opacity 0.2s ease;
 }
-.tooltip-fade-enter-from[data-v-4ae8c6bb] {
+.tooltip-fade-enter-from[data-v-6fa8f4d8] {
   opacity: 0;
 }
-.tooltip-fade-enter-to[data-v-4ae8c6bb] {
+.tooltip-fade-enter-to[data-v-6fa8f4d8] {
   opacity: 1;
 }
-.tooltip-fade-leave-active[data-v-4ae8c6bb] {
+.tooltip-fade-leave-active[data-v-6fa8f4d8] {
   transition: opacity 0.3s ease;
 }
-.tooltip-fade-leave-from[data-v-4ae8c6bb] {
+.tooltip-fade-leave-from[data-v-6fa8f4d8] {
   opacity: 1;
 }
-.tooltip-fade-leave-to[data-v-4ae8c6bb] {
+.tooltip-fade-leave-to[data-v-6fa8f4d8] {
   opacity: 0;
 }.bms-tooltip-anchor-wrapper[data-v-5c0e03ac] {
   position: relative;
@@ -1426,7 +1479,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-3023af4c] {
+}.floating-window-wrapper[data-v-d8cae050] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1440,7 +1493,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window__drag-overlay[data-v-3023af4c] {
+.floating-window-wrapper .floating-window__drag-overlay[data-v-d8cae050] {
   position: fixed;
   top: 0;
   left: 0;
@@ -1450,31 +1503,31 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   pointer-events: all;
   cursor: grabbing;
 }
-.floating-window-wrapper .floating-window[data-v-3023af4c] {
+.floating-window-wrapper .floating-window[data-v-d8cae050] {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   border: 1px solid var(--bms-grey-10);
   pointer-events: all;
   display: grid;
   grid-template-rows: auto 1fr;
-  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: var(--bms-box-shadow);
   z-index: var(--bms-z-index-modal);
   transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.floating-window-wrapper .floating-window--expanded[data-v-3023af4c] {
+.floating-window-wrapper .floating-window--expanded[data-v-d8cae050] {
   border-radius: 0;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
-.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-3023af4c] {
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-d8cae050] {
   cursor: default;
 }
-.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-3023af4c]:active {
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-d8cae050]:active {
   cursor: default;
 }
-.floating-window-wrapper .floating-window--dragging[data-v-3023af4c] {
+.floating-window-wrapper .floating-window--dragging[data-v-d8cae050] {
   transition: none;
 }
-.floating-window-wrapper .floating-window__header[data-v-3023af4c] {
+.floating-window-wrapper .floating-window__header[data-v-d8cae050] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1483,20 +1536,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   cursor: grab;
   user-select: none;
 }
-.floating-window-wrapper .floating-window__header[data-v-3023af4c]:active {
+.floating-window-wrapper .floating-window__header[data-v-d8cae050]:active {
   cursor: grabbing;
 }
-.floating-window-wrapper .floating-window__header__title[data-v-3023af4c] {
+.floating-window-wrapper .floating-window__header__title[data-v-d8cae050] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-3023af4c] {
+.floating-window-wrapper .floating-window__content[data-v-d8cae050] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-3023af4c] {
-    max-height: 300px;
+.floating-window[data-v-d8cae050] {
     max-width: 80%;
 }
 }.form-section[data-v-b5bab57e] {
@@ -1693,53 +1745,53 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   padding: 1em 2em 1em 2em;
-}.split-window[data-v-4d48c930] {
+}.split-window[data-v-b6e704f4] {
   display: grid;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.split-window__pane[data-v-4d48c930] {
+.split-window__pane[data-v-b6e704f4] {
   display: flex;
   max-height: 100%;
   overflow: hidden;
 }
-.split-window__separator[data-v-4d48c930] {
+.split-window__separator[data-v-b6e704f4] {
   position: relative;
-  z-index: var(--bms-z-index-fixed);
+  z-index: calc(var(--bms-z-index-modal));
 }
-.split-window__separator[data-v-4d48c930]:before {
+.split-window__separator[data-v-b6e704f4]:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }
-.split-window__separator[data-v-4d48c930]:focus-within:before {
+.split-window__separator[data-v-b6e704f4]:focus-within:before {
   outline: 2px solid black;
 }
-.split-window--vertical .split-window__separator[data-v-4d48c930] {
+.split-window--vertical .split-window__separator[data-v-b6e704f4] {
   height: 100%;
   width: 0;
 }
-.split-window--vertical .split-window__separator[data-v-4d48c930]:before {
+.split-window--vertical .split-window__separator[data-v-b6e704f4]:before {
   content: "";
   width: 8px;
   height: 100%;
   transform: translate(-50%, 0);
   cursor: col-resize;
 }
-.split-window--horizontal .split-window__separator[data-v-4d48c930] {
+.split-window--horizontal .split-window__separator[data-v-b6e704f4] {
   height: 0;
   width: 100%;
 }
-.split-window--horizontal .split-window__separator[data-v-4d48c930]:before {
+.split-window--horizontal .split-window__separator[data-v-b6e704f4]:before {
   content: "";
   width: 100%;
   height: 8px;
   transform: translate(0, -50%);
   cursor: row-resize;
 }
-.split-window--dragging .split-window__separator[data-v-4d48c930]:before {
+.split-window--dragging .split-window__separator[data-v-b6e704f4]:before {
   position: fixed;
   top: 0;
   left: 0;
@@ -2287,19 +2339,19 @@ nav .additional[data-v-8b4752b4] {
   font-size: 1em;
   text-align: center;
   font-weight: normal;
-}.bms-pagination[data-v-e10f3b80] {
+}.bms-pagination[data-v-86561b3b] {
   font-size: 0.88em;
   display: flex;
   gap: 2em;
   justify-content: flex-end;
   align-items: baseline;
 }
-.bms-pagination__select[data-v-e10f3b80] {
+.bms-pagination__select[data-v-86561b3b] {
   display: flex;
   gap: 1em;
   align-items: baseline;
 }
-.bms-pagination__select[data-v-e10f3b80] .field__wrapper {
+.bms-pagination__select[data-v-86561b3b] .field__wrapper {
   min-width: 10em;
   width: 10em;
 }.bms-table__row[data-v-2ab3888f] {
@@ -2336,13 +2388,13 @@ nav .additional[data-v-8b4752b4] {
 .bms-table__row__cell--child-element__icon[data-v-2ab3888f] {
   display: flex;
   margin-right: 1em;
-}.bms-table[data-v-c7d4abaf] {
+}.bms-table[data-v-f6b2c936] {
   --table-cell-padding: 1em;
   --table-cell-radius: var(--bms-border-radius-large);
   --dynamic-border-height: 2px;
   --table-border: 1px solid var(--bms-grey-10);
 }
-.bms-table__loader[data-v-c7d4abaf] {
+.bms-table__loader[data-v-f6b2c936] {
   position: absolute;
   background: rgba(255, 255, 255, 0.72);
   inset: 0;
@@ -2352,110 +2404,113 @@ nav .additional[data-v-8b4752b4] {
   font-size: 3em;
   z-index: 10;
 }
-.bms-table__actions[data-v-c7d4abaf] {
+.bms-table__actions[data-v-f6b2c936] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 16px;
+  margin-bottom: 1em;
 }
-.bms-table__actions__saved-filters[data-v-c7d4abaf] {
+.bms-table__actions--small[data-v-f6b2c936] {
+  margin-bottom: 0.5em;
+}
+.bms-table__actions__saved-filters[data-v-f6b2c936] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 1em;
 }
-.bms-table__actions__search[data-v-c7d4abaf] {
+.bms-table__actions__search[data-v-f6b2c936] {
   display: flex;
   align-items: center;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-c7d4abaf] {
+.bms-table__actions__custom[data-v-f6b2c936] {
   display: flex;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-c7d4abaf]:empty {
+.bms-table__actions__custom[data-v-f6b2c936]:empty {
   display: none;
 }
-.bms-table__selected[data-v-c7d4abaf] {
+.bms-table__selected[data-v-f6b2c936] {
   margin-bottom: 1em;
 }
-.bms-table__selected .select-mode-all[data-v-c7d4abaf] {
+.bms-table__selected .select-mode-all[data-v-f6b2c936] {
   cursor: pointer;
   color: var(--bms-main-100);
 }
-.bms-table__cell__checkbox[data-v-c7d4abaf] {
+.bms-table__cell__checkbox[data-v-f6b2c936] {
   width: 4em;
 }
-.bms-table__cell--action[data-v-c7d4abaf] {
+.bms-table__cell--action[data-v-f6b2c936] {
   display: flex;
   justify-content: end;
 }
-.bms-table__cell--empty[data-v-c7d4abaf] {
+.bms-table__cell--empty[data-v-f6b2c936] {
   height: 360px;
 }
-.bms-table__table[data-v-c7d4abaf] {
+.bms-table__table[data-v-f6b2c936] {
   width: 100%;
   border-spacing: 0 var(--dynamic-border-height);
   border-radius: var(--bms-border-radius-large);
   border: var(--table-border);
   position: relative;
 }
-.bms-table__table-wrapper[data-v-c7d4abaf] {
+.bms-table__table-wrapper[data-v-f6b2c936] {
   position: relative;
 }
-.bms-table__table thead[data-v-c7d4abaf] {
+.bms-table__table thead[data-v-f6b2c936] {
   position: sticky;
   z-index: 2;
   top: var(--header-height, 0);
 }
-.bms-table__table--dense[data-v-c7d4abaf] {
+.bms-table__table--dense[data-v-f6b2c936] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__table[data-v-c7d4abaf] tr td {
+.bms-table__table[data-v-f6b2c936] tr td {
   padding: var(--table-cell-padding);
 }
-.bms-table__table th[data-v-c7d4abaf] {
+.bms-table__table th[data-v-f6b2c936] {
   --header-content-sort-icon-color: var(--bms-grey-25);
   --header-content-justify: start;
   width: var(--table-cell-width, auto);
   padding: var(--table-cell-padding);
 }
-.bms-table__table th.sortable[data-v-c7d4abaf]:hover {
+.bms-table__table th.sortable[data-v-f6b2c936]:hover {
   --header-content-sort-icon-color: var(--bms-grey-100);
   cursor: pointer;
 }
-.bms-table__table th.u-text-align-start[data-v-c7d4abaf] {
+.bms-table__table th.u-text-align-start[data-v-f6b2c936] {
   --header-content-justify: start;
 }
-.bms-table__table th.u-text-align-center[data-v-c7d4abaf] {
+.bms-table__table th.u-text-align-center[data-v-f6b2c936] {
   --header-content-justify: center;
 }
-.bms-table__table th.u-text-align-end[data-v-c7d4abaf] {
+.bms-table__table th.u-text-align-end[data-v-f6b2c936] {
   --header-content-justify: end;
 }
-.bms-table__table th.sorted[data-v-c7d4abaf] {
+.bms-table__table th.sorted[data-v-f6b2c936] {
   --header-content-sort-icon-color: var(--bms-grey-100);
 }
-.bms-table__table th .header-content[data-v-c7d4abaf] {
+.bms-table__table th .header-content[data-v-f6b2c936] {
   display: flex;
   align-items: center;
   justify-content: var(--header-content-justify);
   gap: 0.5em;
 }
-.bms-table__table th .header-content-sort[data-v-c7d4abaf] {
+.bms-table__table th .header-content-sort[data-v-f6b2c936] {
   color: var(--header-content-sort-icon-color);
 }
-.bms-table__footer[data-v-c7d4abaf] {
+.bms-table__footer[data-v-f6b2c936] {
   padding-top: 16px;
 }
-.bms-table .blob[data-v-c7d4abaf] {
+.bms-table .blob[data-v-f6b2c936] {
   visibility: hidden;
   --table-blob-height: 80px;
 }
-.bms-table .blob.dense[data-v-c7d4abaf] {
+.bms-table .blob.small[data-v-f6b2c936], .bms-table .blob.dense[data-v-f6b2c936] {
   --table-blob-height: 50px;
 }
-.bms-table .blob[data-v-c7d4abaf] {
+.bms-table .blob[data-v-f6b2c936] {
   width: 200px;
   height: var(--table-blob-height);
   background-color: var(--bms-main-50);
@@ -2464,38 +2519,40 @@ nav .additional[data-v-8b4752b4] {
   z-index: -5;
   filter: blur(20px);
 }
-[data-v-c7d4abaf] table {
+[data-v-f6b2c936] table {
   padding: 0 var(--dynamic-border-height);
 }
-[data-v-c7d4abaf] table th:first-child {
+[data-v-f6b2c936] table th:first-child {
   border-top-left-radius: var(--table-cell-radius);
 }
-[data-v-c7d4abaf] table th:last-child {
+[data-v-f6b2c936] table th:last-child {
   border-top-right-radius: var(--table-cell-radius);
 }
-[data-v-c7d4abaf] table tr:last-child td:first-child {
+[data-v-f6b2c936] table tr:last-child td:first-child {
   border-bottom-left-radius: var(--table-cell-radius);
 }
-[data-v-c7d4abaf] table tr:last-child td:last-child {
+[data-v-f6b2c936] table tr:last-child td:last-child {
   border-bottom-right-radius: var(--table-cell-radius);
 }
-[data-v-c7d4abaf] table th {
+[data-v-f6b2c936] table th {
   background-color: rgb(255, 255, 255);
 }
-[data-v-c7d4abaf] table tbody {
+[data-v-f6b2c936] table tbody {
   overflow: hidden;
   background: white;
 }
-[data-v-c7d4abaf] table tbody tr {
+[data-v-f6b2c936] table tbody tr {
   position: relative;
-}.filter-button-container[data-v-6047ada7] {
+}.filter-button-container[data-v-36a9eb9a] {
   position: relative;
 }
-.filter-button-container .filter-button[data-v-6047ada7] {
-  padding: 0.5em 0;
+.filter-button-container[data-v-36a9eb9a] .bms-button .content {
+  margin: 0;
+}
+.filter-button-container .filter-button[data-v-36a9eb9a] {
   font-size: 20px;
 }
-.filter-button-container .indicator[data-v-6047ada7] {
+.filter-button-container .indicator[data-v-36a9eb9a] {
   position: absolute;
   pointer-events: none;
   top: 8px;
@@ -2511,57 +2568,64 @@ nav .additional[data-v-8b4752b4] {
   font-size: 0.75em;
   font-weight: 700;
 }
-.indicator-scale-enter-active[data-v-6047ada7] {
+.indicator-scale-enter-active[data-v-36a9eb9a] {
   transition: all 0.3s ease 0.2s;
 }
-.indicator-scale-leave-active[data-v-6047ada7] {
+.indicator-scale-leave-active[data-v-36a9eb9a] {
   transition: all 0.3s ease;
 }
-.indicator-scale-enter-from[data-v-6047ada7],
-.indicator-scale-leave-to[data-v-6047ada7] {
+.indicator-scale-enter-from[data-v-36a9eb9a],
+.indicator-scale-leave-to[data-v-36a9eb9a] {
   opacity: 0;
   transform: scale(50%);
 }
-.indicator-scale-enter-to[data-v-6047ada7],
-.indicator-scale-leave-from[data-v-6047ada7] {
+.indicator-scale-enter-to[data-v-36a9eb9a],
+.indicator-scale-leave-from[data-v-36a9eb9a] {
   opacity: 1;
   transform: scale(1);
-}.filters[data-v-94b8e913] {
-  padding: 16px;
+}.filters[data-v-04b66f64] {
+  padding: 1em;
   background: var(--bms-white);
   border: 1px solid var(--bms-grey-10);
   border-radius: var(--bms-border-radius-large);
-  margin-bottom: 16px;
+  margin-bottom: 1em;
 }
-.filters__header[data-v-94b8e913] {
+.filters--small[data-v-04b66f64] {
+  margin-bottom: 0.5em;
+  padding: 0.5em;
+}
+.filters__header[data-v-04b66f64] {
   display: flex;
   justify-content: space-between;
 }
-.filters__header-title[data-v-94b8e913] {
+.filters__header-title[data-v-04b66f64] {
   font-size: 18px;
   font-weight: bold;
   gap: 1rem;
   display: flex;
   align-items: center;
 }
-.filters__inputs[data-v-94b8e913] {
+.filters__inputs[data-v-04b66f64] {
   display: flex;
   flex-wrap: wrap;
-  padding-top: 16px;
   align-items: flex-end;
   row-gap: 8px;
+  padding-top: 1em;
+}
+.filters__inputs--small[data-v-04b66f64] {
+  padding-top: 0.5em;
 }
-.filters__inputs .input[data-v-94b8e913] {
+.filters__inputs .input[data-v-04b66f64] {
   width: 25%;
 }
-.filters__inputs .input.large[data-v-94b8e913] {
+.filters__inputs .input.large[data-v-04b66f64] {
   width: 50%;
 }
-.filters__inputs .input[data-v-94b8e913] {
+.filters__inputs .input[data-v-04b66f64] {
   padding-right: 32px;
-}.table-search[data-v-c27df335] {
+}.table-search[data-v-c674a0d1] {
   width: 260px;
-}.table-search[data-v-704a7453] {
+}.table-search[data-v-ae9bcfca] {
   width: 260px;
 }.cocarde[data-v-d1c7b421] {
   display: flex;
@@ -2598,7 +2662,7 @@ nav .additional[data-v-8b4752b4] {
 }
 .cocarde--x-large[data-v-d1c7b421] {
   --cocarde-size: 4em;
-}.bms-notification[data-v-2a9037b5] {
+}.bms-notification[data-v-cf005e57] {
   --notification-background-color: white;
   display: flex;
   flex-direction: column;
@@ -2607,38 +2671,38 @@ nav .additional[data-v-8b4752b4] {
   background-color: var(--notification-background-color);
   color: white;
   position: relative;
-  box-shadow: 0 4px 8px var(--bms-shadow-color);
+  box-shadow: var(--bms-box-shadow);
 }
-.bms-notification .main-info[data-v-2a9037b5] {
+.bms-notification .main-info[data-v-cf005e57] {
   display: flex;
   align-items: center;
   gap: 1em;
   padding: 0.75em;
   padding-right: 3em;
 }
-.bms-notification .details[data-v-2a9037b5] {
+.bms-notification .details[data-v-cf005e57] {
   border-top: 1px solid white;
   text-align: center;
   padding: 0.5em;
   border-radius: 0 0 var(--bms-border-radius) var(--bms-border-radius);
 }
-.bms-notification .details[data-v-2a9037b5]:hover {
+.bms-notification .details[data-v-cf005e57]:hover {
   cursor: pointer;
 }
-.bms-notification--success[data-v-2a9037b5] {
+.bms-notification--success[data-v-cf005e57] {
   --notification-background-color: var(--bms-success-color);
 }
-.bms-notification--error[data-v-2a9037b5] {
+.bms-notification--error[data-v-cf005e57] {
   --notification-background-color: var(--bms-danger-color);
 }
-.bms-notification__icon[data-v-2a9037b5] {
+.bms-notification__icon[data-v-cf005e57] {
   display: block;
   line-height: 1;
   width: 1em;
   height: 1em;
   flex-shrink: 0;
 }
-.bms-notification__content[data-v-2a9037b5] {
+.bms-notification__content[data-v-cf005e57] {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -2646,12 +2710,12 @@ nav .additional[data-v-8b4752b4] {
   line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.bms-notification[data-v-2a9037b5] .bms-notification__close-button {
+.bms-notification[data-v-cf005e57] .bms-notification__close-button {
   position: absolute;
   right: 0.2em;
   color: white;
 }
-.bms-notification[data-v-2a9037b5] .bms-notification__close-button:hover {
+.bms-notification[data-v-cf005e57] .bms-notification__close-button:hover {
   color: var(--notification-background-color);
 }.bms-notifications[data-v-b20e6fa0] {
   --bms-notifications-width: 360px;
@@ -2892,6 +2956,9 @@ section {
   --bms-border-radius-large: 8px;
   --bms-border-radius-xlarge: 16px;
   --bms-shadow-color: var(--bms-grey-10);
+  --bms-box-shadow:
+    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
+    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
   --bms-danger-color: var(--bms-red-100);
   --bms-warning-color: var(--bms-orange-100);
   --bms-default-color: var(--bms-blue-100);