@ouestfrance/sipa-bms-ui 8.52.1 → 8.52.2

package/dist/sipa-bms-ui.css

@@ -834,7 +834,7 @@ ul li.small[data-v-1f890483] {
 }
 ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   background-color: light-dark(var(--bms-grey-10), var(--bms-grey-100));
-}.input-wrapper[data-v-2754a042] {
+}.input-wrapper[data-v-900562f6] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -844,28 +844,28 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-2754a042]:hover {
+.input-wrapper[data-v-900562f6]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-2754a042]:has(input:focus) {
+.input-wrapper[data-v-900562f6]:has(input:focus) {
   box-shadow: 0 0 4px 4px light-dark(var(--bms-main-25), var(--bms-main-140));
   --field-border-color: var(--field-border-color-active);
 }
-.input-wrapper.is-error[data-v-2754a042] {
+.input-wrapper.is-error[data-v-900562f6] {
   --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
+  --input-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.input-wrapper.is-disabled[data-v-2754a042] {
+.input-wrapper.is-disabled[data-v-900562f6] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --input-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
 }
-.input-wrapper.is-disabled input[data-v-2754a042] {
+.input-wrapper.is-disabled input[data-v-900562f6] {
   cursor: text;
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.input-wrapper .field__input-label[data-v-2754a042] {
+.input-wrapper .field__input-label[data-v-900562f6] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -873,24 +873,24 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-2754a042] {
+.input-wrapper .field__input-icon[data-v-900562f6] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-2754a042] {
+.input-wrapper .field__input-icon--start[data-v-900562f6] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-2754a042] {
+.input-wrapper .field__input-icon--end[data-v-900562f6] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-2754a042] svg {
+.input-wrapper .field__input-icon[data-v-900562f6] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-2754a042]:empty {
+.input-wrapper .field__input-icon[data-v-900562f6]:empty {
   display: none;
 }
-.input-wrapper input[data-v-2754a042] {
+.input-wrapper input[data-v-900562f6] {
   outline: none;
   appearance: none;
   border: 0;
@@ -902,7 +902,7 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-09e80b2e] {
+}.field__input .autocomplete-wrapper[data-v-5264a2f4] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -911,27 +911,27 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-09e80b2e]:hover {
+.field__input .autocomplete-wrapper[data-v-5264a2f4]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-09e80b2e]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-5264a2f4]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-09e80b2e] {
+.field__input .autocomplete-wrapper.is-error[data-v-5264a2f4] {
   --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
+  --input-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-09e80b2e] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-5264a2f4] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --input-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper.is-disabled input[data-v-09e80b2e]:disabled {
+.field__input .autocomplete-wrapper.is-disabled input[data-v-5264a2f4]:disabled {
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.field__input .autocomplete-wrapper input[data-v-09e80b2e] {
+.field__input .autocomplete-wrapper input[data-v-5264a2f4] {
   outline: none;
   appearance: none;
   border: 0;
@@ -944,7 +944,7 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-09e80b2e] {
+.icon[data-v-5264a2f4] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -983,7 +983,7 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   margin-left: 0;
   position: relative;
   padding: 0.2em 1em;
-}.chip[data-v-72b945cc] {
+}.chip[data-v-b673fa47] {
   --chip-color: transparent;
   --chip-background-color: transparent;
   display: flex;
@@ -995,46 +995,46 @@ ul li[data-v-1f890483]:hover, ul li.selected[data-v-1f890483] {
   background-color: var(--chip-background-color);
   cursor: default;
 }
-.chip.green[data-v-72b945cc] {
+.chip.green[data-v-b673fa47] {
   --chip-color: var(--bms-green-100);
   --chip-background-color: var(--bms-green-25);
 }
-.chip.green[data-v-72b945cc]:hover {
+.chip.green[data-v-b673fa47]:hover {
   --chip-background-color: var(--bms-green-50);
 }
-.chip.red[data-v-72b945cc] {
+.chip.red[data-v-b673fa47] {
   --chip-color: var(--bms-red-100);
-  --chip-background-color: var(--bms-red-25);
+  --chip-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.chip.red[data-v-72b945cc]:hover {
-  --chip-background-color: var(--bms-red-50);
+.chip.red[data-v-b673fa47]:hover {
+  --chip-background-color: light-dark(var(--bms-red-50), var(--bms-red-100));
 }
-.chip.purple[data-v-72b945cc] {
+.chip.purple[data-v-b673fa47] {
   --chip-color: var(--bms-main-analog-100);
   --chip-background-color: var(--bms-main-analog-25);
 }
-.chip.purple[data-v-72b945cc]:hover {
+.chip.purple[data-v-b673fa47]:hover {
   --chip-background-color: var(--bms-main-analog-50);
 }
-.chip.blue[data-v-72b945cc] {
+.chip.blue[data-v-b673fa47] {
   --chip-color: var(--bms-main-100);
   --chip-background-color: var(--bms-main-25);
 }
-.chip.blue[data-v-72b945cc]:hover {
+.chip.blue[data-v-b673fa47]:hover {
   --chip-background-color: var(--bms-main-50);
 }
-.chip.grey[data-v-72b945cc] {
+.chip.grey[data-v-b673fa47] {
   --chip-color: var(--bms-grey-100);
   --chip-background-color: var(--bms-grey-25);
 }
-.chip.grey[data-v-72b945cc]:hover {
+.chip.grey[data-v-b673fa47]:hover {
   --chip-background-color: var(--bms-grey-50);
 }
-.chip.orange[data-v-72b945cc] {
+.chip.orange[data-v-b673fa47] {
   --chip-color: var(--bms-orange-100);
   --chip-background-color: var(--bms-orange-25);
 }
-.chip.orange[data-v-72b945cc]:hover {
+.chip.orange[data-v-b673fa47]:hover {
   --chip-background-color: var(--bms-orange-50);
 }.file-upload[data-v-4aaf4346] {
   --drop-color: var(--bms-grey-10);
@@ -1142,7 +1142,7 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
 }
 .input-checkbox-group-wrapper.column[data-v-43978315] {
   flex-direction: column;
-}.input-checkbox-caption[data-v-88b3d8ef] {
+}.input-checkbox-caption[data-v-629668a5] {
   --input-checkbox-caption-border-color: var(--bms-grey-25);
   --input-checkbox-caption-background-color: transparent;
   display: flex;
@@ -1154,21 +1154,21 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   border-radius: 4px;
   background-color: var(--input-checkbox-caption-background-color);
 }
-.input-checkbox-caption .group-caption[data-v-88b3d8ef] {
+.input-checkbox-caption .group-caption[data-v-629668a5] {
   cursor: default;
   margin-left: 20px;
   font-size: 14px;
 }
-.input-checkbox-caption[data-v-88b3d8ef]:hover {
+.input-checkbox-caption[data-v-629668a5]:hover {
   --input-checkbox-caption-border-color: var(--bms-main-100);
 }
-.input-checkbox-caption.disabled[data-v-88b3d8ef] {
+.input-checkbox-caption.disabled[data-v-629668a5] {
   --input-checkbox-caption-border-color: var(--bms-grey-50);
   --input-checkbox-caption-background-color: var(--bms-grey-25);
 }
-.input-checkbox-caption.error[data-v-88b3d8ef] {
+.input-checkbox-caption.error[data-v-629668a5] {
   --input-checkbox-caption-border-color: var(--bms-red-100);
-  --input-checkbox-caption-background-color: var(--bms-red-25);
+  --input-checkbox-caption-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }.input-checkbox-group-caption-wrapper[data-v-3768fc44] {
   display: flex;
   gap: 1em;
@@ -1181,25 +1181,25 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   width: 100%;
   overflow: auto;
   border-radius: 4px;
-}.file-upload[data-v-b0f75afd] {
+}.file-upload[data-v-fc192db1] {
   --drop-color: var(--bms-grey-10);
   --drop-border: 1px dashed var(--bms-grey-50);
 }
-.file-upload[data-v-b0f75afd] .field__wrapper {
+.file-upload[data-v-fc192db1] .field__wrapper {
   width: 100%;
   min-width: 0;
 }
-.file-upload .is-disabled[data-v-b0f75afd] {
+.file-upload .is-disabled[data-v-fc192db1] {
   --drop-color: var(--bms-field-disabled-background);
   --drop-border: 1px solid var(--bms-field-disabled-border-color);
   color: var(--bms-field-disabled-text-color);
   pointer-events: none;
 }
-.file-upload .is-error[data-v-b0f75afd] {
-  --drop-color: var(--bms-red-25);
+.file-upload .is-error[data-v-fc192db1] {
+  --drop-color: light-dark(var(--bms-red-25), var(--bms-red-140));
   --drop-border: 1px solid var(--bms-red-100);
 }
-.file-upload__drop-area[data-v-b0f75afd] {
+.file-upload__drop-area[data-v-fc192db1] {
   display: block;
   padding: calc(4 * var(--field-padding)) var(--field-padding);
   text-align: center;
@@ -1208,15 +1208,15 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   background: var(--drop-color);
   cursor: pointer;
 }
-.file-upload__drop-area[data-v-b0f75afd]:active, .file-upload__drop-area__active[data-v-b0f75afd] {
+.file-upload__drop-area[data-v-fc192db1]:active, .file-upload__drop-area__active[data-v-fc192db1] {
   --drop-color: transparent;
   --drop-border: 1px solid var(--bms-main-100);
 }
-.file-upload__drop-area[data-v-b0f75afd]:hover, .file-upload__drop-area__hover[data-v-b0f75afd] {
+.file-upload__drop-area[data-v-fc192db1]:hover, .file-upload__drop-area__hover[data-v-fc192db1] {
   --drop-color: var(--bms-main-10);
   --drop-border: 1px dashed var(--bms-grey-100);
 }
-.file-upload__drop-area input[type=file][data-v-b0f75afd] {
+.file-upload__drop-area input[type=file][data-v-fc192db1] {
   opacity: 0;
   position: absolute;
   pointer-events: none;
@@ -1224,18 +1224,18 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   width: 0;
   height: 0;
 }
-.file-upload__drop-area.is-active[data-v-b0f75afd] {
+.file-upload__drop-area.is-active[data-v-fc192db1] {
   --drop-color: var(--bms-main-25);
 }
-.file-upload__drop-area.wide[data-v-b0f75afd] {
+.file-upload__drop-area.wide[data-v-fc192db1] {
   width: 100%;
 }
-.file-upload__file-list[data-v-b0f75afd] {
+.file-upload__file-list[data-v-fc192db1] {
   display: flex;
   width: 100%;
   gap: 1em;
 }
-.file-upload__file[data-v-b0f75afd] {
+.file-upload__file[data-v-fc192db1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1246,21 +1246,21 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   background: var(--bms-grey-10);
   position: relative;
 }
-.file-upload__file.wide[data-v-b0f75afd] {
+.file-upload__file.wide[data-v-fc192db1] {
   width: 100%;
   height: 300px;
 }
-.file-upload__file-img[data-v-b0f75afd] {
+.file-upload__file-img[data-v-fc192db1] {
   max-width: 100%;
   max-height: 100%;
 }
-.file-upload__file-name[data-v-b0f75afd] {
+.file-upload__file-name[data-v-fc192db1] {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   flex: 1 1 auto;
 }
-.file-upload__file[data-v-b0f75afd] .close-button {
+.file-upload__file[data-v-fc192db1] .close-button {
   position: absolute;
   top: 0;
   right: 0;
@@ -1323,7 +1323,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .input-radio-group-wrapper.column[data-v-186163e2] {
   flex-direction: column;
-}.input-radio-caption[data-v-59486e84] {
+}.input-radio-caption[data-v-bd427f70] {
   --input-radio-caption-border-color: var(--bms-grey-25);
   --input-radio-caption-background-color: transparent;
   display: flex;
@@ -1335,21 +1335,21 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   border-radius: 4px;
   background-color: var(--input-radio-caption-background-color);
 }
-.input-radio-caption .group-caption[data-v-59486e84] {
+.input-radio-caption .group-caption[data-v-bd427f70] {
   cursor: default;
   margin-left: 20px;
   font-size: 14px;
 }
-.input-radio-caption[data-v-59486e84]:hover {
+.input-radio-caption[data-v-bd427f70]:hover {
   --input-radio-caption-border-color: var(--bms-main-100);
 }
-.input-radio-caption.disabled[data-v-59486e84] {
+.input-radio-caption.disabled[data-v-bd427f70] {
   --input-radio-caption-border-color: var(--bms-grey-50);
   --input-radio-caption-background-color: var(--bms-grey-25);
 }
-.input-radio-caption.error[data-v-59486e84] {
+.input-radio-caption.error[data-v-bd427f70] {
   --input-radio-caption-border-color: var(--bms-red-100);
-  --input-radio-caption-background-color: var(--bms-red-25);
+  --input-radio-caption-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }.input-radio-group-caption-wrapper[data-v-a4287904] {
   display: flex;
   gap: 1em;
@@ -1501,12 +1501,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .tag .dismiss-button[data-v-e5e0c8c0] .bms-button:hover {
   background-color: var(--tag-background-color);
-}.field__input[data-v-da165f92] {
+}.field__input[data-v-51849379] {
   --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-da165f92] {
+.field__input .select-wrapper[data-v-51849379] {
   width: 100%;
   padding: 0 0 0 var(--field-padding);
   border-radius: var(--bms-border-radius);
@@ -1517,23 +1517,23 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   justify-content: space-between;
 }
-.field__input .select-wrapper[data-v-da165f92]:hover {
+.field__input .select-wrapper[data-v-51849379]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .select-wrapper[data-v-da165f92]:has(input:focus) {
+.field__input .select-wrapper[data-v-51849379]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .select-wrapper.is-error[data-v-da165f92] {
+.field__input .select-wrapper.is-error[data-v-51849379] {
   --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
+  --input-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.field__input .select-wrapper.is-disabled[data-v-da165f92] {
+.field__input .select-wrapper.is-disabled[data-v-51849379] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --input-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
   pointer-events: none;
 }
-.field__input .select-wrapper.is-disabled input[data-v-da165f92]:disabled {
+.field__input .select-wrapper.is-disabled input[data-v-51849379]:disabled {
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }.tags[data-v-873ece7e] {
@@ -1593,12 +1593,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   line-height: 1;
   width: 100%;
   height: 100%;
-}.select-wrapper[data-v-7df0bce4] {
+}.select-wrapper[data-v-efca4a28] {
   --field-border-color: light-dark(var(--bms-grey-50), var(--bms-grey-140));
   --field-border-color-active: var(--bms-main-100);
   --input-background-color: var(--bms-white);
 }
-.select-wrapper .field__input-label[data-v-7df0bce4] {
+.select-wrapper .field__input-label[data-v-efca4a28] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -1606,7 +1606,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.select-wrapper .select-input[data-v-7df0bce4] {
+.select-wrapper .select-input[data-v-efca4a28] {
   width: 100%;
   padding: 0 0 0 var(--field-padding);
   border-radius: var(--bms-border-radius);
@@ -1617,19 +1617,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   justify-content: space-between;
 }
-.select-wrapper .select-input.has-icon[data-v-7df0bce4] {
+.select-wrapper .select-input.has-icon[data-v-efca4a28] {
   gap: 5px;
 }
-.select-wrapper .select-input .field__input-icon[data-v-7df0bce4] {
+.select-wrapper .select-input .field__input-icon[data-v-efca4a28] {
   display: flex;
 }
-.select-wrapper .select-input .field__input-icon--start[data-v-7df0bce4] {
+.select-wrapper .select-input .field__input-icon--start[data-v-efca4a28] {
   margin-right: 0.5em;
 }
-.select-wrapper .select-input .field__input-icon--end[data-v-7df0bce4] {
+.select-wrapper .select-input .field__input-icon--end[data-v-efca4a28] {
   margin-left: 0.5em;
 }
-.select-wrapper .select-input input[data-v-7df0bce4] {
+.select-wrapper .select-input input[data-v-efca4a28] {
   border: none;
   background-color: transparent;
   flex-grow: 1;
@@ -1645,62 +1645,62 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   width: 100%;
   height: 100%;
 }
-.select-wrapper .select-input__tags[data-v-7df0bce4] {
+.select-wrapper .select-input__tags[data-v-efca4a28] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
 }
-.select-wrapper .select-input__tags[data-v-7df0bce4]:not(:empty) {
+.select-wrapper .select-input__tags[data-v-efca4a28]:not(:empty) {
   margin-right: 0.5em;
 }
-.select-wrapper .select-input[data-v-7df0bce4]:hover {
+.select-wrapper .select-input[data-v-efca4a28]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.select-wrapper .select-input[data-v-7df0bce4]:has(input:focus) {
+.select-wrapper .select-input[data-v-efca4a28]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.select-wrapper .select-input.is-error[data-v-7df0bce4] {
+.select-wrapper .select-input.is-error[data-v-efca4a28] {
   --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
+  --input-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.select-wrapper .select-input.is-disabled[data-v-7df0bce4] {
+.select-wrapper .select-input.is-disabled[data-v-efca4a28] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --input-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
   pointer-events: none;
 }
-.select-wrapper .select-input.is-disabled input[data-v-7df0bce4]:disabled {
+.select-wrapper .select-input.is-disabled input[data-v-efca4a28]:disabled {
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.select-wrapper .icon-container[data-v-7df0bce4] {
+.select-wrapper .icon-container[data-v-efca4a28] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.select-wrapper .icon-container[data-v-7df0bce4]:hover {
+.select-wrapper .icon-container[data-v-efca4a28]:hover {
   cursor: pointer;
 }
-.select-wrapper .icon-button[data-v-7df0bce4] {
+.select-wrapper .icon-button[data-v-efca4a28] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.combobox-option[data-v-7df0bce4] {
+.combobox-option[data-v-efca4a28] {
   display: flex;
   align-items: center;
   gap: 0.5em;
 }
-.combobox-option__check[data-v-7df0bce4] {
+.combobox-option__check[data-v-efca4a28] {
   width: 1em;
   display: flex;
   justify-content: center;
 }
-.combobox-option--select-all[data-v-7df0bce4] {
+.combobox-option--select-all[data-v-efca4a28] {
   font-weight: 600;
   width: 100%;
-}.textarea-wrapper[data-v-3dc80e4b] {
+}.textarea-wrapper[data-v-4e3fd82c] {
   position: relative;
   width: 100%;
   padding: var(--field-padding);
@@ -1708,37 +1708,37 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   border: 1px solid var(--field-border-color);
   background-color: var(--textarea-background-color);
 }
-.textarea-wrapper[data-v-3dc80e4b]:hover {
+.textarea-wrapper[data-v-4e3fd82c]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.textarea-wrapper[data-v-3dc80e4b]:focus-within {
+.textarea-wrapper[data-v-4e3fd82c]:focus-within {
   --field-border-color: var(--field-border-color-active);
 }
-.textarea-wrapper.is-error[data-v-3dc80e4b] {
+.textarea-wrapper.is-error[data-v-4e3fd82c] {
   --field-border-color: var(--bms-red-100);
-  --textarea-background-color: var(--bms-red-25);
+  --textarea-background-color: light-dark(var(--bms-red-25), var(--bms-red-140));
 }
-.textarea-wrapper.is-disabled[data-v-3dc80e4b] {
+.textarea-wrapper.is-disabled[data-v-4e3fd82c] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --textarea-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
 }
-.textarea-wrapper.is-disabled textarea[data-v-3dc80e4b] {
+.textarea-wrapper.is-disabled textarea[data-v-4e3fd82c] {
   cursor: text;
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.textarea-wrapper.is-small textarea[data-v-3dc80e4b] {
+.textarea-wrapper.is-small textarea[data-v-4e3fd82c] {
   min-height: 46px;
 }
-.textarea-wrapper.is-auto-resize textarea[data-v-3dc80e4b] {
+.textarea-wrapper.is-auto-resize textarea[data-v-4e3fd82c] {
   resize: none;
   overflow: hidden;
 }
-.textarea-wrapper:has(.field__input-icon--start:not(:empty)) textarea[data-v-3dc80e4b] {
+.textarea-wrapper:has(.field__input-icon--start:not(:empty)) textarea[data-v-4e3fd82c] {
   text-indent: 1.8em;
 }
-.textarea-wrapper textarea[data-v-3dc80e4b] {
+.textarea-wrapper textarea[data-v-4e3fd82c] {
   display: block;
   width: 100%;
   outline: none;
@@ -1751,7 +1751,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   resize: vertical;
   min-height: 80px;
 }
-.textarea-wrapper .field__input-icon[data-v-3dc80e4b] {
+.textarea-wrapper .field__input-icon[data-v-4e3fd82c] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1759,10 +1759,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   display: flex;
   align-items: flex-start;
 }
-.textarea-wrapper .field__input-icon[data-v-3dc80e4b]:empty {
+.textarea-wrapper .field__input-icon[data-v-4e3fd82c]:empty {
   display: none;
 }
-.textarea-wrapper .field__input-icon[data-v-3dc80e4b] svg {
+.textarea-wrapper .field__input-icon[data-v-4e3fd82c] svg {
   width: 1em;
   height: 1em;
   display: block;
@@ -3556,18 +3556,18 @@ section {
   margin: 8px;
   font-weight: bold;
 }
-@keyframes blink-animation-c5826002 {
+@keyframes blink-animation-93b87b2a {
 0% {
-    background-color: var(--bms-main-25);
+    background-color: light-dark(var(--bms-main-25), var(--bms-main-140));
 }
 50% {
-    background-color: var(--bms-main-10);
+    background-color: light-dark(var(--bms-main-10), var(--bms-main-100));
 }
 100% {
-    background-color: var(--bms-main-25);
+    background-color: light-dark(var(--bms-main-25), var(--bms-main-140));
 }
 }
-.skeleton[data-v-c5826002] {
+.skeleton[data-v-93b87b2a] {
   /* background-color: var(--bms-main-25); */
   min-height: var(--field-height);
   border-radius: var(--bms-border-radius);
@@ -3575,7 +3575,7 @@ section {
   width: 100%;
   /* opacity: 0.7; */
   /* transition: background-color 1000ms linear; */
-  animation: blink-animation-c5826002 2s steps(10, start) infinite alternate;
+  animation: blink-animation-93b87b2a 2s steps(10, start) infinite alternate;
 }
 .field {
   --field-border-color: light-dark(var(--bms-grey-50), var(--bms-grey-100));