@ouestfrance/sipa-bms-ui 8.6.0 → 8.8.0

package/dist/sipa-bms-ui.css

@@ -402,7 +402,7 @@
   width: 1em;
   height: 1em;
   display: block;
-}.bms-tooltip__text[data-v-e8f6f5f1] {
+}.bms-tooltip__text[data-v-44def116] {
   --bms-tooltip-background-color: white;
   --bms-tooltip-color: inherit;
   --bms-tooltip-margin: 4px;
@@ -415,12 +415,12 @@
   max-height: 30rem;
   position: absolute;
   overflow: hidden;
-  z-index: 20;
+  z-index: var(--bms-z-index-tooltip);
   filter: drop-shadow(0 0 0.8rem var(--bms-shadow-color));
   color: var(--bms-font-color);
   transform: var(--bms-tooltip-transform);
 }
-.bms-tooltip__text[data-v-e8f6f5f1]::before {
+.bms-tooltip__text[data-v-44def116]::before {
   content: "";
   position: absolute;
   right: var(--bms-tooltip-indicator-position-right);
@@ -432,60 +432,60 @@
   border-style: solid;
   border-color: var(--bms-tooltip-indicator-border);
 }
-.bms-tooltip__text--top[data-v-e8f6f5f1], .bms-tooltip__text--bottom[data-v-e8f6f5f1] {
+.bms-tooltip__text--top[data-v-44def116], .bms-tooltip__text--bottom[data-v-44def116] {
   --bms-tooltip-indicator-position-left: 50%;
   --bms-tooltip-indicator-position-right: initial;
 }
-.bms-tooltip__text--bottom[data-v-e8f6f5f1] {
+.bms-tooltip__text--bottom[data-v-44def116] {
   --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-e8f6f5f1] {
+.bms-tooltip__text--top[data-v-44def116] {
   --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-e8f6f5f1], .bms-tooltip__text--right[data-v-e8f6f5f1] {
+.bms-tooltip__text--left[data-v-44def116], .bms-tooltip__text--right[data-v-44def116] {
   --bms-tooltip-indicator-position-top: 50%;
   --bms-tooltip-indicator-position-bottom: initial;
 }
-.bms-tooltip__text--left[data-v-e8f6f5f1] {
+.bms-tooltip__text--left[data-v-44def116] {
   --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-e8f6f5f1] {
+.bms-tooltip__text--right[data-v-44def116] {
   --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-e8f6f5f1] {
+.tooltip-fade-enter-active[data-v-44def116] {
   transition: opacity 0.2s ease;
 }
-.tooltip-fade-enter-from[data-v-e8f6f5f1] {
+.tooltip-fade-enter-from[data-v-44def116] {
   opacity: 0;
 }
-.tooltip-fade-enter-to[data-v-e8f6f5f1] {
+.tooltip-fade-enter-to[data-v-44def116] {
   opacity: 1;
 }
-.tooltip-fade-leave-active[data-v-e8f6f5f1] {
+.tooltip-fade-leave-active[data-v-44def116] {
   transition: opacity 0.3s ease;
 }
-.tooltip-fade-leave-from[data-v-e8f6f5f1] {
+.tooltip-fade-leave-from[data-v-44def116] {
   opacity: 1;
 }
-.tooltip-fade-leave-to[data-v-e8f6f5f1] {
+.tooltip-fade-leave-to[data-v-44def116] {
   opacity: 0;
 }.bms-tooltip-anchor-wrapper[data-v-b033f8af] {
   position: relative;
   display: inline-block;
   outline: none;
-}ul[data-v-413e6742] {
+}ul[data-v-ba5302fc] {
   border-style: none;
   border-radius: 0 0 4px 4px;
   text-decoration: none;
@@ -495,18 +495,18 @@
   --field-padding: 0.4em;
   --field-height: 4rem;
 }
-ul li[data-v-413e6742]:first-of-type {
+ul li[data-v-ba5302fc]:first-of-type {
   border-top: 1px solid var(--bms-grey-10);
 }
-ul li[data-v-413e6742]:first-child {
+ul li[data-v-ba5302fc]:first-child {
   border-top-left-radius: var(--bms-border-radius);
   border-top-right-radius: var(--bms-border-radius);
 }
-ul li[data-v-413e6742]:last-child {
+ul li[data-v-ba5302fc]:last-child {
   border-bottom-left-radius: var(--bms-border-radius);
   border-bottom-right-radius: var(--bms-border-radius);
 }
-ul li[data-v-413e6742] {
+ul li[data-v-ba5302fc] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -516,13 +516,13 @@ ul li[data-v-413e6742] {
   background-color: var(--bms-white);
   min-height: var(--field-height);
 }
-ul li.small[data-v-413e6742] {
+ul li.small[data-v-ba5302fc] {
   --field-padding: 0.2em 0.4em;
   --field-height: 2rem;
 }
-ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
+ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--bms-grey-10);
-}.input-wrapper[data-v-af4d1ce5] {
+}.input-wrapper[data-v-078d99d6] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -532,25 +532,25 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-af4d1ce5]:hover {
+.input-wrapper[data-v-078d99d6]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-af4d1ce5]:has(input:focus) {
+.input-wrapper[data-v-078d99d6]:has(input:focus) {
   box-shadow: 0 0 4px 4px var(--bms-main-25);
   --field-border-color: var(--field-border-color-active);
 }
-.input-wrapper.is-error[data-v-af4d1ce5] {
+.input-wrapper.is-error[data-v-078d99d6] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.input-wrapper.is-disabled[data-v-af4d1ce5] {
+.input-wrapper.is-disabled[data-v-078d99d6] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
 }
-.input-wrapper.is-disabled input[data-v-af4d1ce5] {
+.input-wrapper.is-disabled input[data-v-078d99d6] {
   pointer-events: none;
 }
-.input-wrapper .field__input-label[data-v-af4d1ce5] {
+.input-wrapper .field__input-label[data-v-078d99d6] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -558,24 +558,24 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon[data-v-078d99d6] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon--start[data-v-078d99d6] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon--end[data-v-078d99d6] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5] svg {
+.input-wrapper .field__input-icon[data-v-078d99d6] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5]:empty {
+.input-wrapper .field__input-icon[data-v-078d99d6]:empty {
   display: none;
 }
-.input-wrapper input[data-v-af4d1ce5] {
+.input-wrapper input[data-v-078d99d6] {
   outline: none;
   appearance: none;
   border: 0;
@@ -587,7 +587,7 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-5d665f68] {
+}.field__input .autocomplete-wrapper[data-v-d649440b] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -596,22 +596,22 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-5d665f68]:hover {
+.field__input .autocomplete-wrapper[data-v-d649440b]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-5d665f68]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-d649440b]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-5d665f68] {
+.field__input .autocomplete-wrapper.is-error[data-v-d649440b] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-5d665f68] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-d649440b] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-5d665f68] {
+.field__input .autocomplete-wrapper input[data-v-d649440b] {
   outline: none;
   appearance: none;
   border: 0;
@@ -624,22 +624,22 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-5d665f68] {
+.icon[data-v-d649440b] {
   height: 1em;
   width: 1em;
   cursor: pointer;
-}.icon[data-v-274b6035] {
+}.icon[data-v-b0e1e6f3] {
   height: 1em;
   width: 1em;
 }
-.icon.datalist-icon[data-v-274b6035] {
+.icon.datalist-icon[data-v-b0e1e6f3] {
   margin: 0 0.5em;
 }
-.icon[data-v-274b6035] svg {
+.icon[data-v-b0e1e6f3] svg {
   height: 100%;
   width: 100%;
 }
-.icon[data-v-274b6035] svg * {
+.icon[data-v-b0e1e6f3] svg * {
   fill: currentColor !important;
 }.field-between__separator[data-v-f25b520b] {
   margin-left: 10px;
@@ -930,32 +930,32 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   position: absolute;
   top: 0;
   right: 0;
-}.input-radio[data-v-cb26402d] {
+}.input-radio[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-grey-100);
   --input-radio-default-color-checked: var(--bms-main-100);
   width: fit-content;
 }
-.input-radio label[data-v-cb26402d] {
+.input-radio label[data-v-c0c9efa3] {
   display: flex;
   gap: 4px;
 }
-.input-radio.error[data-v-cb26402d] {
+.input-radio.error[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-danger-color);
   --input-radio-default-color-checked: var(--bms-danger-color);
 }
-.input-radio.disabled[data-v-cb26402d] {
+.input-radio.disabled[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-grey-50);
   --input-radio-default-color-checked: var(--bms-grey-50);
   pointer-events: none;
 }
-.input-radio.disabled input-radio-info[data-v-cb26402d] {
+.input-radio.disabled input-radio-info[data-v-c0c9efa3] {
   color: var(--bms-grey-50);
 }
-.input-radio-info[data-v-cb26402d] {
+.input-radio-info[data-v-c0c9efa3] {
   line-height: 16px;
   cursor: default;
 }
-input[type=radio][data-v-cb26402d] {
+input[type=radio][data-v-c0c9efa3] {
   appearance: none;
   margin: 0;
   border-radius: 50%;
@@ -965,7 +965,7 @@ input[type=radio][data-v-cb26402d] {
   display: grid;
   place-content: center;
 }
-input[type=radio][data-v-cb26402d]::before {
+input[type=radio][data-v-c0c9efa3]::before {
   content: "";
   width: 8px;
   height: 8px;
@@ -974,13 +974,13 @@ input[type=radio][data-v-cb26402d]::before {
   transition: 120ms transform ease-in-out;
   background-color: var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:hover {
+input[type=radio][data-v-c0c9efa3]:hover {
   border: 2px solid var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:checked {
+input[type=radio][data-v-c0c9efa3]:checked {
   border: 2px solid var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:checked::before {
+input[type=radio][data-v-c0c9efa3]:checked::before {
   transform: scale(1);
 }.input-radio-group-wrapper[data-v-186163e2] {
   display: flex;
@@ -1080,65 +1080,6 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .input-toggle[data-v-9570e0a9]:hover {
   cursor: var(--cursor);
-}.field__input[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-grey-50);
-  --field-border-color-active: var(--bms-main-100);
-  --input-background-color: var(--bms-white);
-}
-.field__input .select-wrapper[data-v-6e3f7aab] {
-  width: 100%;
-  padding: 0 0 0 1em;
-  border-radius: var(--bms-border-radius);
-  border: 1px solid var(--field-border-color);
-  background-color: var(--input-background-color);
-  min-height: var(--field-height);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab]:hover {
-  cursor: pointer;
-}
-.field__input .select-wrapper .icon-down-button[data-v-6e3f7aab] {
-  width: 1em;
-  margin: 0 var(--field-padding);
-  display: block;
-}
-.field__input .select-wrapper[data-v-6e3f7aab]:hover {
-  --field-border-color: var(--bms-grey-100);
-}
-.field__input .select-wrapper[data-v-6e3f7aab]:has(input:focus) {
-  --field-border-color: var(--field-border-color-active);
-}
-.field__input .select-wrapper.is-error[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
-}
-.field__input .select-wrapper.is-disabled[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-grey-25);
-  --input-background-color: var(--bms-grey-25);
-  pointer-events: none;
-}
-.field__input .select-wrapper input[data-v-6e3f7aab] {
-  border: none;
-  background-color: transparent;
-  caret-color: transparent;
-  cursor: pointer;
-  outline: none;
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  height: 24px;
-  line-height: 1;
-  width: 100%;
-  height: 100%;
 }.tag[data-v-e2517fee] {
   --tag-border-color: var(--bms-main-100);
   --tag-background-color: transparent;
@@ -1204,33 +1145,136 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .tag .dismiss-button[data-v-e2517fee] .bms-button:hover {
   background-color: var(--tag-background-color);
-}.tags[data-v-9bf5a4d3] {
+}.field__input[data-v-95176719] {
+  --field-border-color: var(--bms-grey-50);
+  --field-border-color-active: var(--bms-main-100);
+  --input-background-color: var(--bms-white);
+}
+.field__input .select-wrapper[data-v-95176719] {
+  width: 100%;
+  padding: 0 0 0 1em;
+  border-radius: var(--bms-border-radius);
+  border: 1px solid var(--field-border-color);
+  background-color: var(--input-background-color);
+  min-height: var(--field-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.field__input .select-wrapper .icon-down-container[data-v-95176719] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.field__input .select-wrapper .icon-down-container[data-v-95176719]:hover {
+  cursor: pointer;
+}
+.field__input .select-wrapper .icon-down-button[data-v-95176719] {
+  width: 1em;
+  margin: 0 var(--field-padding);
+  display: block;
+}
+.field__input .select-wrapper[data-v-95176719]:hover {
+  --field-border-color: var(--bms-grey-100);
+}
+.field__input .select-wrapper[data-v-95176719]:has(input:focus) {
+  --field-border-color: var(--field-border-color-active);
+}
+.field__input .select-wrapper.is-error[data-v-95176719] {
+  --field-border-color: var(--bms-red-100);
+  --input-background-color: var(--bms-red-25);
+}
+.field__input .select-wrapper.is-disabled[data-v-95176719] {
+  --field-border-color: var(--bms-grey-25);
+  --input-background-color: var(--bms-grey-25);
+  pointer-events: none;
+}.tags[data-v-89613f32] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-9bf5a4d3] {
+.tags .search[data-v-89613f32] {
   outline: none;
   border: none;
   background-color: transparent;
   flex-grow: 1;
 }
-.icon-container[data-v-9bf5a4d3] {
+.icon-container[data-v-89613f32] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-9bf5a4d3]:hover {
+.icon-container[data-v-89613f32]:hover {
   cursor: pointer;
 }
-.icon-button[data-v-9bf5a4d3] {
+.icon-container .icon[data-v-89613f32] {
+  display: block;
   width: 1em;
+  height: 1em;
   margin: 0 1em 0 0.5em;
-  display: block;
 }.clean-icon[data-v-66c267f2]:hover {
   cursor: pointer;
+}.field__input[data-v-e159e127] {
+  --field-border-color: var(--bms-grey-50);
+  --field-border-color-active: var(--bms-main-100);
+  --input-background-color: var(--bms-white);
+}
+.field__input .select-wrapper[data-v-e159e127] {
+  width: 100%;
+  padding: 0 0 0 1em;
+  border-radius: var(--bms-border-radius);
+  border: 1px solid var(--field-border-color);
+  background-color: var(--input-background-color);
+  min-height: var(--field-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.field__input .select-wrapper .icon-toggle-container[data-v-e159e127] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.field__input .select-wrapper .icon-toggle-container[data-v-e159e127]:hover {
+  cursor: pointer;
+}
+.field__input .select-wrapper .icon-toggle-button[data-v-e159e127] {
+  width: 1em;
+  margin: 0 var(--field-padding);
+  display: block;
+}
+.field__input .select-wrapper[data-v-e159e127]:hover {
+  --field-border-color: var(--bms-grey-100);
+}
+.field__input .select-wrapper[data-v-e159e127]:has(input:focus) {
+  --field-border-color: var(--field-border-color-active);
+}
+.field__input .select-wrapper.is-error[data-v-e159e127] {
+  --field-border-color: var(--bms-red-100);
+  --input-background-color: var(--bms-red-25);
+}
+.field__input .select-wrapper.is-disabled[data-v-e159e127] {
+  --field-border-color: var(--bms-grey-25);
+  --input-background-color: var(--bms-grey-25);
+  pointer-events: none;
+}
+.field__input .select-wrapper input[data-v-e159e127] {
+  border: none;
+  background-color: transparent;
+  caret-color: transparent;
+  cursor: pointer;
+  outline: none;
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  height: 24px;
+  line-height: 1;
+  width: 100%;
+  height: 100%;
 }.field__input textarea[data-v-14d354f8] {
   display: flex;
   align-items: center;
@@ -1439,17 +1483,17 @@ input[type=radio][data-v-cb26402d]:checked::before {
 .bms-header__subtitle[data-v-1368f77d] {
   margin-top: 0.5em;
   display: inline-block;
-}.overlay[data-v-5004909e] {
+}.overlay[data-v-383b958c] {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
-  z-index: 10;
+  z-index: var(--bms-z-index-modal);
   background: rgba(82, 100, 118, 0.3);
 }
-.priority[data-v-5004909e] {
-  z-index: 20;
+.priority[data-v-383b958c] {
+  z-index: calc(var(--bms-z-index-modal) + 10);
 }.ui-modal[data-v-96b6d748] {
   --modal-header-border-size: 1px;
   --modal-header-color: var(--bms-grey-10);
@@ -1839,7 +1883,7 @@ nav .additional[data-v-731a6d8c] {
   align-items: center;
   min-height: 80px;
   overflow-x: hidden;
-}.menu__container[data-v-79a67d3d] {
+}.menu__container[data-v-02719cac] {
   --menu-margin: 1.5rem;
   position: fixed;
   display: flex;
@@ -1852,44 +1896,44 @@ nav .additional[data-v-731a6d8c] {
   margin: 1.5rem;
   padding: 0;
   border-radius: 0.5rem;
-  z-index: 10;
+  z-index: var(--bms-z-index-fixed);
 }
-.menu__copyright[data-v-79a67d3d] {
+.menu__copyright[data-v-02719cac] {
   position: sticky;
   padding: 1rem;
   text-align: center;
 }
-.menu__copyright-madein[data-v-79a67d3d] {
+.menu__copyright-madein[data-v-02719cac] {
   font-size: 0.75em;
   margin: 0;
   opacity: 0.64;
 }
-.menu__logo[data-v-79a67d3d] {
+.menu__logo[data-v-02719cac] {
   width: 100%;
   object-fit: contain;
   height: 4rem;
   display: block;
 }
-[data-v-79a67d3d] .menu__close {
+[data-v-02719cac] .menu__close {
   position: absolute;
   top: 0;
   margin: 0.5rem;
   right: 0;
 }
-.menu-slide-left-fade-enter-active[data-v-79a67d3d],
-.menu-slide-left-fade-leave-active[data-v-79a67d3d] {
+.menu-slide-left-fade-enter-active[data-v-02719cac],
+.menu-slide-left-fade-leave-active[data-v-02719cac] {
   transition: opacity 0.2s linear;
 }
-.menu-slide-left-fade-enter-from[data-v-79a67d3d],
-.menu-slide-left-fade-leave-to[data-v-79a67d3d] {
+.menu-slide-left-fade-enter-from[data-v-02719cac],
+.menu-slide-left-fade-leave-to[data-v-02719cac] {
   opacity: 0;
 }
-.menu-slide-left-fade-enter-active .menu__container[data-v-79a67d3d],
-.menu-slide-left-fade-leave-active .menu__container[data-v-79a67d3d] {
+.menu-slide-left-fade-enter-active .menu__container[data-v-02719cac],
+.menu-slide-left-fade-leave-active .menu__container[data-v-02719cac] {
   transition: transform 0.2s ease-in-out;
 }
-.menu-slide-left-fade-enter-from .menu__container[data-v-79a67d3d],
-.menu-slide-left-fade-leave-to .menu__container[data-v-79a67d3d] {
+.menu-slide-left-fade-enter-from .menu__container[data-v-02719cac],
+.menu-slide-left-fade-leave-to .menu__container[data-v-02719cac] {
   transform: translate3d(-10%, 0, 0);
 }.tab[data-v-d2f6b84b] {
   --tab-border-color: transparent;
@@ -1929,36 +1973,36 @@ nav .additional[data-v-731a6d8c] {
 .tabs-header a[data-v-f862fbda] {
   position: relative;
   top: 1px;
-}.ui-menu[data-v-9504df98] {
+}.ui-menu[data-v-a5b2b7f5] {
   --ui-menu-width: auto;
   min-width: 100px;
   max-height: 400px;
   width: var(--ui-menu-width, auto);
   width: 400px;
   position: fixed;
-  z-index: 10;
+  z-index: var(--bms-z-index-fixed);
   display: block;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.1s linear;
 }
-.ui-menu.is-matchwidth[data-v-9504df98] {
+.ui-menu.is-matchwidth[data-v-a5b2b7f5] {
   max-width: 100%;
 }
-.ui-menu.is-visible[data-v-9504df98] {
+.ui-menu.is-visible[data-v-a5b2b7f5] {
   pointer-events: all;
   opacity: 1;
 }
-.ui-menu.left[data-v-9504df98] {
+.ui-menu.left[data-v-a5b2b7f5] {
   left: var(--ui-menu-x-position, 0);
 }
-.ui-menu.bottom[data-v-9504df98] {
+.ui-menu.bottom[data-v-a5b2b7f5] {
   top: var(--ui-menu-y-position, 0);
 }
-.ui-menu.top[data-v-9504df98] {
+.ui-menu.top[data-v-a5b2b7f5] {
   bottom: var(--ui-menu-y-position, 0);
 }
-.ui-menu.right[data-v-9504df98] {
+.ui-menu.right[data-v-a5b2b7f5] {
   right: calc(100% - var(--ui-menu-x-position, 0));
 }
 .site-logo {
@@ -2358,42 +2402,42 @@ nav .additional[data-v-731a6d8c] {
 .indicator-scale-leave-from[data-v-6047ada7] {
   opacity: 1;
   transform: scale(1);
-}.filters[data-v-58f3ef61] {
+}.filters[data-v-92161702] {
   padding: 16px;
   background: var(--bms-white);
   border: 1px solid var(--bms-grey-10);
   border-radius: var(--bms-border-radius-large);
   margin-bottom: 16px;
 }
-.filters__header[data-v-58f3ef61] {
+.filters__header[data-v-92161702] {
   display: flex;
   justify-content: space-between;
 }
-.filters__header-title[data-v-58f3ef61] {
+.filters__header-title[data-v-92161702] {
   font-size: 18px;
   font-weight: bold;
   gap: 1rem;
   display: flex;
   align-items: center;
 }
-.filters__inputs[data-v-58f3ef61] {
+.filters__inputs[data-v-92161702] {
   display: flex;
   flex-wrap: wrap;
   padding-top: 16px;
   align-items: flex-end;
   row-gap: 8px;
 }
-.filters__inputs .input[data-v-58f3ef61] {
+.filters__inputs .input[data-v-92161702] {
   width: 25%;
 }
-.filters__inputs .input.large[data-v-58f3ef61] {
+.filters__inputs .input.large[data-v-92161702] {
   width: 50%;
 }
-.filters__inputs .input[data-v-58f3ef61] {
+.filters__inputs .input[data-v-92161702] {
   padding-right: 32px;
-}.table-search[data-v-1a3ad3f2] {
+}.table-search[data-v-bb2d9aca] {
   width: 260px;
-}.table-search[data-v-f2f86c8c] {
+}.table-search[data-v-2f003e4e] {
   width: 260px;
 }.cocarde[data-v-d1c7b421] {
   display: flex;
@@ -2485,7 +2529,7 @@ nav .additional[data-v-731a6d8c] {
 }
 .bms-notification[data-v-2a9037b5] .bms-notification__close-button:hover {
   color: var(--notification-background-color);
-}.bms-notifications[data-v-bbd8ca27] {
+}.bms-notifications[data-v-b20e6fa0] {
   --bms-notifications-width: 360px;
   --bms-notifications-margin: 1em 0 0;
   --bms-notifications-left: initial;
@@ -2502,24 +2546,24 @@ nav .additional[data-v-731a6d8c] {
   top: var(--bms-notifications-top);
   width: 100%;
   max-width: var(--bms-notifications-width);
-  z-index: 20;
+  z-index: var(--bms-z-index-fixed);
 }
-.bms-notifications__item[data-v-bbd8ca27]:not(:first-child) {
+.bms-notifications__item[data-v-b20e6fa0]:not(:first-child) {
   margin: var(--bms-notifications-margin);
 }
-.bms-notifactions-transition-move[data-v-bbd8ca27],
-.bms-notifactions-transition-enter-active[data-v-bbd8ca27],
-.bms-notifactions-transition-leave-active[data-v-bbd8ca27] {
+.bms-notifactions-transition-move[data-v-b20e6fa0],
+.bms-notifactions-transition-enter-active[data-v-b20e6fa0],
+.bms-notifactions-transition-leave-active[data-v-b20e6fa0] {
   transition: all var(--bms-notifications-transition-duration) var(--bms-notifications-transition-timing-function);
 }
-.bms-notifactions-transition-enter-from[data-v-bbd8ca27],
-.bms-notifactions-transition-leave-to[data-v-bbd8ca27] {
+.bms-notifactions-transition-enter-from[data-v-b20e6fa0],
+.bms-notifactions-transition-leave-to[data-v-b20e6fa0] {
   opacity: 0;
 }
-.bms-notifactions-transition-enter-from[data-v-bbd8ca27] {
+.bms-notifactions-transition-enter-from[data-v-b20e6fa0] {
   transform: translateX(var(--bms-notifications-enter-translate));
 }
-.bms-notifactions-transition-leave-active[data-v-bbd8ca27] {
+.bms-notifactions-transition-leave-active[data-v-b20e6fa0] {
   position: absolute;
 }.ui-problem[data-v-411b2e2a] {
   position: relative;
@@ -3045,6 +3089,11 @@ section {
   --bms-information-color: var(--bms-grey-100);
   --bms-disabled-color: var(--bms-grey-50);
   --bms-font-color: var(--bms-grey-100);
+  --bms-z-index-below: -10;
+  --bms-z-index-base: 0;
+  --bms-z-index-fixed: 10;
+  --bms-z-index-tooltip: 20;
+  --bms-z-index-modal: 30;
 }.content[data-v-12e40422] {
   display: flex;
   flex-direction: column;
@@ -3117,6 +3166,9 @@ section {
   --field-margin: 0;
   --field-label-font-weight: normal;
 }
+.field.is-small .field__captions {
+  margin-top: 0.5rem;
+}
 .field.is-error {
   --field-label-color: var(--bms-danger-color);
 }
@@ -3130,7 +3182,7 @@ section {
   margin: 0;
   background: var(--bms-white);
   width: 100%;
-  z-index: 100;
+  z-index: var(--bms-z-index-tooltip);
   max-height: 300px;
   overflow-y: auto;
 }