@mozaic-ds/web-components 0.2.0 → 0.4.0

package/public/bricoman/components/datatable/DataTable.svelte

@@ -114,6 +114,9 @@
   let indeterminate = false;
   let datatableDiv: HTMLDivElement;
 
+  let thSelection: HTMLElement;
+  let thSubRow: HTMLElement;
+
   $: parsedTableOptions = tableoptions
     ? (JSON.parse(tableoptions) as TableOptions)
     : undefined;
@@ -162,7 +165,16 @@
     5, 10, 15, 20,
   ];
   $: showAllPages = parsedTableOptions?.showAllPages ?? false;
-
+  $: activateSettings = parsedTableOptions?.activateSettings ?? false;
+  $: applyButtonSettingsLabel =
+    parsedTableOptions?.applyButtonSettingsLabel ?? 'Apply';
+  $: resetButtonSettingsLabel =
+    parsedTableOptions?.resetButtonSettingsLabel ?? 'Reset';
+  $: fixedFirstColumn = parsedTableOptions?.fixedFirstColumn ?? false;
+  $: fixedFirstColumnLabel =
+    parsedTableOptions?.fixedFirstColumnLabel ?? 'Fix the first column';
+
+  // Update to reactive ($:)
   onMount(() => {
     window.addEventListener('resize', () => {
       maxHeight =
@@ -209,19 +221,21 @@
       );
     }
     items.map((item) => {
-      const button = datatableDiv.querySelector('#cell-button-' + item.id);
-      const link = datatableDiv.querySelector('#cell-link-' + item.id);
-      if (button) {
-        button.addEventListener('click', (event: any) => {
-          dispatchCustomEvent('click-cell-button', item.id);
-          event.stopPropagation();
-        });
-      }
-      if (link) {
-        link.addEventListener('click', (event: any) => {
-          dispatchCustomEvent('click-cell-link', item.id);
-          event.stopPropagation();
-        });
+      if (datatableDiv) {
+        const button = datatableDiv.querySelector('#cell-button-' + item.id);
+        const link = datatableDiv.querySelector('#cell-link-' + item.id);
+        if (button) {
+          button.addEventListener('click', (event: any) => {
+            dispatchCustomEvent('click-cell-button', item.id);
+            event.stopPropagation();
+          });
+        }
+        if (link) {
+          link.addEventListener('click', (event: any) => {
+            dispatchCustomEvent('click-cell-link', item.id);
+            event.stopPropagation();
+          });
+        }
       }
     });
   });
@@ -240,6 +254,31 @@
       event,
     });
   }
+
+  function getLeftValueFixFirstColumn(): number {
+    let value = 0;
+    if (itemsSelection && thSelection) {
+      value += thSelection.clientWidth;
+    }
+    if (hasSubRow && thSubRow) {
+      value += thSubRow.clientWidth;
+    }
+    return value;
+  }
+
+  function findFirstHeadTitleNotHide(): HeadData[] {
+    return headTitles.filter((headTitle) => !headTitle.hideColumn);
+  }
+
+  function reorderColumns(data: any): void {
+    fixedFirstColumn = data.fixedFirstColumn;
+    headTitles = [...data.headTitle];
+    dispatchCustomEvent('columns-order', {
+      headers: headTitles,
+      firstColumnFixed: fixedFirstColumn,
+    });
+  }
+
   function handleSortClick(useOnePageSorting: boolean, headTitle: HeadData) {
     const columnIsSorted = isSorted(headTitle.id);
     const sortDirection = columnIsSorted
@@ -359,9 +398,17 @@
                 dispatchCustomEvent('click-primary-action')}
               on:click-secondary-action={() =>
                 dispatchCustomEvent('click-secondary-action')}
+              on:apply-new-columns-order={(event) =>
+                reorderColumns(event.detail)}
               {e2eAttributeSuffix}
               {dataTableId}
               {searchPlaceholder}
+              {headTitles}
+              {activateSettings}
+              {applyButtonSettingsLabel}
+              {resetButtonSettingsLabel}
+              {fixedFirstColumn}
+              {fixedFirstColumnLabel}
             /></slot
           >
         </div>
@@ -421,11 +468,12 @@
                 {#if itemsSelection}
                   <th
                     scope="col"
-                    class="mc-datatable__cell-checkbox"
+                    class="mc-datatable__cell-checkbox mc-datatable__fix-first-column"
                     {...getDataAttribute(
                       e2eAttributeSuffix,
                       'columnHead-selection',
                     )}
+                    bind:this={thSelection}
                   >
                     <div class="mc-checkbox">
                       <input
@@ -446,49 +494,65 @@
                   </th>
                 {/if}
                 {#if hasSubRow}
-                  <th scope="col" class="mc-datatable__cell-button">&nbsp;</th
+                  <th
+                    scope="col"
+                    class="mc-datatable__cell-button mc-datatable__fix-first-column"
+                    bind:this={thSubRow}
+                    style:left={`${
+                      itemsSelection && thSelection
+                        ? thSelection.clientWidth
+                        : 0
+                    }px`}>&nbsp;</th
                   >{/if}
                 {#each headTitles as headTitle}
-                  {#if headTitle.sortable}
-                    <th
-                      scope="col"
-                      {...getDataAttribute(
-                        e2eAttributeSuffix,
-                        `columnHead-${headTitle.id}`,
-                      )}
-                    >
-                      <button
-                        class="mc-datatable__sort mc-datatable__btn"
-                        type="button"
-                        on:click={() =>
-                          handleSortClick(useOnePageSorting, headTitle)}
+                  {#if !headTitle.hideColumn}
+                    {#if headTitle.sortable}
+                      <th
+                        scope="col"
+                        {...getDataAttribute(
+                          e2eAttributeSuffix,
+                          `columnHead-${headTitle.id}`,
+                        )}
+                        class:mc-datatable__fix-first-column={fixedFirstColumn &&
+                          findFirstHeadTitleNotHide()[0].id === headTitle.id}
+                        style:left={`${getLeftValueFixFirstColumn()}px`}
                       >
-                        <span class="mc-datatable__sort-label">
-                          <span class="visually-hidden">Sort by</span
-                          >{headTitle.label}
-                        </span>
-
-                        <span
-                          class={`mc-datatable__sort-arrow${
-                            isSorted(headTitle.id)
-                              ? ` is-sorted-${sortParams.direction}`
-                              : ``
-                          }`}
-                        />
-                      </button>
-                    </th>
-                  {:else}
-                    <th
-                      scope="col"
-                      {...getDataAttribute(
-                        e2eAttributeSuffix,
-                        `columnHead-${headTitle.id}`,
-                      )}
-                    >
-                      <span class="mc-datatable__head-label"
-                        >{headTitle.label}</span
+                        <button
+                          class="mc-datatable__sort mc-datatable__btn"
+                          type="button"
+                          on:click={() =>
+                            handleSortClick(useOnePageSorting, headTitle)}
+                        >
+                          <span class="mc-datatable__sort-label">
+                            <span class="visually-hidden">Sort by</span
+                            >{headTitle.label}
+                          </span>
+
+                          <span
+                            class={`mc-datatable__sort-arrow${
+                              isSorted(headTitle.id)
+                                ? ` is-sorted-${sortParams.direction}`
+                                : ``
+                            }`}
+                          />
+                        </button>
+                      </th>
+                    {:else}
+                      <th
+                        scope="col"
+                        {...getDataAttribute(
+                          e2eAttributeSuffix,
+                          `columnHead-${headTitle.id}`,
+                        )}
+                        class:mc-datatable__fix-first-column={fixedFirstColumn &&
+                          headTitles[0].id === headTitle.id}
+                        style:left={`${getLeftValueFixFirstColumn()}px`}
                       >
-                    </th>
+                        <span class="mc-datatable__head-label"
+                          >{headTitle.label}</span
+                        >
+                      </th>
+                    {/if}
                   {/if}
                 {/each}
                 {#if optionsButton}
@@ -535,6 +599,7 @@
                         e2eAttributeSuffix,
                         `lineHead-item-${itemIndex + 1}`,
                       )}
+                      class="mc-datatable__fix-first-column"
                     >
                       <div class="mc-checkbox">
                         <input
@@ -560,6 +625,12 @@
                         e2eAttributeSuffix,
                         `subRowButton-item-${itemIndex + 1}`,
                       )}
+                      class="mc-datatable__fix-first-column"
+                      style:left={`${
+                        itemsSelection && thSelection
+                          ? thSelection.clientWidth
+                          : 0
+                      }px`}
                     >
                       {#if 'subRow' in item}
                         <button
@@ -586,15 +657,20 @@
                     </td>{/if}
 
                   {#each headTitles as headTitle}
-                    <td
-                      {...getDataAttribute(
-                        e2eAttributeSuffix,
-                        `item-${itemIndex + 1}-${headTitle.id}`,
-                      )}
-                      style={`text-align:${headTitle.textAlign}`}
-                    >
-                      {@html getCellContent(headTitle, item)}
-                    </td>
+                    {#if !headTitle.hideColumn}
+                      <td
+                        {...getDataAttribute(
+                          e2eAttributeSuffix,
+                          `item-${itemIndex + 1}-${headTitle.id}`,
+                        )}
+                        style={`text-align:${headTitle.textAlign}`}
+                        class:mc-datatable__fix-first-column={fixedFirstColumn &&
+                          findFirstHeadTitleNotHide()[0].id === headTitle.id}
+                        style:left={`${getLeftValueFixFirstColumn()}px`}
+                      >
+                        {@html getCellContent(headTitle, item)}
+                      </td>
+                    {/if}
                   {/each}
                   {#if optionsButton}
                     <td class="mc-datatable__cell-button">
@@ -709,6 +785,13 @@
     --table-max-height: 200px;
   }
 
+  .mc-datatable__fix-first-column {
+    position: sticky;
+    z-index: 1;
+    background-color: white;
+    left: 0;
+  }
+
   .mc-datatable__row-parent {
     cursor: pointer;
   }
@@ -717,6 +800,11 @@
     display: flex;
   }
 
+  .mc-datatable__fixed-column {
+    position: sticky;
+    background-color: white;
+  }
+
   .max-height-table {
     overflow: auto;
     thead {

package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as t,s as m,Q as a,c as o,e as i,d as s,g as l,h as r,z as n,b as j,j as c,U as b,l as d,m as v,n as h,o as p,H as f}from"../../index-17a01ab4.js";import{E as x}from"../../EventHandler-316af043.js";import{g,k as w}from"../../DataTableUtilities-60220c78.js";function u(e){a(e,"svelte-16ajmmj",'.svelte-16ajmmj.svelte-16ajmmj,.svelte-16ajmmj.svelte-16ajmmj::after,.svelte-16ajmmj.svelte-16ajmmj::before{-webkit-box-sizing:inherit;box-sizing:inherit}button.svelte-16ajmmj.svelte-16ajmmj{border:0}input.svelte-16ajmmj.svelte-16ajmmj,button.svelte-16ajmmj.svelte-16ajmmj{font:inherit;padding:0}button.svelte-16ajmmj.svelte-16ajmmj{-webkit-appearance:none;-moz-appearance:none;appearance:none}[hidden].svelte-16ajmmj.svelte-16ajmmj{display:none !important}.mc-badge.svelte-16ajmmj.svelte-16ajmmj{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-16ajmmj.svelte-16ajmmj::first-letter{text-transform:uppercase}.mc-badge--success.svelte-16ajmmj.svelte-16ajmmj{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-16ajmmj.svelte-16ajmmj{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-16ajmmj.svelte-16ajmmj{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-16ajmmj.svelte-16ajmmj{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}.mc-button.svelte-16ajmmj.svelte-16ajmmj{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#120949;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#161cb6;color:#ffffff}.mc-button.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#161cb6}.mc-button.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-16ajmmj.svelte-16ajmmj,.mc-button.svelte-16ajmmj.svelte-16ajmmj:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--s.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--s.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-16ajmmj.svelte-16ajmmj{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:2rem;height:2rem}.mc-button--l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full.svelte-16ajmmj.svelte-16ajmmj{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-16ajmmj.svelte-16ajmmj{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-16ajmmj.svelte-16ajmmj:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-16ajmmj.svelte-16ajmmj:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-16ajmmj.svelte-16ajmmj:only-child{margin:0}.mc-button__label.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02.svelte-16ajmmj.svelte-16ajmmj{background-color:#ff5800}.mc-button--solid-primary-02.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-primary-02.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#b83f00}.mc-button--solid-primary-02.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-primary-02.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#421700}.mc-button--solid-primary-02.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--solid-primary-02.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-16ajmmj.svelte-16ajmmj{background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-neutral.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#191919}.mc-button--solid-neutral.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-neutral.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#333333}.mc-button--solid-neutral.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--solid-neutral.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-16ajmmj.svelte-16ajmmj{background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-danger.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#8c0003}.mc-button--solid-danger.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--solid-danger.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#8c0003}.mc-button--solid-danger.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--solid-danger.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-16ajmmj.svelte-16ajmmj{color:#120949;border-color:#120949;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#e5e7fa;color:#161cb6}.mc-button--bordered.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#b8bef4;color:#130f7b}.mc-button--bordered.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--bordered.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-16ajmmj.svelte-16ajmmj{color:#ff5800;border-color:#ff5800;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-primary-02.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#ffe1d1;color:#ff5800}.mc-button--bordered-primary-02.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-primary-02.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#ffab80}.mc-button--bordered-primary-02.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-16ajmmj.svelte-16ajmmj{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-neutral.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-neutral.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--bordered-neutral.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-16ajmmj.svelte-16ajmmj{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-danger.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-danger.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-button--bordered-danger.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-16ajmmj.svelte-16ajmmj:disabled,.mc-button--bordered-danger.is-disabled.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--s\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--m\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--l\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m.svelte-16ajmmj.svelte-16ajmmj{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--s\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--m\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--l\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l.svelte-16ajmmj.svelte-16ajmmj{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-16ajmmj.svelte-16ajmmj{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--s\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--m\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--l\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--s\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--m\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:first-child,.mc-button--l\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-16ajmmj .mc-button__icon.svelte-16ajmmj:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-datatable__btn.svelte-16ajmmj.svelte-16ajmmj{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-datatable__btn-label.svelte-16ajmmj.svelte-16ajmmj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-datatable__btn-icon.svelte-16ajmmj.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-datatable__sort.svelte-16ajmmj.svelte-16ajmmj{font-weight:600;font-size:0.75rem;line-height:1.3333333333;color:#191919;text-transform:uppercase;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;font-family:inherit;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.mc-datatable__sort-arrow.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:1.5rem;-ms-flex-pack:distribute;justify-content:space-around;margin-left:0.5rem;width:1.5rem}.mc-datatable__sort-arrow.svelte-16ajmmj.svelte-16ajmmj::after,.mc-datatable__sort-arrow.svelte-16ajmmj.svelte-16ajmmj::before{background-color:#cccccc;content:"";-ms-flex-negative:0;flex-shrink:0;height:0.5rem;width:0.75rem}.mc-datatable__sort-arrow.svelte-16ajmmj.svelte-16ajmmj::before{-webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%);clip-path:polygon(50% 0%, 0% 100%, 100% 100%)}.mc-datatable__sort-arrow.svelte-16ajmmj.svelte-16ajmmj::after{-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%)}.mc-datatable__options.svelte-16ajmmj.svelte-16ajmmj{width:1.5rem;height:1.5rem}.mc-datatable__topbar.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.mc-datatable__topbar.svelte-16ajmmj.svelte-16ajmmj,.mc-datatable__topbar-edition.svelte-16ajmmj.svelte-16ajmmj,.mc-datatable__topbar-actions.svelte-16ajmmj.svelte-16ajmmj{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-datatable__topbar-edition.svelte-16ajmmj.svelte-16ajmmj,.mc-datatable__topbar-actions.svelte-16ajmmj.svelte-16ajmmj{-ms-flex-wrap:wrap;flex-wrap:wrap}.mc-datatable__topbar-edition.svelte-16ajmmj.svelte-16ajmmj{-ms-flex-negative:0;flex-shrink:0}.mc-datatable__topbar-actions.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}.mc-datatable__filters.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;display:block;width:100%;position:relative;border:1px solid #808080;color:#333333;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number].svelte-16ajmmj.svelte-16ajmmj::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-16ajmmj.svelte-16ajmmj::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-16ajmmj.svelte-16ajmmj{-moz-appearance:textfield}.mc-text-input[type=search].svelte-16ajmmj.svelte-16ajmmj::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-16ajmmj.svelte-16ajmmj::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj::placeholder{margin:0;color:#808080;opacity:1}.mc-text-input.is-valid.svelte-16ajmmj.svelte-16ajmmj,.mc-text-input.is-invalid.svelte-16ajmmj.svelte-16ajmmj{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid.svelte-16ajmmj.svelte-16ajmmj{border-color:#46a610;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+")}.mc-text-input.is-valid.svelte-16ajmmj.svelte-16ajmmj:hover,.mc-text-input.is-valid.is-hover.svelte-16ajmmj.svelte-16ajmmj{border-color:#035010}.mc-text-input.is-invalid.svelte-16ajmmj.svelte-16ajmmj{border-color:#c61112;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==")}.mc-text-input.is-invalid.svelte-16ajmmj.svelte-16ajmmj:hover,.mc-text-input.is-invalid.is-hover.svelte-16ajmmj.svelte-16ajmmj{border-color:#530000}.mc-text-input.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-text-input.svelte-16ajmmj.svelte-16ajmmj:hover{border-color:#191919}.mc-text-input.is-focus.svelte-16ajmmj.svelte-16ajmmj,.mc-text-input.svelte-16ajmmj.svelte-16ajmmj:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-text-input.svelte-16ajmmj.svelte-16ajmmj:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#808080;cursor:not-allowed}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-16ajmmj.svelte-16ajmmj{position:relative}.mc-left-icon-input__icon.svelte-16ajmmj.svelte-16ajmmj{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#808080;pointer-events:none}.mc-left-icon-input.svelte-16ajmmj .mc-left-icon-input__icon.svelte-16ajmmj{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-16ajmmj .mc-left-icon-input__input.svelte-16ajmmj{padding-left:2.9375rem}.mc-link.svelte-16ajmmj.svelte-16ajmmj{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link.svelte-16ajmmj.svelte-16ajmmj:focus{outline:none}.mc-link.svelte-16ajmmj.svelte-16ajmmj:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-link.is-visited.svelte-16ajmmj.svelte-16ajmmj,.mc-link.svelte-16ajmmj.svelte-16ajmmj:visited{color:#333333}.mc-link.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-link.svelte-16ajmmj.svelte-16ajmmj:hover{color:#666666}.mc-link.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-link.svelte-16ajmmj.svelte-16ajmmj:active{color:#333333}.mc-link.is-disabled.svelte-16ajmmj.svelte-16ajmmj{color:#e6e6e6;cursor:not-allowed}.mc-link--s.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857}.mc-link--m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375}.mc-link.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon.svelte-16ajmmj.svelte-16ajmmj{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light.svelte-16ajmmj.svelte-16ajmmj{color:#ffffff}.mc-link--light.is-visited.svelte-16ajmmj.svelte-16ajmmj,.mc-link--light.svelte-16ajmmj.svelte-16ajmmj:visited{color:#cccccc}.mc-link--light.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-link--light.svelte-16ajmmj.svelte-16ajmmj:hover{color:#999999}.mc-link--light.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-link--light.svelte-16ajmmj.svelte-16ajmmj:active{color:#cccccc}.mc-link--light.is-disabled.svelte-16ajmmj.svelte-16ajmmj{color:#e6e6e6;cursor:not-allowed}.mc-link--primary.svelte-16ajmmj.svelte-16ajmmj{color:#ff5800}.mc-link--primary.is-visited.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary.svelte-16ajmmj.svelte-16ajmmj:visited{color:#ff5800}.mc-link--primary.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary.svelte-16ajmmj.svelte-16ajmmj:hover{color:#b83f00}.mc-link--primary.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary.svelte-16ajmmj.svelte-16ajmmj:active{color:#ff5800}.mc-link--primary.is-disabled.svelte-16ajmmj.svelte-16ajmmj{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02.svelte-16ajmmj.svelte-16ajmmj{color:#b83f00}.mc-link--primary-02.is-visited.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary-02.svelte-16ajmmj.svelte-16ajmmj:visited{color:#943300}.mc-link--primary-02.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary-02.svelte-16ajmmj.svelte-16ajmmj:hover{color:#421700}.mc-link--primary-02.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-link--primary-02.svelte-16ajmmj.svelte-16ajmmj:active{color:#943300}.mc-link--primary-02.is-disabled.svelte-16ajmmj.svelte-16ajmmj{color:#e6e6e6;cursor:not-allowed}.mc-link--danger.svelte-16ajmmj.svelte-16ajmmj{color:#c61112}.mc-link--danger.is-visited.svelte-16ajmmj.svelte-16ajmmj,.mc-link--danger.svelte-16ajmmj.svelte-16ajmmj:visited{color:#8c0003}.mc-link--danger.is-hover.svelte-16ajmmj.svelte-16ajmmj,.mc-link--danger.svelte-16ajmmj.svelte-16ajmmj:hover{color:#530000}.mc-link--danger.is-active.svelte-16ajmmj.svelte-16ajmmj,.mc-link--danger.svelte-16ajmmj.svelte-16ajmmj:active{color:#8c0003}.mc-link--danger.is-disabled.svelte-16ajmmj.svelte-16ajmmj{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.375}}.mc-tag-text.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ffffff;color:#191919;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080}.mc-tag-text.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--s.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-text--dark.svelte-16ajmmj.svelte-16ajmmj{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919}.mc-tag-link.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link.svelte-16ajmmj.svelte-16ajmmj:hover{background:#e6e6e6}.mc-tag-link.svelte-16ajmmj.svelte-16ajmmj:active{background:#cccccc}.mc-tag-link.svelte-16ajmmj.svelte-16ajmmj:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-link--s.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--dark.svelte-16ajmmj.svelte-16ajmmj{background:#191919;color:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #ffffff;box-shadow:inset 0 0 0 1px #ffffff}.mc-tag-link--dark.svelte-16ajmmj.svelte-16ajmmj:hover{background:#333333}.mc-tag-link--dark.svelte-16ajmmj.svelte-16ajmmj:active{background:#4d4d4d}.mc-tag-selectable.svelte-16ajmmj.svelte-16ajmmj{display:inline-block;white-space:nowrap}.mc-tag-selectable__input.svelte-16ajmmj.svelte-16ajmmj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label.svelte-16ajmmj.svelte-16ajmmj{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-tag-selectable__pill.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;background:#ffffff;-webkit-box-shadow:inset 0 0 0 1px #808080;box-shadow:inset 0 0 0 1px #808080;color:#191919;cursor:pointer}.mc-tag-selectable__pill.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-selectable__pill.svelte-16ajmmj.svelte-16ajmmj:hover{background:#8792ed}.svelte-16ajmmj:checked+.mc-tag-selectable__pill.svelte-16ajmmj{background:#373de7;-webkit-box-shadow:inset 0 0 0 1px #373de7;box-shadow:inset 0 0 0 1px #373de7;color:#ffffff}.svelte-16ajmmj:checked+.mc-tag-selectable__pill.svelte-16ajmmj:hover{background:#161cb6;-webkit-box-shadow:inset 0 0 0 1px #161cb6;box-shadow:inset 0 0 0 1px #161cb6}.mc-tag-selectable__pill.svelte-16ajmmj.svelte-16ajmmj:active{background:#130f7b;-webkit-box-shadow:inset 0 0 0 1px #130f7b;box-shadow:inset 0 0 0 1px #130f7b;color:#ffffff}.svelte-16ajmmj:focus+.mc-tag-selectable__pill.svelte-16ajmmj::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.svelte-16ajmmj:disabled+.mc-tag-selectable__pill.svelte-16ajmmj{cursor:not-allowed;background:#e6e6e6;color:#808080}.mc-tag-removable.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;background-color:#333333;color:#ffffff}.mc-tag-removable.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--dark.svelte-16ajmmj.svelte-16ajmmj{background-color:#cccccc;color:#191919}.mc-tag-removable__label.svelte-16ajmmj.svelte-16ajmmj{padding:calc(0.75rem - 1px) 0.25rem calc(0.75rem - 1px) calc(1.5rem - 1px)}.mc-tag-removable__remove.svelte-16ajmmj.svelte-16ajmmj{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjY2NjY2NjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTQuMTQgMTIuN2ExIDEgMCAwIDEtMS40MSAxLjQybC0yLjY4LTIuNjgtMi43OCAyLjc3YTEgMSAwIDEgMS0xLjQxLTEuNDJMMTAuNjMgMTIgNy43OSA5LjIxYTEgMSAwIDEgMSAxLjQyLTEuNDJsMi44NCAyLjgzIDIuNzQtMi43NGExIDEgMCAxIDEgMS40MiAxLjQyTDEzLjQ2IDEyeiIvPjwvc3ZnPg==");position:relative;background-color:#333333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:50%;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable__remove-text.svelte-16ajmmj.svelte-16ajmmj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove.svelte-16ajmmj.svelte-16ajmmj:hover{background-color:#4d4d4d}.mc-tag-removable__remove.svelte-16ajmmj.svelte-16ajmmj:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-tag-removable__remove.svelte-16ajmmj.svelte-16ajmmj:active{background-color:#666666}.mc-tag-list.svelte-16ajmmj.svelte-16ajmmj{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-tag-list__item.svelte-16ajmmj.svelte-16ajmmj{margin:0 1rem 1rem 0}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-text--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-link--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mc-tag-link--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:0.75rem;padding:calc(0.25rem - 1px) calc(1rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:0.875rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-tag-removable--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj{font-family:"LeroyMerlin", sans-serif;font-weight:400;font-size:0.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:calc(0.75rem - 1px) calc(1.5rem - 1px);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:1.375rem;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}}.mc-toggle.svelte-16ajmmj.svelte-16ajmmj{display:block;position:relative}.mc-toggle__input.svelte-16ajmmj.svelte-16ajmmj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-toggle__input.svelte-16ajmmj:focus+.mc-toggle__label.svelte-16ajmmj::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-toggle__input.svelte-16ajmmj:checked+.mc-toggle__label.svelte-16ajmmj::before{background-color:#ff5800}.mc-toggle__input.svelte-16ajmmj:checked+.mc-toggle__label.svelte-16ajmmj::after{border-color:#ff5800;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZjU4MDAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMDEtMS4zOCAwbC0yLjkyLTIuNmExIDEgMCAxMTEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDExMS40IDEuNDJ6Ii8+PC9zdmc+");-webkit-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);transform:translate(100%, -50%)}.mc-toggle__input.svelte-16ajmmj:disabled+.mc-toggle__label.svelte-16ajmmj{color:#808080;cursor:not-allowed}.mc-toggle__input.svelte-16ajmmj:disabled+.mc-toggle__label.svelte-16ajmmj::before{background-color:#e6e6e6}.mc-toggle__input.svelte-16ajmmj:disabled+.mc-toggle__label.svelte-16ajmmj::after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNlNmU2ZTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+")}.mc-toggle__input.svelte-16ajmmj:disabled:checked+.mc-toggle__label.svelte-16ajmmj::before{background-color:#b8bef4}.mc-toggle__input.svelte-16ajmmj:disabled:checked+.mc-toggle__label.svelte-16ajmmj::after{border-color:#b8bef4;background-color:#ffffff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNiOGJlZjQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMDEtMS4zOCAwbC0yLjkyLTIuNmExIDEgMCAxMTEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDExMS40IDEuNDJ6Ii8+PC9zdmc+");background-size:1rem}.mc-toggle__input.svelte-16ajmmj:not(:disabled)+.mc-toggle__label.svelte-16ajmmj:hover::after{background-color:#e6e6e6}.mc-toggle__content.svelte-16ajmmj.svelte-16ajmmj{display:inline-block;padding-left:0.75rem}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;color:#000000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::before,.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::after{border-radius:2rem;height:2rem}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::before{width:4rem}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::after{width:2rem}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::after,.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::before{-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::before{background-color:#808080;will-change:background-color, border-color, box-shadow;-webkit-transition:background-color 100ms ease, border-color 100ms ease, -webkit-box-shadow 200ms ease;transition:background-color 100ms ease, border-color 100ms ease, -webkit-box-shadow 200ms ease;-o-transition:background-color 100ms ease, border-color 100ms ease, box-shadow 200ms ease;transition:background-color 100ms ease, border-color 100ms ease, box-shadow 200ms ease;transition:background-color 100ms ease, border-color 100ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-toggle__label.svelte-16ajmmj.svelte-16ajmmj::after{background:#ffffff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM4MDgwODAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTkuNDEgOGwzLjMtMy4yOWExIDEgMCAxMC0xLjQyLTEuNDJMOCA2LjU5bC0zLjI5LTMuM2ExIDEgMCAwMC0xLjQyIDEuNDJMNi41OSA4bC0zLjMgMy4yOWExIDEgMCAwMDAgMS40MiAxIDEgMCAwMDEuNDIgMEw4IDkuNDFsMy4yOSAzLjNhMSAxIDAgMDAxLjQyIDAgMSAxIDAgMDAwLTEuNDJ6Ii8+PC9zdmc+") no-repeat center;background-size:1rem;border:solid 3px #808080;will-change:transform;-webkit-transition:border-color 100ms ease, -webkit-transform 100ms ease;transition:border-color 100ms ease, -webkit-transform 100ms ease;-o-transition:transform 100ms ease, border-color 100ms ease;transition:transform 100ms ease, border-color 100ms ease;transition:transform 100ms ease, border-color 100ms ease, -webkit-transform 100ms ease}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}')}function k(e){let t,m,a,x,w,u,k,y,_,M,z,I,D,A,E,L=[{type:"search"},{class:"mc-left-icon-input__input mc-text-input mc-text-input--s"},{id:"withIcon"},{placeholder:e[3]},{name:"withIcon"},{disabled:e[2]},{spellcheck:"false"},g(e[0],`${e[1]}SearchInput`)],N={};for(let e=0;e<L.length;e+=1)N=o(N,L[e]);let C=[{type:"button"},{class:_="mc-button mc-button--s mc-button--square mc-button--bordered "+(e[2]?"is-disabled":"")},g(e[0],`${e[1]}FilterButton`)],S={};for(let e=0;e<C.length;e+=1)S=o(S,C[e]);let T=[{type:"button"},{class:D="mc-button mc-button--s mc-button--square mc-button--bordered-neutral "+(e[2]?"is-disabled":"")},g(e[0],`${e[1]}SettingsButton`)],G={};for(let e=0;e<T.length;e+=1)G=o(G,T[e]);return{c(){t=i("div"),m=i("div"),a=i("span"),a.innerHTML='<navigation-display-search-24px size="24px" class="svelte-16ajmmj"></navigation-display-search-24px>',x=s(),w=i("input"),u=s(),k=i("button"),y=i("span"),y.innerHTML='<navigation-display-filter-24px size="24px" class="svelte-16ajmmj"></navigation-display-filter-24px>',M=s(),z=i("button"),I=i("span"),I.innerHTML='<navigation-display-setting-24px size="24px" class="svelte-16ajmmj"></navigation-display-setting-24px>',l(a,"class","mc-left-icon-input__icon svelte-16ajmmj"),r(w,N),n(w,"svelte-16ajmmj",!0),l(m,"class","mc-left-icon-input svelte-16ajmmj"),l(y,"class","mc-button__icon svelte-16ajmmj"),r(k,S),n(k,"svelte-16ajmmj",!0),l(I,"class","mc-button__icon svelte-16ajmmj"),r(z,G),n(z,"svelte-16ajmmj",!0),l(t,"class","mc-datatable__topbar-actions svelte-16ajmmj")},m(o,i){j(o,t,i),c(t,m),c(m,a),c(m,x),c(m,w),w.autofocus&&w.focus(),b(w,e[4]),c(t,u),c(t,k),c(k,y),k.autofocus&&k.focus(),c(t,M),c(t,z),c(z,I),z.autofocus&&z.focus(),A||(E=[d(w,"input",e[6]),d(w,"input",e[7]),d(w,"keydown",e[8]),d(k,"click",e[9]),d(z,"click",e[10])],A=!0)},p(e,[t]){r(w,N=v(L,[{type:"search"},{class:"mc-left-icon-input__input mc-text-input mc-text-input--s"},{id:"withIcon"},8&t&&{placeholder:e[3]},{name:"withIcon"},4&t&&{disabled:e[2]},{spellcheck:"false"},3&t&&g(e[0],`${e[1]}SearchInput`)])),16&t&&w.value!==e[4]&&b(w,e[4]),n(w,"svelte-16ajmmj",!0),r(k,S=v(C,[{type:"button"},4&t&&_!==(_="mc-button mc-button--s mc-button--square mc-button--bordered "+(e[2]?"is-disabled":""))&&{class:_},3&t&&g(e[0],`${e[1]}FilterButton`)])),n(k,"svelte-16ajmmj",!0),r(z,G=v(T,[{type:"button"},4&t&&D!==(D="mc-button mc-button--s mc-button--square mc-button--bordered-neutral "+(e[2]?"is-disabled":""))&&{class:D},3&t&&g(e[0],`${e[1]}SettingsButton`)])),n(z,"svelte-16ajmmj",!0)},i:h,o:h,d(e){e&&p(t),A=!1,f(E)}}}function y(e,t,m){let{e2eAttributeSuffix:a}=t,{dataTableId:o}=t,{loading:i}=t,{searchPlaceholder:s}=t,l=new x,r="";function n(e,t){l.dispatch(e,t||{})}return e.$$set=e=>{"e2eAttributeSuffix"in e&&m(0,a=e.e2eAttributeSuffix),"dataTableId"in e&&m(1,o=e.dataTableId),"loading"in e&&m(2,i=e.loading),"searchPlaceholder"in e&&m(3,s=e.searchPlaceholder)},[a,o,i,s,r,n,function(){r=this.value,m(4,r)},()=>n("input-search",r),e=>{e.key===w.ENTER&&n("submit-search",r)},()=>n("click-filter"),()=>n("click-settings")]}class _ extends e{constructor(e){super(),t(this,e,y,k,m,{e2eAttributeSuffix:0,dataTableId:1,loading:2,searchPlaceholder:3},u)}}export{_ as default};
+import"../../index-c33b3772.js";import"../../EventHandler-02058705.js";import"../../DataTableUtilities-60220c78.js";export{D as default}from"../../DataTableDefaultAction.nested-1c046074.js";
 //# sourceMappingURL=DataTableDefaultAction.nested.js.map

package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableDefaultAction.nested.js","sources":["../../../../src/components/datatable/DataTableDefaultAction.nested.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { getDataAttribute, keyboardsKeys } from '../../utilities/DataTableUtilities';\n\n  export let e2eAttributeSuffix: string | undefined;\n  export let dataTableId: string | undefined;\n  export let loading: boolean;\n  export let searchPlaceholder: string;\n\n  let eventHandler = new EventHandler();\n  let searchValue = '';\n\n  function emitEvent(name: string, detail?: CustomEvent['detail']) {\n    eventHandler.dispatch(name, detail || {});\n  }\n</script>\n\n<div class=\"mc-datatable__topbar-actions\">\n  <div class=\"mc-left-icon-input\">\n    <span class=\"mc-left-icon-input__icon\">\n      <navigation-display-search-24px size=\"24px\" />\n    </span>\n    <input\n      type=\"search\"\n      class=\"mc-left-icon-input__input mc-text-input mc-text-input--s\"\n      id=\"withIcon\"\n      placeholder={searchPlaceholder}\n      name=\"withIcon\"\n      disabled={loading}\n      spellcheck=\"false\"\n      {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SearchInput`)}\n      bind:value={searchValue}\n      on:input={() => emitEvent('input-search', searchValue)}\n      on:keydown={(event) => {\n      if(event.key === keyboardsKeys.ENTER) \n       {\n        emitEvent('submit-search', searchValue)\n       }\n        }}\n    />\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"mc-button mc-button--s mc-button--square mc-button--bordered {loading\n      ? 'is-disabled'\n      : ''}\"\n    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}FilterButton`)}\n    on:click={() => emitEvent('click-filter')}\n  >\n    <span class=\"mc-button__icon\">\n      <navigation-display-filter-24px size=\"24px\" />\n    </span>\n  </button>\n\n  <button\n    type=\"button\"\n    class=\"mc-button mc-button--s mc-button--square mc-button--bordered-neutral {loading\n      ? 'is-disabled'\n      : ''}\"\n    {...getDataAttribute(e2eAttributeSuffix, `${dataTableId}SettingsButton`)}\n    on:click={() => emitEvent('click-settings')}\n  >\n    <span class=\"mc-button__icon\">\n      <navigation-display-setting-24px size=\"24px\" />\n    </span>\n  </button>\n</div>\n\n<!-- svelte-ignore css-unused-selector -->\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n\n  @import '@mozaic-ds/styles/generic/g.reset.scss';\n  @import '@mozaic-ds/styles/components/c.badge';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.datatable-tools';\n  @import '@mozaic-ds/styles/components/c.datatable-header';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.tag';\n  @import '@mozaic-ds/styles/components/c.toggle';\n</style>\n"],"names":["ctx","getDataAttribute","insert","target","div1","anchor","append","div0","span0","input","button0","span1","button1","span2","class","button0_class_value","button1_class_value","e2eAttributeSuffix","$$props","dataTableId","loading","searchPlaceholder","eventHandler","EventHandler","searchValue","emitEvent","name","detail","dispatch","this","value","event","key","keyboardsKeys","ENTER"],"mappings":"ottEA0BmBA,EAAiB,gCAEpBA,EAAO,yBAEbC,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,gKAcYA,EAAA,GACjE,cACA,KACAC,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,yKAUsBA,EAAA,GACzE,cACA,KACAC,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,o4BA3C3DE,EAkDKC,EAAAC,EAAAC,GAjDHC,EAsBKF,EAAAG,GArBHD,EAEMC,EAAAC,UACNF,EAiBCC,EAAAE,8BARaT,EAAW,WAW3BM,EAWQF,EAAAM,GAHNJ,EAEMI,EAAAC,iCAGRL,EAWQF,EAAAQ,GAHNN,EAEMM,EAAAC,+QAvCSb,EAAiB,qCAEpBA,EAAO,8BAEbC,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,oCAC3CA,EAAW,QAAXA,EAAW,qIAa4CA,EAAA,GACjE,cACA,MAAE,CAAAc,MAAAC,QACFd,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,8JAUsBA,EAAA,GACzE,cACA,MAAE,CAAAc,MAAAE,QACFf,EAAiBD,EAAkB,GAAA,GAAKA,EAAW,2HAxD9CiB,GAAsCC,eACtCC,GAA+BD,WAC/BE,GAAgBF,qBAChBG,GAAyBH,EAEhCI,MAAmBC,EACnBC,EAAc,YAETC,EAAUC,EAAcC,GAC/BL,EAAaM,SAASF,EAAMC,GAAM,CAAA,iOAkBpBH,EAAWK,KAAAC,kBACPL,EAAU,eAAgBD,GAC7BO,IACVA,EAAMC,MAAQC,EAAcC,OAE7BT,EAAU,gBAAiBD,IAYf,IAAAC,EAAU,gBAaV,IAAAA,EAAU"}
+{"version":3,"file":"DataTableDefaultAction.nested.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}