@ouestfrance/sipa-bms-ui 8.20.0 → 8.22.0

package/dist/sipa-bms-ui.css

@@ -394,6 +394,14 @@
 }
 .circular-progress svg circle[data-v-7869acfb] {
   transition: stroke-dashoffset 0.2s ease-in-out;
+}.bms-ghost[data-v-205789ac] {
+  position: fixed;
+  top: var(--ghost-y, 0);
+  left: var(--ghost-x, 0);
+  z-index: 1000;
+  pointer-events: none;
+  user-select: none;
+  transition: opacity 0.2s ease-in-out;
 }.bms-loader[data-v-7cc96135] {
   font-size: var(--v71df0f7a);
   color: var(--bms-main-100, currentColor);
@@ -403,7 +411,7 @@
   width: 1em;
   height: 1em;
   display: block;
-}.bms-tooltip__text[data-v-bf923418] {
+}.bms-tooltip__text[data-v-4ae8c6bb] {
   --bms-tooltip-background-color: white;
   --bms-tooltip-color: inherit;
   --bms-tooltip-margin: 4px;
@@ -422,7 +430,10 @@
   transform: var(--bms-tooltip-transform);
   overflow-wrap: break-word;
 }
-.bms-tooltip__text[data-v-bf923418]::before {
+.bms-tooltip__text.floating-window__expand-btn__bms-tooltip[data-v-4ae8c6bb] {
+  z-index: calc(var(--bms-z-index-modal) + 1);
+}
+.bms-tooltip__text[data-v-4ae8c6bb]::before {
   content: "";
   position: absolute;
   right: var(--bms-tooltip-indicator-position-right);
@@ -434,56 +445,56 @@
   border-style: solid;
   border-color: var(--bms-tooltip-indicator-border);
 }
-.bms-tooltip__text--top[data-v-bf923418], .bms-tooltip__text--bottom[data-v-bf923418] {
+.bms-tooltip__text--top[data-v-4ae8c6bb], .bms-tooltip__text--bottom[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-left: 50%;
   --bms-tooltip-indicator-position-right: initial;
 }
-.bms-tooltip__text--bottom[data-v-bf923418] {
+.bms-tooltip__text--bottom[data-v-4ae8c6bb] {
   --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-bf923418] {
+.bms-tooltip__text--top[data-v-4ae8c6bb] {
   --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-bf923418], .bms-tooltip__text--right[data-v-bf923418] {
+.bms-tooltip__text--left[data-v-4ae8c6bb], .bms-tooltip__text--right[data-v-4ae8c6bb] {
   --bms-tooltip-indicator-position-top: 50%;
   --bms-tooltip-indicator-position-bottom: initial;
 }
-.bms-tooltip__text--left[data-v-bf923418] {
+.bms-tooltip__text--left[data-v-4ae8c6bb] {
   --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-bf923418] {
+.bms-tooltip__text--right[data-v-4ae8c6bb] {
   --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-bf923418] {
+.tooltip-fade-enter-active[data-v-4ae8c6bb] {
   transition: opacity 0.2s ease;
 }
-.tooltip-fade-enter-from[data-v-bf923418] {
+.tooltip-fade-enter-from[data-v-4ae8c6bb] {
   opacity: 0;
 }
-.tooltip-fade-enter-to[data-v-bf923418] {
+.tooltip-fade-enter-to[data-v-4ae8c6bb] {
   opacity: 1;
 }
-.tooltip-fade-leave-active[data-v-bf923418] {
+.tooltip-fade-leave-active[data-v-4ae8c6bb] {
   transition: opacity 0.3s ease;
 }
-.tooltip-fade-leave-from[data-v-bf923418] {
+.tooltip-fade-leave-from[data-v-4ae8c6bb] {
   opacity: 1;
 }
-.tooltip-fade-leave-to[data-v-bf923418] {
+.tooltip-fade-leave-to[data-v-4ae8c6bb] {
   opacity: 0;
-}.bms-tooltip-anchor-wrapper[data-v-b033f8af] {
+}.bms-tooltip-anchor-wrapper[data-v-5c0e03ac] {
   position: relative;
   display: inline-block;
   outline: none;
@@ -524,7 +535,7 @@ ul li.small[data-v-ba5302fc] {
 }
 ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--bms-grey-10);
-}.input-wrapper[data-v-4c74b915] {
+}.input-wrapper[data-v-d5f058e1] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -534,25 +545,25 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-4c74b915]:hover {
+.input-wrapper[data-v-d5f058e1]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-4c74b915]:has(input:focus) {
+.input-wrapper[data-v-d5f058e1]: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-4c74b915] {
+.input-wrapper.is-error[data-v-d5f058e1] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.input-wrapper.is-disabled[data-v-4c74b915] {
+.input-wrapper.is-disabled[data-v-d5f058e1] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
 }
-.input-wrapper.is-disabled input[data-v-4c74b915] {
+.input-wrapper.is-disabled input[data-v-d5f058e1] {
   cursor: text;
 }
-.input-wrapper .field__input-label[data-v-4c74b915] {
+.input-wrapper .field__input-label[data-v-d5f058e1] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -560,24 +571,24 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-4c74b915] {
+.input-wrapper .field__input-icon[data-v-d5f058e1] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-4c74b915] {
+.input-wrapper .field__input-icon--start[data-v-d5f058e1] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-4c74b915] {
+.input-wrapper .field__input-icon--end[data-v-d5f058e1] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-4c74b915] svg {
+.input-wrapper .field__input-icon[data-v-d5f058e1] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-4c74b915]:empty {
+.input-wrapper .field__input-icon[data-v-d5f058e1]:empty {
   display: none;
 }
-.input-wrapper input[data-v-4c74b915] {
+.input-wrapper input[data-v-d5f058e1] {
   outline: none;
   appearance: none;
   border: 0;
@@ -589,7 +600,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-15343285] {
+}.field__input .autocomplete-wrapper[data-v-46667c72] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -598,22 +609,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-15343285]:hover {
+.field__input .autocomplete-wrapper[data-v-46667c72]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-15343285]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-46667c72]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-15343285] {
+.field__input .autocomplete-wrapper.is-error[data-v-46667c72] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-15343285] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-46667c72] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-15343285] {
+.field__input .autocomplete-wrapper input[data-v-46667c72] {
   outline: none;
   appearance: none;
   border: 0;
@@ -626,7 +637,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-15343285] {
+.icon[data-v-46667c72] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -718,10 +729,10 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
 }
 .chip.orange[data-v-72b945cc]:hover {
   --chip-background-color: var(--bms-orange-50);
-}.file-upload[data-v-c892a845] {
+}.file-upload[data-v-4aaf4346] {
   --drop-color: var(--bms-grey-10);
 }
-.file-upload__label[data-v-c892a845] {
+.file-upload__label[data-v-4aaf4346] {
   display: block;
   padding: 4em 1em;
   text-align: center;
@@ -729,10 +740,10 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   border: 1px dashed var(--bms-border-color);
   background: var(--drop-color);
 }
-.file-upload__label[data-v-c892a845]:hover {
+.file-upload__label[data-v-4aaf4346]:hover {
   --drop-color: var(--bms-grey-25);
 }
-.file-upload__drop-area input[type=file][data-v-c892a845] {
+.file-upload__drop-area input[type=file][data-v-4aaf4346] {
   opacity: 0;
   position: absolute;
   pointer-events: none;
@@ -740,10 +751,10 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 0;
   height: 0;
 }
-.file-upload__drop-area.is-active[data-v-c892a845] {
+.file-upload__drop-area.is-active[data-v-4aaf4346] {
   --drop-color: var(--bms-main-25);
 }
-.file-upload__file[data-v-c892a845] {
+.file-upload__file[data-v-4aaf4346] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -752,13 +763,13 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   border: 1px solid var(--bms-grey-25);
   background: var(--bms-grey-10);
 }
-.file-upload__file-name[data-v-c892a845] {
+.file-upload__file-name[data-v-4aaf4346] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   flex: 1 1 auto;
 }
-.file-upload__file .button[data-v-c892a845] {
+.file-upload__file .button[data-v-4aaf4346] {
   flex: 0 0 auto;
 }.input-checkbox[data-v-e1d94c62] {
   --input-checkbox-default-color: var(--bms-grey-100);
@@ -1202,14 +1213,14 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
-}.tags[data-v-b8b817ba] {
+}.tags[data-v-970d00fe] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-b8b817ba] {
+.tags .search[data-v-970d00fe] {
   outline: none;
   border: none;
   background-color: transparent;
@@ -1217,35 +1228,35 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   flex-basis: 40px;
   width: 100%;
 }
-.icon-container[data-v-b8b817ba] {
+.icon-container[data-v-970d00fe] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-b8b817ba]:hover {
+.icon-container[data-v-970d00fe]:hover {
   cursor: pointer;
 }
-.icon-container .icon[data-v-b8b817ba] {
+.icon-container .icon[data-v-970d00fe] {
   display: block;
   width: 1em;
   height: 1em;
   margin: 0 1em 0 0.5em;
 }.clean-icon[data-v-66c267f2]:hover {
   cursor: pointer;
-}.field__input .icon-toggle-container[data-v-7aef9c6c] {
+}.field__input .icon-toggle-container[data-v-fa4e9db0] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.field__input .icon-toggle-container[data-v-7aef9c6c]:hover {
+.field__input .icon-toggle-container[data-v-fa4e9db0]:hover {
   cursor: pointer;
 }
-.field__input .icon-toggle-button[data-v-7aef9c6c] {
+.field__input .icon-toggle-button[data-v-fa4e9db0] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.field__input input[data-v-7aef9c6c] {
+.field__input input[data-v-fa4e9db0] {
   border: none;
   background-color: transparent;
   caret-color: transparent;
@@ -1415,7 +1426,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-fdb4e567] {
+}.floating-window-wrapper[data-v-3023af4c] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1429,35 +1440,62 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__drag-overlay[data-v-3023af4c] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: var(--bms-z-index-modal);
+  pointer-events: all;
+  cursor: grabbing;
+}
+.floating-window-wrapper .floating-window[data-v-3023af4c] {
   background-color: var(--bms-white);
-  height: 100%;
-  width: 100%;
   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: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);
   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] {
+  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] {
+  cursor: default;
+}
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-3023af4c]:active {
+  cursor: default;
 }
-.floating-window-wrapper .floating-window__header[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window--dragging[data-v-3023af4c] {
+  transition: none;
+}
+.floating-window-wrapper .floating-window__header[data-v-3023af4c] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--bms-grey-10);
-  padding: 1em;
+  padding: 0.5em;
+  cursor: grab;
+  user-select: none;
+}
+.floating-window-wrapper .floating-window__header[data-v-3023af4c]:active {
+  cursor: grabbing;
 }
-.floating-window-wrapper .floating-window__header h2[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__header__title[data-v-3023af4c] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-fdb4e567] {
+.floating-window-wrapper .floating-window__content[data-v-3023af4c] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-fdb4e567] {
+.floating-window[data-v-3023af4c] {
     max-height: 300px;
     max-width: 80%;
 }
@@ -1655,53 +1693,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-0aa0f55f] {
+}.split-window[data-v-4d48c930] {
   display: grid;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.split-window__pane[data-v-0aa0f55f] {
+.split-window__pane[data-v-4d48c930] {
   display: flex;
   max-height: 100%;
   overflow: hidden;
 }
-.split-window__separator[data-v-0aa0f55f] {
+.split-window__separator[data-v-4d48c930] {
   position: relative;
   z-index: var(--bms-z-index-fixed);
 }
-.split-window__separator[data-v-0aa0f55f]:before {
+.split-window__separator[data-v-4d48c930]:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
 }
-.split-window__separator[data-v-0aa0f55f]:focus-within:before {
+.split-window__separator[data-v-4d48c930]:focus-within:before {
   outline: 2px solid black;
 }
-.split-window--vertical .split-window__separator[data-v-0aa0f55f] {
+.split-window--vertical .split-window__separator[data-v-4d48c930] {
   height: 100%;
   width: 0;
 }
-.split-window--vertical .split-window__separator[data-v-0aa0f55f]:before {
+.split-window--vertical .split-window__separator[data-v-4d48c930]:before {
   content: "";
   width: 8px;
   height: 100%;
   transform: translate(-50%, 0);
   cursor: col-resize;
 }
-.split-window--horizontal .split-window__separator[data-v-0aa0f55f] {
+.split-window--horizontal .split-window__separator[data-v-4d48c930] {
   height: 0;
   width: 100%;
 }
-.split-window--horizontal .split-window__separator[data-v-0aa0f55f]:before {
+.split-window--horizontal .split-window__separator[data-v-4d48c930]:before {
   content: "";
   width: 100%;
   height: 8px;
   transform: translate(0, -50%);
   cursor: row-resize;
 }
-.split-window--dragging .split-window__separator[data-v-0aa0f55f]:before {
+.split-window--dragging .split-window__separator[data-v-4d48c930]:before {
   position: fixed;
   top: 0;
   left: 0;
@@ -2488,38 +2526,38 @@ nav .additional[data-v-8b4752b4] {
 .indicator-scale-leave-from[data-v-6047ada7] {
   opacity: 1;
   transform: scale(1);
-}.filters[data-v-4a441463] {
+}.filters[data-v-94b8e913] {
   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-4a441463] {
+.filters__header[data-v-94b8e913] {
   display: flex;
   justify-content: space-between;
 }
-.filters__header-title[data-v-4a441463] {
+.filters__header-title[data-v-94b8e913] {
   font-size: 18px;
   font-weight: bold;
   gap: 1rem;
   display: flex;
   align-items: center;
 }
-.filters__inputs[data-v-4a441463] {
+.filters__inputs[data-v-94b8e913] {
   display: flex;
   flex-wrap: wrap;
   padding-top: 16px;
   align-items: flex-end;
   row-gap: 8px;
 }
-.filters__inputs .input[data-v-4a441463] {
+.filters__inputs .input[data-v-94b8e913] {
   width: 25%;
 }
-.filters__inputs .input.large[data-v-4a441463] {
+.filters__inputs .input.large[data-v-94b8e913] {
   width: 50%;
 }
-.filters__inputs .input[data-v-4a441463] {
+.filters__inputs .input[data-v-94b8e913] {
   padding-right: 32px;
 }.table-search[data-v-c27df335] {
   width: 260px;
@@ -2811,320 +2849,6 @@ section {
 .u-text-align-end {
   text-align: end;
 }
-:root body {
-  /* theme name */
-  --formkit-theme: genesis;
-  /* typography */
-  --fk-font-family: var(--bms-font-family);
-  --fk-font-family-input: var(--fk-font-family);
-  --fk-font-family-label: var(--fk-font-family);
-  --fk-font-family-legend: var(--fk-font-family-label);
-  --fk-font-family-option: var(--fk-font-family-input);
-  --fk-font-family-help: var(--fk-font-family);
-  --fk-font-family-message: var(--fk-font-family);
-  --fk-font-weight: 400;
-  --fk-font-weight-input: var(--fk-font-weight);
-  --fk-font-weight-label: 700;
-  --fk-font-weight-legend: var(--fk-font-weight-label, bold);
-  --fk-font-weight-help: var(--fk-font-weight);
-  --fk-font-weight-option: var(--fk-font-weight);
-  --fk-font-weight-message: var(--fk-font-weight);
-  --fk-line-height: 1.1;
-  --fk-line-height-label: var(--fk-line-height);
-  --fk-line-height-help: var(--fk-line-height);
-  --fk-line-height-option: var(--fk-line-height);
-  --fk-line-height-message: var(--fk-line-height);
-  --fk-line-height-textarea: var(--fk-line-height);
-  --fk-line-height-input: 1.125em; /* Important to ensure equal height inputs. */
-  --fk-line-height-button: 1.3;
-  /* Structure */
-  --fk-max-width-input: 48em;
-  --fk-box-size: 0.875em;
-  /* Colors */
-  --fk-color-primary: var(--bms-main-100);
-  --fk-color-checked: var(--fk-color-primary);
-  --fk-color-input: var(--bms-font-color);
-  --fk-color-border: var(--bms-grey-50);
-  --fk-color-border-focus: var(--fk-color-primary);
-  --fk-color-border-shadow: var(--bms-main-10);
-  --fk-color-danger: var(--bms-red-100);
-  --fk-color-error: var(--fk-color-danger);
-  --fk-color-placeholder: var(--bms-grey-100);
-  --fk-color-disabled: var(--bms-disabled-color);
-  --fk-color-help: var(--bms-grey-100);
-  /* --fk-color-message: inherit; */
-  --fk-color-icon: var(--bms-grey-100);
-  --fk-color-icon-minor: var(--bms-grey-100);
-  --fk-color-button: #fff;
-  --fk-color-button-hover: #fff;
-  --fk-color-submit: var(--fk-color-button);
-  --fk-color-submit-hover: var(--fk-color-button-hover);
-  --fk-color-range-track: var(--fk-color-border);
-  --fk-color-range-thumb: var(--fk-color-primary);
-  --fk-bg-input: transparent;
-  --fk-bg-disabled: var(--bms-disabled-color);
-  --fk-bg-decorator: transparent;
-  --fk-bg-button: var(--fk-color-primary);
-  --fk-bg-button-hover: var(--fk-bg-button);
-  --fk-bg-submit: var(--fk-bg-button);
-  --fk-bg-submit-hover: var(--fk-bg-submit);
-  /* Borders */
-  --fk-border-width: 1px;
-  --fk-border-width-decorator: var(--fk-border-width);
-  --fk-border-width-focus: 1px;
-  --fk-border-width-checked: 1px;
-  --fk-border-width-decorator-checked: 1px;
-  --fk-border-width-decorator-focus: var(--fk-border-width-decorator-checked);
-  --fk-border-width-decorator-focus-visible: var(--fk-border-width-focus);
-  --fk-border-style: solid;
-  --fk-border: var(--fk-border-width) var(--fk-border-style)
-    var(--fk-color-border);
-  --fk-border-focus: var(--fk-border-width-focus) var(--fk-border-style)
-    var(--fk-color-border-focus);
-  --fk-border-decorator: var(--fk-border-width-decorator)
-    var(--fk-border-style) var(--fk-color-border);
-  --fk-border-decorator-focus: var(--fk-border-width-focus)
-    var(--fk-border-style) var(--fk-color-border-focus);
-  --fk-border-decorator-focus-visible: var(
-      --fk-border-width-decorator-focus-visible
-    )
-    var(--fk-border-style) var(--fk-color-border-focus);
-  --fk-border-decorator-checked: var(--fk-border-width-checked)
-    var(--fk-border-style) var(--fk-color-border-focus);
-  --fk-border-box-shadow: 0 0 0 var(--fk-border-width) var(--fk-color-border);
-  --fk-border-box-shadow-focus: 0 0 0 var(--fk-border-width-focus)
-      var(--fk-color-border-focus),
-    0 0 2px 2px var(--fk-color-border-shadow);
-  --fk-border-box-shadow-decorator: 0 0 0 var(--fk-border-width-decorator);
-  --fk-border-box-shadow-decorator-focus: 0 0 0
-    var(--fk-border-width-decorator-focus) var(--fk-color-border-focus);
-  --fk-border-box-shadow-decorator-focus-visible: 0 0 0
-    var(--fk-border-width-decorator-focus-visible)
-    var(--fk-color-border-focus);
-  --fk-border-box-shadow-decorator-checked: 0 0 0
-    var(--fk-border-width-decorator-checked) var(--fk-color-border-focus);
-  --fk-border-radius-tl: 4px;
-  --fk-border-radius-tr: 4px;
-  --fk-border-radius-bl: 4px;
-  --fk-border-radius-br: 4px;
-  --fk-border-radius: var(--fk-border-radius-tl, 4px)
-    var(--fk-border-radius-tr, 4px) var(--fk-border-radius-br, 4px)
-    var(--fk-border-radius-bl, 4px);
-  --fk-border-radius-full: 999em;
-  /* Padding */
-  --fk-padding-base: calc(0.25em - 1px / 3);
-  --fk-padding-input-x: calc(var(--fk-padding-base) * 3);
-  --fk-padding-input-y: calc(var(--fk-padding-base) * 3);
-  --fk-padding-input-t: var(--fk-padding-input-y, 0);
-  --fk-padding-input-r: var(--fk-padding-input-x, 0);
-  --fk-padding-input-b: var(--fk-padding-input-y, 0);
-  --fk-padding-input-l: var(--fk-padding-input-x, 0);
-  --fk-padding-input: var(--fk-padding-input-t) var(--fk-padding-input-r)
-    var(--fk-padding-input-b) var(--fk-padding-input-l);
-  --fk-padding-label-x: inherit;
-  --fk-padding-label-y: inherit;
-  --fk-padding-label-t: var(--fk-padding-label-y, 0);
-  --fk-padding-label-r: var(--fk-padding-label-x, 0);
-  --fk-padding-label-b: var(--fk-padding-label-y, 0.5em);
-  --fk-padding-label-l: var(--fk-padding-label-x, 0);
-  --fk-padding-label: var(--fk-padding-label-t) var(--fk-padding-label-r)
-    var(--fk-padding-label-b) var(--fk-padding-label-l);
-  --fk-padding-help-x: inherit;
-  --fk-padding-help-y: var(--fk-padding-base);
-  --fk-padding-help-t: var(--fk-padding-help-y, 0);
-  --fk-padding-help-r: var(--fk-padding-help-x, 0);
-  --fk-padding-help-b: var(--fk-padding-help-y, 0);
-  --fk-padding-help-l: var(--fk-padding-help-x, 0);
-  --fk-padding-help: var(--fk-padding-help-t) var(--fk-padding-help-r)
-    var(--fk-padding-help-b) var(--fk-padding-help-l);
-  --fk-padding-option-x: inherit;
-  --fk-padding-option-y: inherit;
-  --fk-padding-option-t: var(--fk-padding-option-y, 0);
-  --fk-padding-option-r: var(--fk-padding-option-x, 0);
-  --fk-padding-option-b: var(--fk-padding-option-y, 0);
-  --fk-padding-option-l: var(--fk-padding-option-x, 0);
-  --fk-padding-option: var(--fk-padding-option-t) var(--fk-padding-option-r)
-    var(--fk-padding-option-b) var(--fk-padding-option-l);
-  --fk-padding-messages-x: inherit;
-  --fk-padding-messages-y: inherit;
-  --fk-padding-messages-t: var(
-    --fk-padding-messages-y,
-    var(--fk-padding-base)
-  );
-  --fk-padding-messages-r: var(--fk-padding-messages-x, 0);
-  --fk-padding-messages-b: var(--fk-padding-messages-y, 0);
-  --fk-padding-messages-l: var(--fk-padding-messages-x, 0);
-  --fk-padding-messages: var(--fk-padding-messages-t)
-    var(--fk-padding-messages-r) var(--fk-padding-messages-b)
-    var(--fk-padding-messages-l);
-  --fk-padding-message-x: inherit;
-  --fk-padding-message-y: var(--fk-padding-base);
-  --fk-padding-message-t: var(--fk-padding-message-y, 0);
-  --fk-padding-message-r: var(--fk-padding-message-x, 0);
-  --fk-padding-message-b: var(--fk-padding-message-y, 0);
-  --fk-padding-message-l: var(--fk-padding-message-x, 0);
-  --fk-padding-message: var(--fk-padding-message-t)
-    var(--fk-padding-message-r) var(--fk-padding-message-b)
-    var(--fk-padding-message-l);
-  --fk-padding-legend-x: 0.25em;
-  --fk-padding-legend-y: 0.25em;
-  --fk-padding-legend-t: var(--fk-padding-legend-y);
-  --fk-padding-legend-r: var(--fk-padding-legend-x);
-  --fk-padding-legend-b: var(--fk-padding-legend-y);
-  --fk-padding-legend-l: var(--fk-padding-legend-x);
-  --fk-padding-legend: var(--fk-padding-legend-t) var(--fk-padding-legend-r)
-    var(--fk-padding-legend-b) var(--fk-padding-legend-l);
-  --fk-padding-fieldset-x: var(--fk-padding-input-x);
-  --fk-padding-fieldset-y: var(--fk-padding-input-y);
-  --fk-padding-fieldset-t: var(--fk-padding-fieldset-y);
-  --fk-padding-fieldset-r: var(--fk-padding-fieldset-x);
-  --fk-padding-fieldset-b: var(--fk-padding-fieldset-y);
-  --fk-padding-fieldset-l: var(--fk-padding-fieldset-x);
-  --fk-padding-fieldset: var(--fk-padding-fieldset-t)
-    var(--fk-padding-fieldset-r) var(--fk-padding-fieldset-b)
-    var(--fk-padding-fieldset-l);
-  --fk-padding-decorator-x: inherit;
-  --fk-padding-decorator-y: var(--fk-padding-base);
-  --fk-padding-decorator-t: var(--fk-padding-decorator-y, 1.25em);
-  --fk-padding-decorator-r: var(--fk-padding-decorator-x, 1.25em);
-  --fk-padding-decorator-b: var(--fk-padding-decorator-y, 1.25em);
-  --fk-padding-decorator-l: var(--fk-padding-decorator-x, 1.25em);
-  --fk-padding-decorator: var(--fk-padding-decorator-t)
-    var(--fk-padding-decorator-r) var(--fk-padding-decorator-b)
-    var(--fk-padding-decorator-l);
-  --fk-padding-button-x: calc(var(--fk-padding-base) * 8);
-  --fk-padding-button-y: calc(var(--fk-padding-base) * 3);
-  --fk-padding-button-t: var(--fk-padding-button-y);
-  --fk-padding-button-r: var(--fk-padding-button-x);
-  --fk-padding-button-b: var(--fk-padding-button-y);
-  --fk-padding-button-l: var(--fk-padding-button-x);
-  --fk-padding-button: var(--fk-padding-button-t) var(--fk-padding-button-r)
-    var(--fk-padding-button-b) var(--fk-padding-button-l);
-  /* Margin */
-  --fk-margin-base: 0.5em;
-  --fk-margin-outer-x: inherit;
-  --fk-margin-outer-y: inherit;
-  --fk-margin-outer-t: var(--fk-margin-outer-y, 0);
-  --fk-margin-outer-r: var(--fk-margin-outer-x, 0);
-  --fk-margin-outer-b: var(
-    --fk-margin-outer-y,
-    calc(var(--fk-margin-base) * 2)
-  );
-  --fk-margin-outer-l: var(--fk-margin-outer-x, 0);
-  --fk-margin-outer: var(--fk-margin-outer-t) var(--fk-margin-outer-r)
-    var(--fk-margin-outer-b) var(--fk-margin-outer-l);
-  --fk-margin-wrapper-x: inherit;
-  --fk-margin-wrapper-y: inherit;
-  --fk-margin-wrapper-t: var(--fk-margin-wrapper-y, 0);
-  --fk-margin-wrapper-r: var(--fk-margin-wrapper-x, 0);
-  --fk-margin-wrapper-b: var(--fk-margin-wrapper-y, 0);
-  --fk-margin-wrapper-l: var(--fk-margin-wrapper-x, 0);
-  --fk-margin-wrapper: var(--fk-margin-wrapper-t) var(--fk-margin-wrapper-r)
-    var(--fk-margin-wrapper-b) var(--fk-margin-wrapper-l);
-  --fk-margin-input-x: inherit;
-  --fk-margin-input-y: inherit;
-  --fk-margin-input-t: var(--fk-margin-input-y, 0);
-  --fk-margin-input-r: var(--fk-margin-input-x, 0);
-  --fk-margin-input-b: var(--fk-margin-input-y, 0);
-  --fk-margin-input-l: var(--fk-margin-input-x, 0);
-  --fk-margin-input: var(--fk-margin-input-t) var(--fk-margin-input-r)
-    var(--fk-margin-input-b) var(--fk-margin-input-l);
-  --fk-margin-label-x: inherit;
-  --fk-margin-label-y: 0;
-  --fk-margin-label-t: var(--fk-margin-label-y, 0);
-  --fk-margin-label-r: var(--fk-margin-label-x, 0);
-  --fk-margin-label-b: var(--fk-margin-label-y, var(--fk-margin-base));
-  --fk-margin-label-l: var(--fk-margin-label-x, 0);
-  --fk-margin-label: var(--fk-margin-label-t) var(--fk-margin-label-r)
-    var(--fk-margin-label-b) var(--fk-margin-label-l);
-  --fk-margin-help-x: inherit;
-  --fk-margin-help-y: 0.3em;
-  --fk-margin-help-t: var(--fk-margin-help-y, 0);
-  --fk-margin-help-r: var(--fk-margin-help-x, 0);
-  --fk-margin-help-b: 0;
-  --fk-margin-help-l: var(--fk-margin-help-x, 0);
-  --fk-margin-help: var(--fk-margin-help-t) var(--fk-margin-help-r)
-    var(--fk-margin-help-b) var(--fk-margin-help-l);
-  --fk-margin-option-x: inherit;
-  --fk-margin-option-y: inherit;
-  --fk-margin-option-t: var(--fk-margin-option-y, 0);
-  --fk-margin-option-r: var(--fk-margin-option-x, 0);
-  --fk-margin-option-b: var(--fk-margin-option-y, 0.625em);
-  --fk-margin-option-l: var(--fk-margin-option-x, 0);
-  --fk-margin-option: var(--fk-margin-option-t) var(--fk-margin-option-r)
-    var(--fk-margin-option-b) var(--fk-margin-option-l);
-  --fk-margin-message-x: inherit;
-  --fk-margin-message-y: inherit;
-  --fk-margin-message-t: var(--fk-margin-message-y, 0);
-  --fk-margin-message-r: var(--fk-margin-message-x, 0);
-  --fk-margin-message-b: var(--fk-margin-message-y, 0);
-  --fk-margin-message-l: var(--fk-margin-message-x, 0);
-  --fk-margin-message: var(--fk-margin-message-t) var(--fk-margin-message-r)
-    var(--fk-margin-message-b) var(--fk-margin-message-l);
-  --fk-margin-legend-x: 0em;
-  --fk-margin-legend-y: inherit;
-  --fk-margin-legend-t: var(--fk-margin-legend-y, 0);
-  --fk-margin-legend-r: var(--fk-margin-legend-x, 0);
-  --fk-margin-legend-b: var(--fk-margin-legend-y, 0);
-  --fk-margin-legend-l: var(--fk-margin-legend-x, 0);
-  --fk-margin-legend: var(--fk-margin-legend-t) var(--fk-margin-legend-r)
-    var(--fk-margin-legend-b) var(--fk-margin-legend-l);
-  --fk-margin-fieldset-x: inherit;
-  --fk-margin-fieldset-y: inherit;
-  --fk-margin-fieldset-t: var(--fk-margin-fieldset-y, 0);
-  --fk-margin-fieldset-r: var(--fk-margin-fieldset-x, 0);
-  --fk-margin-fieldset-b: var(--fk-margin-fieldset-y, 0);
-  --fk-margin-fieldset-l: var(--fk-margin-fieldset-x, 0);
-  --fk-margin-fieldset: var(--fk-margin-fieldset-t)
-    var(--fk-margin-fieldset-r) var(--fk-margin-fieldset-b)
-    var(--fk-margin-fieldset-l);
-  --fk-margin-decorator-x: inherit;
-  --fk-margin-decorator-y: inherit;
-  --fk-margin-decorator-t: var(--fk-margin-decorator-y, 0);
-  --fk-margin-decorator-r: var(--fk-margin-decorator-x, 0.5em);
-  --fk-margin-decorator-b: var(--fk-margin-decorator-y, 0);
-  --fk-margin-decorator-l: var(--fk-margin-decorator-x, 0);
-  --fk-margin-decorator: var(--fk-margin-decorator-t)
-    var(--fk-margin-decorator-r) var(--fk-margin-decorator-b)
-    var(--fk-margin-decorator-l);
-  --fk-margin-button-x: inherit;
-  --fk-margin-button-y: inherit;
-  --fk-margin-button-t: var(--fk-margin-button-y, 0);
-  --fk-margin-button-r: var(--fk-margin-button-x, 0.5em);
-  --fk-margin-button-b: var(--fk-margin-button-y, 0);
-  --fk-margin-button-l: var(--fk-margin-button-x, 0);
-  --fk-margin-button: var(--fk-margin-button-t) var(--fk-margin-button-r)
-    var(--fk-margin-button-b) var(--fk-margin-button-l);
-  /* default icons */
-  --fk-icon-close: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxsaW5lIHgxPSIxOCIgeTE9IjYiIHgyPSI2IiB5Mj0iMTgiPjwvbGluZT4KICA8bGluZSB4MT0iNiIgeTE9IjYiIHgyPSIxOCIgeTI9IjE4Ij48L2xpbmU +
-    Cjwvc3ZnPg==;
-  --fk-icon-down: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwb2x5bGluZSBwb2ludHM9IjYgOSAxMiAxNSAxOCA5Ij48L3BvbHlsaW5lPgo8L3N2Zz4=;
-  --fk-icon-fileDoc: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xNC41IDJINmEyIDIgMCAwIDAtMiAydjE2YTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlY3LjVMMTQuNSAyeiI +
-    PC9wYXRoPgogIDxwb2x5bGluZSBwb2ludHM9IjE0IDIgMTQgOCAyMCA4Ij48L3BvbHlsaW5lPgogIDxsaW5lIHgxPSIxNiIgeTE9IjEzIiB4Mj0iOCIgeTI9IjEzIj48L2xpbmU +
-    CiAgPGxpbmUgeDE9IjE2IiB5MT0iMTciIHgyPSI4IiB5Mj0iMTciPjwvbGluZT4KICA8bGluZSB4MT0iMTAiIHkxPSI5IiB4Mj0iOCIgeTI9IjkiPjwvbGluZT4KPC9zdmc +;
-  --fk-icon-check: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPgo8L3N2Zz4=;
-  --fk-icon-circle: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI +
-    PGNpcmNsZSBmaWxsPSJjdXJyZW50Q29sb3IiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIvPjwvc3ZnPg==;
-  /* icons by location name */
-  --fk-icon-fileItem: var(--fk-icon-fileDoc);
-  --fk-icon-fileRemove: var(--fk-icon-close);
-  --fk-icon-noFiles: var(--fk-icon-fileDoc);
-  --fk-icon-select: var(--fk-icon-down);
-  --fk-icon-checkboxDecorator: var(--fk-icon-check);
-  --fk-icon-radioDecorator: var(--fk-icon-circle);
-}
-[data-type=checkbox] .formkit-input ~ .formkit-decorator .formkit-icon,
-[data-type=radio] .formkit-input ~ .formkit-decorator .formkit-icon {
-  padding: 2px;
-}
-[data-type=radio] .formkit-input ~ .formkit-decorator .formkit-icon {
-  padding: 3px;
-}
-[data-invalid] .formkit-inner {
-  --fk-color-border-focus: var(--fk-color-danger);
-  --fk-color-border-shadow: var(--bms-red-10);
-  box-shadow: 0 0 0 var(--fk-border-width-focus) var(--fk-color-border-focus), 0 0 2px 2px var(--fk-color-border-shadow);
-}
 :root {
   --bms-grey-140: #333333;
   --bms-grey-100: #526476;