@charset "UTF-8";
/* BROWSER PREFIX */
:root {
  --main-padding: 1rem;
}
@media (min-width: 48em) {
  :root {
    --main-padding: 2rem;
  }
}
:root {
  --radius-card: 1.5rem;
}
@media (min-width: 48em) {
  :root {
    --radius-card: 3rem;
  }
}
:root {
  --radius-illustration-card-desktop: 1.75rem 1.75rem 0 0;
  --modal-mobile: 1.5rem 1.5rem 0 0;
  --modal-desktop: 1.5rem;
  --radius-1-rem: 1rem;
  --radius-2-rem: 2rem;
  --radius-top-2-rem: 2rem 2rem 0 0;
  --radius-bottom-2-rem: 0 0 2rem 2rem;
  --radius-btn: 2rem;
  --shadow-box-dark:	0 -.5rem 2rem -.5rem rgba(6,12,18,.04), 0 1rem 2rem -.5rem rgba(6,12,18,.08);
  --shadow-box-red:	0 -.5rem 2rem -.5rem rgba(190,0,40,.04), 0 1rem 2rem -.5rem rgba(190,0,40,.08);
}

html {
  box-sizing: border-box;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.parent-select {
  position: relative;
}
.parent-select select {
  appearance: none;
  min-width: 100%;
  height: 2rem;
  padding: 0 2rem 0 1rem;
  border-radius: 1rem;
  border: none;
  background-color: var(--bg-color);
  color: var(--txt-color);
  font-weight: 500;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  transition: 0.2s linear;
}
.parent-select:after {
  font-family: "remixicon";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  content: "\ea4e";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  color: var(--txt-color);
  width: 2rem;
  height: 100%;
  pointer-events: none;
}

.input-group ~ .parent-select select {
  height: 100%;
  border-radius: 0 2rem 2rem 0;
}

.actions-header .parent-select {
  --bg-color: var(--b4);
}
.actions-header .parent-select select {
  height: 2.5rem;
  border-radius: 1.25rem;
}

optgroup {
  color: var(--black);
}

:root {
  --mfm-primary:	var(--mfm-primary-400);
  --mfm-primary-50-a84:	hsla(264,100%,98%,84%);
  --mfm-primary-50:	hsl(264,100%,98%);
  --mfm-primary-100:	hsl(265,100%,95%);
  --mfm-primary-200:	hsl(264,100%,92%);
  --mfm-primary-300:	hsl(264,100%,85%);
  --mfm-primary-400:	hsl(265,100%,75%);
  --mfm-primary-500:	hsl(265,96%,65%);
  --mfm-primary-600:	hsl(266,86%,56%);
  --mfm-primary-700:	hsl(267,75%,47%);
  --mfm-primary-800:	hsl(267,70%,39%);
  --mfm-primary-900:	hsl(268,69%,32%);
  --mfm-primary-950:	hsl(268,91%,21%);
  --mfm-secondary:	var(--mfm-secondary-400);
  --mfm-secondary-50-a84:	hsla(35,100%,97%,84%);
  --mfm-secondary-50:	hsl(35,100%,97%);
  --mfm-secondary-100:	hsl(30,100%,93%);
  --mfm-secondary-200:	hsl(34,100%,82%);
  --mfm-secondary-300:	hsl(36,100%,74%);
  --mfm-secondary-400:	hsl(35,100%,60%);
  --mfm-secondary-500:	hsl(37,79%,49%);
  --mfm-secondary-600:	hsl(39,100%,38%);
  --mfm-secondary-700:	hsl(42,100%,35%);
  --mfm-secondary-800:	hsl(40,100%,30%);
  --mfm-secondary-900:	hsl(40,100%,21%);
  --mfm-secondary-950:	hsl(35,100%,15%);
  --mfm-dark-50-a84:	hsla(204,33%,97%,84%);
  --mfm-dark-50:	hsl(204,33%,97%);
  --mfm-dark-100:	hsl(210,31%,94%);
  --mfm-dark-200:	hsl(206,30%,86%);
  --mfm-dark-300:	hsl(205,31%,74%);
  --mfm-dark-400:	hsl(204,30%,60%);
  --mfm-dark-500:	hsl(205,29%,48%);
  --mfm-dark-600:	hsl(207,32%,39%);
  --mfm-dark-700:	hsl(207,32%,32%);
  --mfm-dark-800:	hsl(207,30%,27%);
  --mfm-dark-900:	hsl(208,26%,24%);
  --mfm-dark-950:	hsl(210,26%,15%);
  --mfm-primary-l20:	hsl(265,100%,95%);
  --mfm-primary-d5:	hsl(265,100%,70%);
  --mfm-primary-d10:	hsl(265,100%,65%);
  --mfm-primary-d50:	hsl(265,100%,25%);
  --mfm-white:	hsl(33,100%,96%);
  --mfm-black:	hsl(210,26%,15%);
  --mfm-success: var(--mfm-success-400);
  --mfm-success-50: hsl(140,53%,97%);
  --mfm-success-100: hsl(140,53%,93%);
  --mfm-success-200: hsl(140,50%,80%);
  --mfm-success-300: hsl(140,49%,73%);
  --mfm-success-400: hsl(140,44%,58%);
  --mfm-success-500: hsl(140,45%,45%);
  --mfm-success-600: hsl(140,49%,36%);
  --mfm-success-700: hsl(140,46%,29%);
  --mfm-success-800: hsl(140,41%,24%);
  --mfm-success-900: hsl(140,40%,20%);
  --mfm-success-950: hsl(140,53%,10%);
  --mfm-info: var(--mfm-info-400);
  --mfm-info-50: hsl(215,75%,97%);
  --mfm-info-100: hsl(216,73%,93%);
  --mfm-info-200: hsl(214,78%,87%);
  --mfm-info-300: hsl(213,76%,78%);
  --mfm-info-400: hsl(214,74%,68%);
  --mfm-info-500: hsl(219,73%,60%);
  --mfm-info-600: hsl(223,66%,53%);
  --mfm-info-700: hsl(226,61%,48%);
  --mfm-info-800: hsl(227,56%,40%);
  --mfm-info-900: hsl(226,51%,33%);
  --mfm-info-950: hsl(228,46%,21%);
  --mfm-warning: var(--mfm-warning-400);
  --mfm-warning-50: hsl(40,100%,96%);
  --mfm-warning-100: hsl(40,100%,92%);
  --mfm-warning-200: hsl(38,100%,83%);
  --mfm-warning-300: hsl(37,100%,72%);
  --mfm-warning-400: hsl(32,100%,61%);
  --mfm-warning-500: hsl(30,100%,55%);
  --mfm-warning-600: hsl(26,95%,48%);
  --mfm-warning-700: hsl(23,93%,40%);
  --mfm-warning-800: hsl(20,84%,34%);
  --mfm-warning-900: hsl(21,79%,28%);
  --mfm-warning-950: hsl(19,86%,15%);
  --mfm-warning-minor: var(--mfm-warning-minor-400);
  --mfm-warning-minor-50: hsl(52,92%,95%);
  --mfm-warning-minor-100: hsl(52,100%,88%);
  --mfm-warning-minor-200: hsl(51,100%,76%);
  --mfm-warning-minor-300: hsl(49,100%,63%);
  --mfm-warning-minor-400: hsl(45,100%,56%);
  --mfm-warning-minor-500: hsl(43,98%,47%);
  --mfm-warning-minor-600: hsl(38,100%,40%);
  --mfm-warning-minor-700: hsl(33,95%,33%);
  --mfm-warning-minor-800: hsl(29,85%,29%);
  --mfm-warning-minor-900: hsl(26,76%,26%);
  --mfm-warning-minor-950: hsl(23,86%,14%);
  --mfm-danger: var(--mfm-danger-400);
  --mfm-danger-50: hsl(4,100%,97%);
  --mfm-danger-100: hsl(4,100%,94%);
  --mfm-danger-200: hsl(3,100%,89%);
  --mfm-danger-300: hsl(3,100%,81%);
  --mfm-danger-400: hsl(3,100%,70%);
  --mfm-danger-500: hsl(3,93%,60%);
  --mfm-danger-600: hsl(3,79%,51%);
  --mfm-danger-700: hsl(3,81%,42%);
  --mfm-danger-800: hsl(3,78%,35%);
  --mfm-danger-900: hsl(3,69%,31%);
  --mfm-danger-950: hsl(3,82%,15%);
  --theme-50: #F2FBF5;
  --theme-100: #E2F6E9;
  --theme-400: #65C385;
  --theme-600: #2F8A4F;
  --theme-800: #245736;
  --dark:	hsl(210, 55%, 22%);
  --blue-grey:	hsl(240, 10%, 48%);
  --grey:	hsl(0, 0%, 47%);
  --clear-grey:	hsl(223, 37%, 96%);
  --soft-grey:	hsl(223, 5%, 71%);
  --green:	hsl(160, 100%, 40%);
  --blue:	hsl(211, 100%, 50%);
  --dark-blue:	hsl(211, 100%, 34%);
  --purple:	hsl(270, 66%, 51%);
  --red:	hsl(350, 86%, 59%);
  --orange:	hsl(42, 100%, 50%);
  --orange-hsla: hsla(42, 51, 45, 32);
  --green-4:	hsl(160, 100%, 92%);
  --blue-4:	hsl(211, 100%, 92%);
  --purple-4:	hsl(270, 66%, 92%);
  --red-4:	hsl(350, 86%, 96%);
  --orange-4:	hsl(42, 100%, 92%);
  --success:	var(--green);
  --info:	var(--blue);
  --warning:	var(--orange);
  --danger:	var(--red);
  --white: #fff;
  --black: #000;
  --yellow-gradient: linear-gradient(180deg, #FFC732 0%, #FFB400 100%);
  --red-gradient: linear-gradient(180deg, #FF7082 0%, #F03C5A 100%);
  --purple-gradient: linear-gradient(180deg, #9429eb 0%, #2C519D 100%);
}

:root {
  --w2: rgb(255 255 255 / 2%);
  --w4: rgb(255 255 255 / 4%);
  --w6: rgb(255 255 255 / 6%);
  --w8: rgb(255 255 255 / 8%);
  --w12: rgb(255 255 255 / 12%);
  --w16: rgb(255 255 255 / 16%);
  --w24: rgb(255 255 255 / 24%);
  --w32: rgb(255 255 255 / 32%);
  --w48: rgb(255 255 255 / 48%);
  --w64: rgb(255 255 255 / 64%);
  --w72: rgb(255 255 255 / 72%);
  --w84: rgb(255 255 255 / 84%);
  --w92: rgb(255 255 255 / 92%);
  --w96: rgb(255 255 255 / 96%);
  --b2: rgb(0 0 0 / 2%);
  --b4: rgb(0 0 0 / 4%);
  --b6: rgb(0 0 0 / 6%);
  --b8: rgb(0 0 0 / 8%);
  --b12: rgb(0 0 0 / 12%);
  --b16: rgb(0 0 0 / 16%);
  --b24: rgb(0 0 0 / 24%);
  --b32: rgb(0 0 0 / 32%);
  --b48: rgb(0 0 0 / 48%);
  --b64: rgb(0 0 0 / 64%);
  --b72: rgb(0 0 0 / 72%);
  --b84: rgb(0 0 0 / 84%);
  --b92: rgb(0 0 0 / 92%);
  --b96: rgb(0 0 0 / 96%);
}

[data-theme=gaze-coton] {
  --primary-50:	hsl(204,33%,97%);
  --primary-100:	hsl(210,31%,94%);
  --primary-200:	hsl(206,30%,86%);
  --primary-300:	hsl(205,31%,74%);
  --primary-400:	hsl(204,30%,60%);
  --primary-500:	hsl(205,29%,48%);
  --primary-600:	hsl(207,32%,39%);
  --primary-700:	hsl(207,32%,32%);
  --primary-800:	hsl(207,30%,27%);
  --primary-900:	hsl(208,26%,24%);
  --primary-950:	hsl(210,26%,15%);
}

[data-theme=pastille-calmante] {
  --primary-50: hsl(223, 100%, 96%);
  --primary-100: hsl(229, 100%, 94%);
  --primary-200: hsl(229, 100%, 89%);
  --primary-300: hsl(231, 100%, 80%);
  --primary-400: hsl(236, 95%, 74%);
  --primary-500: hsl(240, 89%, 67%);
  --primary-600: hsl(245, 80%, 59%);
  --primary-700: hsl(246, 62%, 51%);
  --primary-800: hsl(245, 58%, 41%);
  --primary-900: hsl(243, 51%, 34%);
  --primary-950: hsl(246, 51%, 20%);
}

[data-theme=inhalation-mentholee] {
  --primary-50: hsl(180, 58%, 96%);
  --primary-100: hsl(178, 51%, 90%);
  --primary-200: hsl(180, 51%, 82%);
  --primary-300: hsl(180, 50%, 75%);
  --primary-400: hsl(181, 46%, 53%);
  --primary-500: hsl(182, 51%, 43%);
  --primary-600: hsl(185, 49%, 36%);
  --primary-700: hsl(186, 44%, 31%);
  --primary-800: hsl(187, 38%, 27%);
  --primary-900: hsl(189, 34%, 24%);
  --primary-950: hsl(189, 42%, 15%);
}

[data-theme=sirop-sauge] {
  --primary-50: hsl(156, 24%, 96%);
  --primary-100: hsl(153, 22%, 90%);
  --primary-200: hsl(156, 20%, 80%);
  --primary-300: hsl(161, 18%, 67%);
  --primary-400: hsl(161, 17%, 52%);
  --primary-500: hsl(165, 21%, 39%);
  --primary-600: hsl(165, 24%, 30%);
  --primary-700: hsl(166, 24%, 24%);
  --primary-800: hsl(167, 23%, 20%);
  --primary-900: hsl(167, 21%, 16%);
  --primary-950: hsl(174, 22%, 9%);
}

[data-theme=cataplasme-arnica] {
  --primary-50: hsl(60, 50%, 95%);
  --primary-100: hsl(62, 51%, 88%);
  --primary-200: hsl(60, 50%, 75%);
  --primary-300: hsl(58, 49%, 64%);
  --primary-400: hsl(55, 49%, 53%);
  --primary-500: hsl(53, 47%, 47%);
  --primary-600: hsl(48, 49%, 40%);
  --primary-700: hsl(42, 46%, 33%);
  --primary-800: hsl(38, 41%, 29%);
  --primary-900: hsl(36, 37%, 26%);
  --primary-950: hsl(34, 42%, 14%);
}

[data-theme=elixir-abricot] {
  --primary-50: hsl(35, 100%, 97%);
  --primary-100: hsl(30, 100%, 93%);
  --primary-200: hsl(34, 100%, 82%);
  --primary-300: hsl(36, 100%, 74%);
  --primary-400: hsl(35, 100%, 60%);
  --primary-500: hsl(37, 79%, 49%);
  --primary-600: hsl(39, 100%, 38%);
  --primary-700: hsl(42, 100%, 35%);
  --primary-800: hsl(40, 100%, 30%);
  --primary-900: hsl(40, 100%, 21%);
  --primary-950: hsl(35, 100%, 15%);
}

[data-theme=serum-opalin] {
  --primary-50: hsl(310, 86%, 97%);
  --primary-100: hsl(310, 83%, 93%);
  --primary-200: hsl(312, 81%, 86%);
  --primary-300: hsl(313, 77%, 78%);
  --primary-400: hsl(315, 73%, 71%);
  --primary-500: hsl(317, 68%, 60%);
  --primary-600: hsl(318, 65%, 53%);
  --primary-700: hsl(320, 61%, 46%);
  --primary-800: hsl(321, 58%, 38%);
  --primary-900: hsl(322, 55%, 31%);
  --primary-950: hsl(324, 51%, 23%);
}

[data-theme=brume-lilas] {
  --primary-50: hsl(264, 100%, 98%);
  --primary-100: hsl(265, 100%, 95%);
  --primary-200: hsl(264, 100%, 92%);
  --primary-300: hsl(264, 100%, 85%);
  --primary-400: hsl(265, 100%, 75%);
  --primary-500: hsl(265, 96%, 65%);
  --primary-600: hsl(266, 86%, 56%);
  --primary-700: hsl(267, 75%, 47%);
  --primary-800: hsl(267, 70%, 39%);
  --primary-900: hsl(268, 69%, 32%);
  --primary-950: hsl(268, 91%, 21%);
}

[data-theme=pansement-avoine] {
  --primary-50: hsl(20, 43%, 97%);
  --primary-100: hsl(19, 53%, 94%);
  --primary-200: hsl(19, 52%, 89%);
  --primary-300: hsl(20, 50%, 80%);
  --primary-400: hsl(20, 49%, 71%);
  --primary-500: hsl(20, 46%, 60%);
  --primary-600: hsl(20, 39%, 51%);
  --primary-700: hsl(20, 40%, 42%);
  --primary-800: hsl(20, 38%, 35%);
  --primary-900: hsl(20, 33%, 31%);
  --primary-950: hsl(19, 39%, 15%);
}

.text-b8 {
  color: var(--b8);
}

.text-b16 {
  color: var(--b16);
}

.text-b32 {
  color: var(--b32);
}

.text-b64 {
  color: var(--b64);
}

.bg-primary-50 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-50);
}

.bg-primary-100 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-100);
}

.bg-primary-200 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-200);
}

.bg-primary-300 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-300);
}

.bg-primary-400 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-400);
}

.bg-primary-500 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-500);
}

.bg-primary-600 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-600);
}

.bg-primary-700 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-700);
}

.bg-primary-800 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-800);
}

.bg-primary-900 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-900);
}

.bg-primary-950 {
  --color-apply: var(--primary-100);
  background-color: var(--primary-950);
}

.bg-secondary-50 {
  background-color: var(--mfm-secondary-50);
}

.bg-secondary-100 {
  background-color: var(--mfm-secondary-100);
}

.bg-secondary-200 {
  background-color: var(--mfm-secondary-200);
}

.bg-secondary-300 {
  background-color: var(--mfm-secondary-300);
}

.bg-secondary-400 {
  background-color: var(--mfm-secondary-400);
}

.bg-secondary-500 {
  background-color: var(--mfm-secondary-500);
}

.bg-secondary-600 {
  background-color: var(--mfm-secondary-600);
}

.bg-secondary-700 {
  background-color: var(--mfm-secondary-700);
}

.bg-secondary-800 {
  background-color: var(--mfm-secondary-800);
}

.bg-secondary-900 {
  background-color: var(--mfm-secondary-900);
}

.bg-secondary-950 {
  background-color: var(--mfm-secondary-950);
}

.bg-dark-50 {
  background-color: var(--mfm-dark-50);
}

.bg-dark-100 {
  background-color: var(--mfm-dark-100);
}

.bg-dark-200 {
  background-color: var(--mfm-dark-200);
}

.bg-dark-300 {
  background-color: var(--mfm-dark-300);
}

.bg-dark-400 {
  background-color: var(--mfm-dark-400);
}

.bg-dark-500 {
  background-color: var(--mfm-dark-500);
}

.bg-dark-600 {
  background-color: var(--mfm-dark-600);
}

.bg-dark-700 {
  background-color: var(--mfm-dark-700);
}

.bg-dark-800 {
  background-color: var(--mfm-dark-800);
}

.bg-dark-900 {
  background-color: var(--mfm-dark-900);
}

.bg-dark-950 {
  background-color: var(--mfm-dark-950);
}

.bg-info-50 {
  background-color: var(--mfm-info-50);
}

.bg-info-100 {
  background-color: var(--mfm-info-100);
}

.bg-info-200 {
  background-color: var(--mfm-info-200);
}

.bg-info-300 {
  background-color: var(--mfm-info-300);
}

.bg-info-400 {
  background-color: var(--mfm-info-400);
}

.bg-info-500 {
  background-color: var(--mfm-info-500);
}

.bg-info-600 {
  background-color: var(--mfm-info-600);
}

.bg-info-700 {
  background-color: var(--mfm-info-700);
}

.bg-info-800 {
  background-color: var(--mfm-info-800);
}

.bg-info-900 {
  background-color: var(--mfm-info-900);
}

.bg-info-950 {
  background-color: var(--mfm-info-950);
}

.bg-success-50 {
  background-color: var(--mfm-success-50);
}

.bg-success-100 {
  background-color: var(--mfm-success-100);
}

.bg-success-200 {
  background-color: var(--mfm-success-200);
}

.bg-success-300 {
  background-color: var(--mfm-success-300);
}

.bg-success-400 {
  background-color: var(--mfm-success-400);
}

.bg-success-500 {
  background-color: var(--mfm-success-500);
}

.bg-success-600 {
  background-color: var(--mfm-success-600);
}

.bg-success-700 {
  background-color: var(--mfm-success-700);
}

.bg-success-800 {
  background-color: var(--mfm-success-800);
}

.bg-success-900 {
  background-color: var(--mfm-success-900);
}

.bg-success-950 {
  background-color: var(--mfm-success-950);
}

.bg-warning-50 {
  background-color: var(--mfm-warning-50);
}

.bg-warning-100 {
  background-color: var(--mfm-warning-100);
}

.bg-warning-200 {
  background-color: var(--mfm-warning-200);
}

.bg-warning-300 {
  background-color: var(--mfm-warning-300);
}

.bg-warning-400 {
  background-color: var(--mfm-warning-400);
}

.bg-warning-500 {
  background-color: var(--mfm-warning-500);
}

.bg-warning-600 {
  background-color: var(--mfm-warning-600);
}

.bg-warning-700 {
  background-color: var(--mfm-warning-700);
}

.bg-warning-800 {
  background-color: var(--mfm-warning-800);
}

.bg-warning-900 {
  background-color: var(--mfm-warning-900);
}

.bg-warning-950 {
  background-color: var(--mfm-warning-950);
}

.bg-danger-50 {
  background-color: var(--mfm-danger-50);
}

.bg-danger-100 {
  background-color: var(--mfm-danger-100);
}

.bg-danger-200 {
  background-color: var(--mfm-danger-200);
}

.bg-danger-300 {
  background-color: var(--mfm-danger-300);
}

.bg-danger-400 {
  background-color: var(--mfm-danger-400);
}

.bg-danger-500 {
  background-color: var(--mfm-danger-500);
}

.bg-danger-600 {
  background-color: var(--mfm-danger-600);
}

.bg-danger-700 {
  background-color: var(--mfm-danger-700);
}

.bg-danger-800 {
  background-color: var(--mfm-danger-800);
}

.bg-danger-900 {
  background-color: var(--mfm-danger-900);
}

.bg-danger-950 {
  background-color: var(--mfm-danger-950);
}

.text-primary-50 {
  color: var(--primary-50);
}

.text-primary-100 {
  color: var(--primary-100);
}

.text-primary-200 {
  color: var(--primary-200);
}

.text-primary-300 {
  color: var(--primary-300);
}

.text-primary-400 {
  color: var(--primary-400);
}

.text-primary-500 {
  color: var(--primary-500);
}

.text-primary-600 {
  color: var(--primary-600);
}

.text-primary-700 {
  color: var(--primary-700);
}

.text-primary-800 {
  color: var(--primary-800);
}

.text-primary-900 {
  color: var(--primary-900);
}

.text-primary-950 {
  color: var(--primary-950);
}

.text-secondary-50 {
  color: var(--mfm-secondary-50);
}

.text-secondary-100 {
  color: var(--mfm-secondary-100);
}

.text-secondary-200 {
  color: var(--mfm-secondary-200);
}

.text-secondary-300 {
  color: var(--mfm-secondary-300);
}

.text-secondary-400 {
  color: var(--mfm-secondary-400);
}

.text-secondary-500 {
  color: var(--mfm-secondary-500);
}

.text-secondary-600 {
  color: var(--mfm-secondary-600);
}

.text-secondary-700 {
  color: var(--mfm-secondary-700);
}

.text-secondary-800 {
  color: var(--mfm-secondary-800);
}

.text-secondary-900 {
  color: var(--mfm-secondary-900);
}

.text-secondary-950 {
  color: var(--mfm-secondary-950);
}

.text-dark-50 {
  color: var(--mfm-dark-50);
}

.text-dark-100 {
  color: var(--mfm-dark-100);
}

.text-dark-200 {
  color: var(--mfm-dark-200);
}

.text-dark-300 {
  color: var(--mfm-dark-300);
}

.text-dark-400 {
  color: var(--mfm-dark-400);
}

.text-dark-500 {
  color: var(--mfm-dark-500);
}

.text-dark-600 {
  color: var(--mfm-dark-600);
}

.text-dark-700 {
  color: var(--mfm-dark-700);
}

.text-dark-800 {
  color: var(--mfm-dark-800);
}

.text-dark-900 {
  color: var(--mfm-dark-900);
}

.text-dark-950 {
  color: var(--mfm-dark-950);
}

.text-info-50 {
  color: var(--mfm-info-50);
}

.text-info-100 {
  color: var(--mfm-info-100);
}

.text-info-200 {
  color: var(--mfm-info-200);
}

.text-info-300 {
  color: var(--mfm-info-300);
}

.text-info-400 {
  color: var(--mfm-info-400);
}

.text-info-500 {
  color: var(--mfm-info-500);
}

.text-info-600 {
  color: var(--mfm-info-600);
}

.text-info-700 {
  color: var(--mfm-info-700);
}

.text-info-800 {
  color: var(--mfm-info-800);
}

.text-info-900 {
  color: var(--mfm-info-900);
}

.text-info-950 {
  color: var(--mfm-info-950);
}

.text-success-50 {
  color: var(--mfm-success-50);
}

.text-success-100 {
  color: var(--mfm-success-100);
}

.text-success-200 {
  color: var(--mfm-success-200);
}

.text-success-300 {
  color: var(--mfm-success-300);
}

.text-success-400 {
  color: var(--mfm-success-400);
}

.text-success-500 {
  color: var(--mfm-success-500);
}

.text-success-600 {
  color: var(--mfm-success-600);
}

.text-success-700 {
  color: var(--mfm-success-700);
}

.text-success-800 {
  color: var(--mfm-success-800);
}

.text-success-900 {
  color: var(--mfm-success-900);
}

.text-success-950 {
  color: var(--mfm-success-950);
}

.text-warning-50 {
  color: var(--mfm-warning-50);
}

.text-warning-100 {
  color: var(--mfm-warning-100);
}

.text-warning-200 {
  color: var(--mfm-warning-200);
}

.text-warning-300 {
  color: var(--mfm-warning-300);
}

.text-warning-400 {
  color: var(--mfm-warning-400);
}

.text-warning-500 {
  color: var(--mfm-warning-500);
}

.text-warning-600 {
  color: var(--mfm-warning-600);
}

.text-warning-700 {
  color: var(--mfm-warning-700);
}

.text-warning-800 {
  color: var(--mfm-warning-800);
}

.text-warning-900 {
  color: var(--mfm-warning-900);
}

.text-warning-950 {
  color: var(--mfm-warning-950);
}

.text-danger-50 {
  color: var(--mfm-danger-50);
}

.text-danger-100 {
  color: var(--mfm-danger-100);
}

.text-danger-200 {
  color: var(--mfm-danger-200);
}

.text-danger-300 {
  color: var(--mfm-danger-300);
}

.text-danger-400 {
  color: var(--mfm-danger-400);
}

.text-danger-500 {
  color: var(--mfm-danger-500);
}

.text-danger-600 {
  color: var(--mfm-danger-600);
}

.text-danger-700 {
  color: var(--mfm-danger-700);
}

.text-danger-800 {
  color: var(--mfm-danger-800);
}

.text-danger-900 {
  color: var(--mfm-danger-900);
}

.text-danger-950 {
  color: var(--mfm-danger-950);
}

@font-face {
  font-family: "icoformed";
  src: url("../fonts/icons/icoformed.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icoformed-], [class*=" icoformed-"] {
  font-family: "icoformed" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icoformed-en-ligne:before {
  content: "\e001";
}

.icoformed-carte:before {
  content: "\e002";
}

.icoformed-especes:before {
  content: "\e003";
}

.icoformed-cheque:before {
  content: "\e004";
}

.icoformed-virement:before {
  content: "\e005";
}

.icoformed-tiers-payant:before {
  content: "\e006";
}

.icoformed-autre:before {
  content: "\e007";
}

.icoformed-nature:before {
  content: "\e008";
}

.icoformed-palm:before {
  content: "\e009";
}

.icoformed-lapin:before {
  content: "\e010";
}

.icoformed-info:before {
  content: "\e011";
}

.icoformed-group-fill:before {
  content: "\e112";
}

.icoformed-group-line:before {
  content: "\e012";
}

:root {
  --avatar-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI1IDMwIj48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImEiIGN4PSI1MC4wMjglIiBjeT0iLTIwJSIgcj0iMTIwJSIgZng9IjUwLjAyOCUiIGZ5PSItMjAlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMSAtLjYyNSAwIC4zNzUgLS43KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuODQiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMTExKSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTEyLDE1IEM1LjMzMzMzMzMzLDE1IDEuMzMzMzMzMzMsMTkuOTk5ODUyIDAsMjkuOTk5NTU2IEwyNCwzMCBDMjMuMzMzMzMzMywyMCAxOS4zMzMzMzMzLDE1IDEyLDE1IFoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjYiIHI9IjYiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
}

.icon,
.ds-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-apply, var(--b8));
  border-radius: 50%;
  transition: 0.2s;
  aspect-ratio: 1;
}
.icon i,
.ds-icon i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon.xs,
.ds-icon.xs {
  width: 1rem;
  height: 1rem;
}
.icon.sm,
.ds-icon.sm {
  width: 1.5rem;
  height: 1.5rem;
}
.icon.md,
.ds-icon.md {
  width: 2rem;
  height: 2rem;
}
.icon.lg,
.ds-icon.lg {
  width: 2.5rem;
  height: 2.5rem;
}

.icon.blue, .icon.info,
.ds-icon.blue,
.ds-icon.info {
  --color-apply: var(--blue);
  color: var(--txt-color-default, var(--white));
}
.icon.green, .icon.success,
.ds-icon.green,
.ds-icon.success {
  --color-apply: var(--green);
  color: var(--txt-color-default, var(--white));
}
.icon.orange, .icon.warning,
.ds-icon.orange,
.ds-icon.warning {
  --color-apply: var(--orange);
  color: var(--txt-color-default, var(--white));
}
.icon.red, .icon.danger,
.ds-icon.red,
.ds-icon.danger {
  --color-apply: var(--red);
  color: var(--txt-color-default, var(--white));
}
.icon.mfm-info,
.ds-icon.mfm-info {
  --color-apply: var(--mfm-info-400);
  color: var(--txt-color-default, var(--white));
}
.icon.mfm-success,
.ds-icon.mfm-success {
  --color-apply: var(--mfm-success-400);
  color: var(--txt-color-default, var(--white));
}
.icon.mfm-warning,
.ds-icon.mfm-warning {
  --color-apply: var(--mfm-warning-400);
  color: var(--txt-color-default, var(--white));
}
.icon.mfm-danger,
.ds-icon.mfm-danger {
  --color-apply: var(--mfm-danger-400);
  color: var(--txt-color-default, var(--white));
}
.icon.transparent,
.ds-icon.transparent {
  --color-apply: transparent;
}

.ds-icon:hover.hover-info {
  --color-apply: var(--blue);
  color: var(--txt-color-default, var(--white));
}
.ds-icon:hover.hover-success {
  --color-apply: var(--green);
  color: var(--txt-color-default, var(--white));
}
.ds-icon:hover.hover-warning {
  --color-apply: var(--orange);
  color: var(--txt-color-default, var(--white));
}
.ds-icon:hover.hover-danger {
  --color-apply: var(--red);
  color: var(--txt-color-default, var(--white));
}

.icon.rsquare,
.ds-icon.rsquare,
.rsquare {
  border-radius: 0.5rem;
}
.icon.rsquare.sm,
.ds-icon.rsquare.sm,
.rsquare.sm {
  border-radius: 0.375rem;
}

.picto,
.avatar,
.na {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  font-family: var(--std);
  font-weight: 500 !important;
}
.picto.size-1,
.avatar.size-1,
.na.size-1 {
  width: 1rem;
  height: 1rem;
  font-size: 0.55rem;
}
.picto.size-1-5,
.avatar.size-1-5,
.na.size-1-5 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
}
.picto.size-1-75,
.avatar.size-1-75,
.na.size-1-75 {
  width: 1.75rem;
  height: 1.75rem;
}
.picto.size-2,
.avatar.size-2,
.na.size-2 {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
.picto.size-2-5,
.avatar.size-2-5,
.na.size-2-5 {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
}
.picto.size-3,
.avatar.size-3,
.na.size-3 {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}
.picto.size-4,
.avatar.size-4,
.na.size-4 {
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
}
.picto.size-5,
.avatar.size-5,
.na.size-5 {
  width: 5rem;
  height: 5rem;
  font-size: 2rem;
}
.picto.size-8,
.avatar.size-8,
.na.size-8 {
  width: 8rem;
  height: 8rem;
  font-size: 4rem;
}

.picto {
  box-shadow: inset 0 2px 2px -2px var(--primary-300), inset 0 -2px 2px -2px var(--primary-300), inset 0 0 1px 0.01rem var(--primary-300);
}
.picto.cs {
  background: url("/img/med-icons.svg#cs") center no-repeat, var(--primary-400);
  background-size: cover;
}
.picto.visio {
  background: url("/img/med-icons.svg#visio") center no-repeat, var(--primary-400);
  background-size: cover;
}

.avatar {
  color: var(--white);
  font-weight: 700;
  font-size: 0.75rem;
  transition: 0.2s linear;
}
.avatar.avatar-pro {
  background: var(--primary-400);
}
.avatar.avatar-sec {
  background: linear-gradient(hsl(210, 55%, 38%), hsl(210, 55%, 14%)), var(--white);
}
.avatar.avatar-rempla {
  background-color: var(--mfm-dark-800);
}
.avatar.avatar-interne {
  background-color: var(--mfm-dark-400);
}
.avatar.avatar-user {
  background: var(--primary-100);
  color: var(--primary-400);
}
.avatar.avatar-user[data-title="Secret médical"] {
  background: var(--white);
  color: var(--dark);
  font-size: 0.875rem;
}
.avatar.avatar-icon {
  background: var(--avatar-icon) bottom -1px center no-repeat, linear-gradient(0deg, var(--primary-200) 0%, var(--primary-300) 100%);
  background-size: auto 80%, cover;
  color: transparent;
}
.avatar.avatar-icon.bg-dark-200 {
  background: var(--avatar-icon) bottom -1px center no-repeat, var(--mfm-dark-200);
  background-size: auto 80%, cover;
}

.user-account .avatar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
  transition: all ease 0.2s;
}
.user-account .avatar.avatar-pro {
  margin-top: 0.5rem;
}

.na {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--dark);
  font-weight: 800;
  font-size: 0.675rem;
  text-transform: uppercase;
}

/*.list-item:only-child
 * .highlight
 *  border-radius: .5rem 0 0 .5rem
 *
 * .list-item:first-child
 * .highlight
 *  border-radius: .5rem 0 0 0
 *
 * .list-item:last-child
 * .highlight
 *  border-radius: 0 0 0 .5rem*/
i.spin {
  display: inline-block;
  animation: spinning 2s infinite linear;
}

i.hgi-stroke, i.hgi-solid {
  aspect-ratio: 1;
  font-size: 1rem;
  height: 1rem;
  mask-size: 1rem;
}
i.i-xs {
  font-size: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  mask-size: 0.5rem;
}
i.i-sm {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  mask-size: 0.75rem;
}
i.i-lg {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  mask-size: 1.25rem;
}
i.i-xl {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  mask-size: 1.5rem;
}

@keyframes pulse-shadow {
  0% {
    opacity: 0.16;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.16;
  }
}
@keyframes pulsar {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.08);
  }
  30% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(67, 0, 154, 0.32);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 1rem rgba(107, 0, 194, 0);
  }
}
@keyframes to_scroll {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shadow {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--hsl-l20), 32%);
  }
  66.6666% {
    box-shadow: 0 0 0 1rem hsla(var(--hsl), 0%);
  }
  100% {
    box-shadow: 0 0 0 1rem hsla(var(--hsl), 0%);
  }
}
@keyframes apparition {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes apparition-blur {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -1rem, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes slide-down-nav {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes slide-up-nav {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes info-pill-apparition {
  0% {
    transform: scale3d(0, 1, 1);
  }
  33% {
    transform: scale3d(1, 1, 1);
    color: transparent;
  }
  100% {
    transform: scale3d(1, 1, 1);
    color: white;
  }
}
@keyframes warning-pulse {
  0% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 0 0 var(--danger);
  }
  50% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 3rem 0 var(--danger);
  }
  100% {
    box-shadow: 0 0 0 4px var(--danger), 0 0 0 0 var(--danger);
  }
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes background-highlight {
  0% {
    box-shadow: inset 0 0 0 10rem var(--highlight-bg);
  }
  66% {
    box-shadow: inset 0 0 0 10rem var(--highlight-bg);
  }
  100% {
    background-color: inset 0 0 0 10rem transparent;
  }
}
@keyframes pop-card {
  0% {
    transform: translate3d(0, 5rem, 0) scale3d(0.8, 0.8, 1);
    filter: blur(1rem);
    opacity: 0;
    pointer-events: none;
  }
  100% {
    transform: none;
    filter: none;
    opacity: 1;
    pointer-events: initial;
  }
}
@keyframes show-up {
  0% {
    padding: 1.5rem;
  }
  100% {
    padding: 2rem 1.5rem 1.5rem;
  }
}
@keyframes rotate-popup {
  0% {
    transform: scale(0) rotate(-36deg);
  }
  100% {
    transform: scale(1) rotate(-4deg);
  }
}
@keyframes rotate-mask {
  0% {
    mask-size: 0 0, cover;
    mask-position: 40px 0, center;
  }
  100% {
    mask-size: 42px 42px, cover;
    mask-position: 19px -21px, center;
  }
}
@keyframes bg-shimmer-x {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
:root {
  --txt: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --cg: "CabinetGrotesk", var(--txt);
  --std: "Steradian", var(--txt);
  --mfm: "MadeForMed", var(--txt);
  font-size: 16px;
}

@font-face {
  font-family: MadeForMed;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/fonts/MadeForMed/madeformed-webfont.eot);
  src: url(/fonts/MadeForMed/madeformed-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/MadeForMed/madeformed-webfont.woff2) format("woff2"), url(/fonts/MadeForMed/madeformed-webfont.woff) format("woff"), url(/fonts/MadeForMed/madeformed-webfont.ttf) format("truetype");
}
@font-face {
  font-family: CabinetGrotesk;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/fonts/CabinetGrotesk-Variable.ttf);
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-th-webfont.eot);
  src: url(/fonts/Steradian/steradian-th-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-th-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-th-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-th-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-thit-webfont.eot);
  src: url(/fonts/Steradian/steradian-thit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-thit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-thit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-thit-webfont.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-xlt-webfont.eot);
  src: url(/fonts/Steradian/steradian-xlt-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-xlt-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-xlt-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-xlt-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-xltit-webfont.eot);
  src: url(/fonts/Steradian/steradian-xltit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-xltit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-xltit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-xltit-webfont.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-ultlt-webfont.eot);
  src: url(/fonts/Steradian/steradian-ultlt-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-ultlt-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-ultlt-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-ultlt-webfont.ttf) format("truetype");
  font-weight: 285;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-ultltit-webfont.eot);
  src: url(/fonts/Steradian/steradian-ultltit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-ultltit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-ultltit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-ultltit-webfont.ttf) format("truetype");
  font-weight: 285;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-lt-webfont.eot);
  src: url(/fonts/Steradian/steradian-lt-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-lt-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-lt-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-lt-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-ltit-webfont.eot);
  src: url(/fonts/Steradian/steradian-ltit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-ltit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-ltit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-ltit-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-rg-webfont.eot);
  src: url(/fonts/Steradian/steradian-rg-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-rg-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-rg-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-rg-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-rgit-webfont.eot);
  src: url(/fonts/Steradian/steradian-rgit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-rgit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-rgit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-rgit-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-md-webfont.eot);
  src: url(/fonts/Steradian/steradian-md-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-md-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-md-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-md-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-mdit-webfont.eot);
  src: url(/fonts/Steradian/steradian-mdit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-mdit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-mdit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-mdit-webfont.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-bd-webfont.eot);
  src: url(/fonts/Steradian/steradian-bd-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-bd-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-bd-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-bd-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-bdit-webfont.eot);
  src: url(/fonts/Steradian/steradian-bdit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-bdit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-bdit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-bdit-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-blk-webfont.eot);
  src: url(/fonts/Steradian/steradian-blk-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-blk-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-blk-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-blk-webfont.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Steradian;
  src: url(/fonts/Steradian/steradian-blkit-webfont.eot);
  src: url(/fonts/Steradian/steradian-blkit-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Steradian/steradian-blkit-webfont.woff2) format("woff2"), url(/fonts/Steradian/steradian-blkit-webfont.woff) format("woff"), url(/fonts/Steradian/steradian-blkit-webfont.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
body {
  font-family: var(--cg);
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.uppercase {
  text-transform: uppercase;
}

a,
a:visited,
a:active {
  text-decoration: none;
}

.subtitle-lg, .subtitle, .subtitle-sm {
  text-transform: uppercase;
}

.text-2xs {
  font-size: 0.5rem;
}

.text-xs {
  font-size: 0.625rem;
}

.text-sm {
  font-size: 0.75rem;
}

.text-base {
  font-size: 0.875rem;
}

.text-lg {
  font-size: 1rem;
}

.text-xl {
  font-size: 1.125rem;
}

.text-2xl {
  font-size: 1.25rem;
}

b {
  font-variation-settings: "wght" 500;
}

legend,
.subtitle {
  font-variation-settings: "wght" 700;
}

.featured-title-100 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.featured-title-100 .rsquare {
  background-color: var(--primary-100);
}
.featured-title-100 .rsquare i {
  color: var(--primary-500);
}
.featured-title-100.visio {
  --primary-100: var(--mfm-primary-100);
  --primary-500: var(--mfm-primary-500);
}
.featured-title-100.warning {
  --primary-100: var(--mfm-warning-100);
  --primary-500: var(--mfm-warning-500);
}
.featured-title-100.dark {
  --primary-100: var(--mfm-dark-100);
  --primary-500: var(--mfm-dark-500);
}

.fw-100 {
  font-variation-settings: "wght" 100;
}

.fw-200 {
  font-variation-settings: "wght" 200;
}

.fw-300 {
  font-variation-settings: "wght" 300;
}

.fw-400 {
  font-variation-settings: "wght" 400;
}

.fw-500 {
  font-variation-settings: "wght" 500;
}

.fw-600 {
  font-variation-settings: "wght" 600;
}

.fw-700 {
  font-variation-settings: "wght" 700;
}

.fw-800 {
  font-variation-settings: "wght" 800;
}

.fw-900 {
  font-variation-settings: "wght" 900;
}

.grid {
  display: grid;
}

.layout-no-mobile {
  display: none;
  visibility: hidden;
}

@media (min-width: 48em) {
  .layout-mobile {
    display: none;
    visibility: hidden;
  }
  .layout-no-mobile {
    display: inherit;
    visibility: inherit;
  }
}
#group-agenda > div {
  padding: 0 var(--main-padding);
}

.flex {
  display: flex;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-auto {
  flex: auto;
}

.flex-left {
  margin-right: auto;
}

.flex-right {
  margin-left: auto;
}

.wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: start;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: end;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

.align-stretch {
  align-items: stretch;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.row-reverse {
  flex-direction: row-reverse;
}

.grid {
  display: grid;
}

.grid-2-col {
  grid-template-columns: repeat(2, 1fr);
}

.grid-3-col {
  grid-template-columns: repeat(3, 1fr);
}

.grid-4-col {
  grid-template-columns: repeat(4, 1fr);
}

.grid-5-col {
  grid-template-columns: repeat(5, 1fr);
}

.grid-6-col {
  grid-template-columns: repeat(6, 1fr);
}

.grid-7-col {
  grid-template-columns: repeat(7, 1fr);
}

.grid-8-col {
  grid-template-columns: repeat(8, 1fr);
}

.grid-9-col {
  grid-template-columns: repeat(9, 1fr);
}

.grid-10-col {
  grid-template-columns: repeat(10, 1fr);
}

.grid-11-col {
  grid-template-columns: repeat(11, 1fr);
}

.grid-12-col {
  grid-template-columns: repeat(12, 1fr);
}

@media (min-width: 36em) {
  .grid-2-sm-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-3-sm-col {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-4-sm-col {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-5-sm-col {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-6-sm-col {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-7-sm-col {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-8-sm-col {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-9-sm-col {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-10-sm-col {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-11-sm-col {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid-12-sm-col {
    grid-template-columns: repeat(12, 1fr);
  }
}
.gap-025 {
  gap: 0.25rem !important;
}

.gap-0375 {
  gap: 0.375rem !important;
}

.gap-05 {
  gap: 0.5rem !important;
}

.gap-075 {
  gap: 0.75rem !important;
}

.gap-1 {
  gap: 1rem !important;
}

.gap-1-5 {
  gap: 1.5rem !important;
}

.gap-2 {
  gap: 2rem !important;
}

.gap-3 {
  gap: 3rem !important;
}

.gap-1px {
  gap: 1px;
}

.row-gap-025 {
  row-gap: 0.25rem !important;
}

.row-gap-0375 {
  row-gap: 0.375rem !important;
}

.row-gap-05 {
  row-gap: 0.5rem !important;
}

.row-gap-075 {
  row-gap: 0.75rem !important;
}

.row-gap-1 {
  row-gap: 1rem !important;
}

.row-gap-1-5 {
  row-gap: 1.5rem !important;
}

.row-gap-2 {
  row-gap: 2rem !important;
}

.row-gap-3 {
  row-gap: 3rem !important;
}

.column-gap-025 {
  column-gap: 0.25rem !important;
}

.column-gap-0375 {
  column-gap: 0.375rem !important;
}

.column-gap-05 {
  column-gap: 0.5rem !important;
}

.column-gap-075 {
  column-gap: 0.75rem !important;
}

.column-gap-1 {
  column-gap: 1rem !important;
}

.column-gap-1-5 {
  column-gap: 1.5rem !important;
}

.column-gap-2 {
  column-gap: 2rem !important;
}

.column-gap-3 {
  column-gap: 3rem !important;
}

.to-left {
  margin-right: auto;
}

.to-right {
  margin-left: auto;
}

.hide-default {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.z-1 {
  z-index: 1;
}

.mt-xs {
  margin-top: 0.25rem !important;
}

.mr-xs {
  margin-right: 0.25rem !important;
}

.mb-xs {
  margin-bottom: 0.25rem !important;
}

.ml-xs {
  margin-left: 0.25rem !important;
}

.mx-xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-xs {
  margin: 0.25rem !important;
}

.mt-sm {
  margin-top: 0.5rem !important;
}

.mr-sm {
  margin-right: 0.5rem !important;
}

.mb-sm {
  margin-bottom: 0.5rem !important;
}

.ml-sm {
  margin-left: 0.5rem !important;
}

.mx-sm {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-sm {
  margin: 0.5rem !important;
}

.mt-md {
  margin-top: 1rem !important;
}

.mr-md {
  margin-right: 1rem !important;
}

.mb-md {
  margin-bottom: 1rem !important;
}

.ml-md {
  margin-left: 1rem !important;
}

.mx-md {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-md {
  margin: 1rem !important;
}

.mt-lg {
  margin-top: 2rem !important;
}

.mr-lg {
  margin-right: 2rem !important;
}

.mb-lg {
  margin-bottom: 2rem !important;
}

.ml-lg {
  margin-left: 2rem !important;
}

.mx-lg {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-lg {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-lg {
  margin: 2rem !important;
}

.mt-xl {
  margin-top: 3rem !important;
}

.mr-xl {
  margin-right: 3rem !important;
}

.mb-xl {
  margin-bottom: 3rem !important;
}

.ml-xl {
  margin-left: 3rem !important;
}

.mx-xl {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-xl {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-2xl {
  margin: 4rem !important;
}

.mt-2xl {
  margin-top: 4rem !important;
}

.mr-2xl {
  margin-right: 4rem !important;
}

.mb-2xl {
  margin-bottom: 4rem !important;
}

.ml-2xl {
  margin-left: 4rem !important;
}

.mx-2xl {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-2xl {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-2xl {
  margin: 4rem !important;
}

.m-3xl {
  margin: 5rem !important;
}

.mt-3xl {
  margin-top: 5rem !important;
}

.mr-3xl {
  margin-right: 5rem !important;
}

.mb-3xl {
  margin-bottom: 5rem !important;
}

.ml-3xl {
  margin-left: 5rem !important;
}

.mx-3xl {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-3xl {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-3xl {
  margin: 5rem !important;
}

.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.pt-xs {
  padding-top: 0.25rem !important;
}

.pr-xs {
  padding-right: 0.25rem !important;
}

.pb-xs {
  padding-bottom: 0.25rem !important;
}

.pl-xs {
  padding-left: 0.25rem !important;
}

.px-xs {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-xs {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-xs {
  padding: 0.25rem !important;
}

.pt-sm {
  padding-top: 0.5rem !important;
}

.pr-sm {
  padding-right: 0.5rem !important;
}

.pb-sm {
  padding-bottom: 0.5rem !important;
}

.pl-sm {
  padding-left: 0.5rem !important;
}

.px-sm {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-sm {
  padding: 0.5rem !important;
}

.pt-md {
  padding-top: 1rem !important;
}

.pr-md {
  padding-right: 1rem !important;
}

.pb-md {
  padding-bottom: 1rem !important;
}

.pl-md {
  padding-left: 1rem !important;
}

.px-md {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-md {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-md {
  padding: 1rem !important;
}

.pt-lg {
  padding-top: 2rem !important;
}

.pr-lg {
  padding-right: 2rem !important;
}

.pb-lg {
  padding-bottom: 2rem !important;
}

.pl-lg {
  padding-left: 2rem !important;
}

.px-lg {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-lg {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-lg {
  padding: 2rem !important;
}

.pt-xl {
  padding-top: 3rem !important;
}

.pr-xl {
  padding-right: 3rem !important;
}

.pb-xl {
  padding-bottom: 3rem !important;
}

.pl-xl {
  padding-left: 3rem !important;
}

.px-xl {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-xl {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-2xl {
  padding: 4rem !important;
}

.pt-2xl {
  padding-top: 4rem !important;
}

.pr-2xl {
  padding-right: 4rem !important;
}

.pb-2xl {
  padding-bottom: 4rem !important;
}

.pl-2xl {
  padding-left: 4rem !important;
}

.px-2xl {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-2xl {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-2xl {
  padding: 4rem !important;
}

.p-3xl {
  padding: 5rem !important;
}

.pt-3xl {
  padding-top: 5rem !important;
}

.pr-3xl {
  padding-right: 5rem !important;
}

.pb-3xl {
  padding-bottom: 5rem !important;
}

.pl-3xl {
  padding-left: 5rem !important;
}

.px-3xl {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-3xl {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-3xl {
  padding: 5rem !important;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.full-screen {
  width: 100dvw;
  height: 100dvh;
}

.mw-50 {
  width: 50%;
}

.rounded-3xs {
  border-radius: 0.25rem;
}

.rounded-3xs-top {
  border-radius: 0.25rem 0.25rem 0 0;
}

.rounded-3xs-bottom {
  border-radius: 0 0 0.25rem 0.25rem;
}

.rounded-2xs {
  border-radius: 0.375rem;
}

.rounded-2xs-top {
  border-radius: 0.375rem 0.375rem 0 0;
}

.rounded-2xs-bottom {
  border-radius: 0 0 0.375rem 0.375rem;
}

.rounded-xs {
  border-radius: 0.5rem;
}

.rounded-xs-top {
  border-radius: 0.5rem 0.5rem 0 0;
}

.rounded-xs-bottom {
  border-radius: 0 0 0.5rem 0.5rem;
}

.rounded-sm {
  border-radius: 0.75rem;
}

.rounded-sm-top {
  border-radius: 0.75rem 0.75rem 0 0;
}

.rounded-sm-bottom {
  border-radius: 0 0 0.75rem 0.75rem;
}

.rounded-md {
  border-radius: 1rem;
}

.rounded-md-top {
  border-radius: 1rem 1rem 0 0;
}

.rounded-md-bottom {
  border-radius: 0 0 1rem 1rem;
}

.rounded-lg {
  border-radius: 1.5rem;
}

.rounded-lg-top {
  border-radius: 1.5rem 1.5rem 0 0;
}

.rounded-lg-bottom {
  border-radius: 0 0 1.5rem 1.5rem;
}

.rounded-xl {
  border-radius: 2rem;
}

.rounded-xl-top {
  border-radius: 2rem 2rem 0 0;
}

.rounded-xl-bottom {
  border-radius: 0 0 2rem 2rem;
}

.size-1 {
  width: 1rem;
  height: 1rem;
}

.size-2 {
  width: 2rem;
  height: 2rem;
}

.size-3 {
  width: 3rem;
  height: 3rem;
}

.size-4 {
  width: 4rem;
  height: 4rem;
}

.size-5 {
  width: 5rem;
  height: 5rem;
}

@media (max-width: 35.9375em) {
  .br-mobile {
    display: block;
  }
  .br-desktop {
    display: inline;
  }
  .hide-mobile {
    display: none;
    visibility: hidden;
  }
  .hide-desktop {
    display: inherit;
  }
}
@media (min-width: 48em) {
  .br-mobile {
    display: inline;
  }
  .br-desktop {
    display: block;
  }
  .hide-mobile {
    display: inherit;
  }
  span.hide-mobile {
    display: inline;
  }
  .hide-desktop {
    display: none;
    visibility: hidden;
  }
}
.cake-error {
  z-index: 9999;
  background-color: var(--mfm-dark-950);
  padding: 0.25rem 0.5rem;
  color: var(--white);
  border-radius: 0.5rem;
}
.cake-error > a {
  color: var(--mfm-warning-500);
}
.cake-error .cake-stack-trace {
  margin-top: 0.5rem;
}
.cake-error .cake-stack-trace a {
  background-color: var(--white);
  padding: 0.125rem 0.35rem;
  color: var(--mfm-dark-950);
  font-weight: bold;
  border-radius: 0.25rem;
}
.cake-error .cake-code-dump,
.cake-error .cake-context {
  margin-top: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: var(--mfm-dark-100);
  border-radius: 0.25rem;
}
.cake-error .cake-context {
  color: var(--mfm-dark-800);
}
.cake-error .stack-trace {
  margin-top: 0.25rem;
}

.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-active-color: var(--mfm-dark-950);
}

.accordion-item:not(.day, .dispo-day) {
  position: relative;
  border-radius: 1rem !important;
  transition: 0.2s;
}
.accordion-item:not(.day, .dispo-day)::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  height: 1px;
  background-color: var(--mfm-dark-100);
  opacity: 0;
  transition: 0.2s;
}
.accordion-item:not(.day, .dispo-day):not(:last-child, :hover, .accordion-item:has(+ .accordion-item:hover, .accordion-button:focus, + .accordion-item .accordion-button:focus, + .accordion-item .collapse.show, .collapse.show))::after {
  opacity: 1;
}
.accordion-item:not(.day, .dispo-day):hover, .accordion-item:not(.day, .dispo-day):has(.accordion-collapse.collapsing, .accordion-collapse.show) {
  background-color: var(--mfm-dark-50);
}
.accordion-item:not(.day, .dispo-day):hover .accordion-button, .accordion-item:not(.day, .dispo-day):has(.accordion-collapse.collapsing, .accordion-collapse.show) .accordion-button {
  font-variation-settings: "wght" 720;
}
.accordion-item:not(.day, .dispo-day):hover .accordion-button::after, .accordion-item:not(.day, .dispo-day):has(.accordion-collapse.collapsing, .accordion-collapse.show) .accordion-button::after {
  color: var(--mfm-dark-600);
}
.accordion-item:not(.day, .dispo-day) .accordion-button {
  outline: none;
  border-radius: 1rem !important;
  transition: 0.2s;
}
.accordion-item:not(.day, .dispo-day) .accordion-button:hover {
  background-color: transparent;
}
.accordion-item:not(.day, .dispo-day) .accordion-button:focus {
  box-shadow: none;
}
.accordion-item:not(.day, .dispo-day) .accordion-button[aria-expanded=true]::after, .accordion-item:not(.day, .dispo-day) .accordion-button[aria-expanded=true]:hover::after {
  color: var(--mfm-dark-600);
  transform: rotate(180deg);
}
.accordion-item:not(.day, .dispo-day) .accordion-button::after {
  content: "";
  position: absolute;
  mask-image: url(/img/hugeicons/arrow-down-01-stroke-rounded.svg);
  background-image: none;
  background-color: currentColor;
  width: 1.5rem;
  height: 1.5rem;
  right: 1rem;
  color: var(--mfm-dark-400);
  transition: 0.2s;
}
.accordion-item:not(.day, .dispo-day) li::marker {
  color: var(--mfm-dark-400);
}

/* Alert */
body .alert {
  --text-color: var(--mfm-black);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  background-color: transparent;
  position: relative;
  margin: 0;
  padding: 2rem 1.5rem 1.5rem;
  width: 100%;
  color: var(--theme-color, var(--mfm-black));
  text-shadow: none;
  border: none;
  border-radius: var(--radius-md);
  z-index: 9;
  will-change: padding;
  animation: show-up 500ms ease backwards var(--delay, 200ms);
}
body .alert::after {
  mask-image: url("../img/alert-mask.svg"), linear-gradient(var(--alert-bg), var(--alert-bg));
  mask-size: 42px 42px, cover;
  mask-position: 19px -21px, center;
  mask-repeat: no-repeat;
  mask-composite: exclude;
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--alert-bg);
  box-shadow: inset 0 0 0 1px var(--alert-box-shadow);
  border-radius: var(--radius-md);
  animation: rotate-mask 500ms ease backwards var(--delay, 200ms);
}
body .alert .icon {
  background-color: var(--alert-bg-icon);
  position: absolute;
  top: -1rem;
  left: 1.5rem;
  transform: rotate(-4deg);
  will-change: transform;
  animation: rotate-popup 500ms ease backwards var(--delay, 200ms);
}
body .alert .icon i {
  color: var(--white);
}
body .alert.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .alert.centered > div {
  text-align: center;
}
body .alert.alert-sm {
  padding: 1.5rem 1rem 1rem;
  animation: none;
}
body .alert.alert-sm::after {
  mask-size: 26px 26px, cover;
  mask-position: 15px -13px, center;
  animation: none;
}
body .alert.alert-sm .icon {
  top: -0.75rem;
  left: 1rem;
  box-shadow: 0 0 0 0.125rem var(--primary-50);
  animation: none;
}
body .alert-success {
  --alert-bg-icon: var(--mfm-success-400);
  --alert-bg: var(--mfm-success-50);
  --alert-box-shadow: var(--mfm-success-100);
  --theme-color: var(--mfm-success-900);
  --close-bg-button: var(--mfm-success-200);
  --link-color: var(--mfm-success-600);
}
body .alert-info {
  --alert-bg-icon: var(--mfm-info-400);
  --alert-bg: var(--mfm-info-50);
  --alert-box-shadow: var(--mfm-info-100);
  --theme-color: var(--mfm-info-900);
  --close-bg-button: var(--mfm-info-200);
  --link-color: var(--mfm-info-600);
}
body .alert-warning {
  --alert-bg-icon: var(--mfm-warning-400);
  --alert-bg: var(--mfm-warning-50);
  --alert-box-shadow: var(--mfm-warning-100);
  --theme-color: var(--mfm-warning-900);
  --close-bg-button: var(--mfm-warning-200);
  --link-color: var(--mfm-warning-600);
}
body .alert-danger {
  --alert-bg-icon: var(--mfm-danger-400);
  --alert-bg: var(--mfm-danger-50);
  --alert-box-shadow: var(--mfm-danger-100);
  --theme-color: var(--mfm-danger-900);
  --close-bg-button: var(--mfm-danger-200);
  --link-color: var(--mfm-danger-600);
}
body .alert-primary {
  --alert-bg-icon: var(--primary-400);
  --alert-bg: var(--primary-50);
  --alert-box-shadow: var(--primary-100);
  --theme-color: var(--primary-900);
  --close-bg-button: var(--primary-200);
  --link-color: var(--primary-600);
}
body section .alert {
  --alert-bg: var(--white) !important;
  --alert-box-shadow: transparent !important;
  --radius-md: 1rem !important;
}
body section .alert .icon {
  box-shadow: 0 0 0 0.25rem var(--mfm-dark-50);
}
body .alert[class*=alert-] h4 {
  color: var(--text-color);
}
body .alert[class*=-light] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) -33%, var(--color-gradient) 100%), #FFF;
  color: var(--text-color);
  padding: 0.5rem 0.75rem 1rem;
}
body .alert[class*=-light] .flex {
  align-items: center;
}
body .alert p {
  margin: 0;
  width: 100%;
}
body .annonces-container p:not(:first-of-type),
body .alert > p:not(:first-of-type) {
  padding-top: 1rem;
  box-shadow: inset 0 2px 0 0 var(--w32), inset 0 1px 0 0 var(--mfm-warning-200);
}
body .alert a[href]:not(.btn-link) {
  background: rgba(255, 255, 255, 0.16);
  padding: 2px 4px;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  box-shadow: 0 1px 2px -1px ar(--b8), inset 0 0 0 1px var(--w8);
  transition: 0.2s;
}
body .alert a[href]:not(.btn-link):hover {
  background: white;
  color: var(--text-color);
}
body .alert a.btn-link {
  color: var(--link-color);
  border-bottom: 1px solid var(--link-color);
}
body .alert a.btn-link:hover {
  --link-color: var(--theme-color);
}
body .alert.info-light {
  --color-gradient: hsla(220,92%,60%, 16%);
}
body .alert.warning-light {
  --color-gradient: hsla(42,100%,50%, 24%);
}
body .alert.danger-light {
  --color-gradient: hsla(350,86%,59%, 16%);
}
body .alert .close {
  top: unset;
  right: unset;
}
body .alert ul.checklist li {
  list-style: none;
}
body .alert svg {
  width: 2rem;
  height: 2rem;
  overflow: visible;
}
body .alert img {
  margin: -0.5rem 0;
  height: 3rem;
}

body.themed .alert-white-bg {
  --alert-bg: var(--white) !important;
  --alert-box-shadow: var(--white) !important;
}

.alert a.alert-close,
.alert button.alert-close {
  --color-apply: transparent;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.alert a.alert-close:hover,
.alert button.alert-close:hover {
  background-color: var(--close-bg-button);
}

.alert-section .alert:nth-of-type(2) {
  --delay: 400ms;
}
.alert-section .alert:nth-of-type(3) {
  --delay: 600ms;
}

blockquote .alert {
  color: var(--mfm-dark-950);
}

button.ds-btn,
.slide-reveal button,
button.filter,
button.flex {
  border: none !important;
}

button.blue, button.info,
.ds-btn.blue,
.ds-btn.info {
  --color-apply: var(--blue);
  color: var(--txt-color-default, var(--white));
}
button.green, button.success,
.ds-btn.green,
.ds-btn.success {
  --color-apply: var(--green);
  color: var(--txt-color-default, var(--white));
}
button.orange, button.warning,
.ds-btn.orange,
.ds-btn.warning {
  --color-apply: var(--orange);
  color: var(--txt-color-default, var(--white));
}
button.red, button.danger,
.ds-btn.red,
.ds-btn.danger {
  --color-apply: var(--red);
  color: var(--txt-color-default, var(--white));
}
button.red-100,
.ds-btn.red-100 {
  --color-apply: hsl(350, 86%, 95%);
  color: var(--red, var(--b64));
}

.ds-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2rem;
  appearance: none;
  background: var(--color-apply, var(--bs-btn-bg, var(--b4)));
  width: fit-content;
  color: var(--b32);
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: 0.2s ease;
}
.ds-btn.btn-success {
  --color-apply: var(--mfm-success-100);
  color: var(--mfm-success-400);
}
.ds-btn.btn-success:hover {
  --color-apply: var(--mfm-success-400);
  color: var(--white) !important;
}
.ds-btn.btn-info {
  --color-apply: var(--mfm-info-100);
  color: var(--mfm-info-400);
}
.ds-btn.btn-info:hover {
  --color-apply: var(--mfm-info-400);
  color: var(--white) !important;
}
.ds-btn.btn-warning {
  --color-apply: var(--mfm-warning-100);
  color: var(--mfm-warning-400);
}
.ds-btn.btn-warning:hover {
  --color-apply: var(--mfm-warning-400);
  color: var(--white) !important;
}
.ds-btn.btn-danger {
  --color-apply: var(--mfm-danger-100);
  color: var(--mfm-danger-400);
}
.ds-btn.btn-danger:hover {
  --color-apply: var(--mfm-danger-400);
  color: var(--white) !important;
}

.ds-btn.btn-clear,
.ds-icon.btn-clear {
  --color-apply: transparent;
  color: var(--b96);
}
.ds-btn.btn-white,
.ds-icon.btn-white {
  --color-apply: var(--white);
  color: var(--txt-color-default, var(--b64));
}
.ds-btn.btn-white.btn-primary-hover:hover,
.ds-icon.btn-white.btn-primary-hover:hover {
  --color-apply: var(--dark);
  color: white;
}
.ds-btn.btn-black,
.ds-icon.btn-black {
  background-color: var(--mfm-black);
  color: var(--white);
}
.ds-btn.btn-black:hover,
.ds-icon.btn-black:hover {
  --color-apply: var(--primary-400);
}
.ds-btn.btn-w4,
.ds-icon.btn-w4 {
  --color-apply: var(--w4);
  color: white;
}
.ds-btn.btn-w8,
.ds-icon.btn-w8 {
  --color-apply: var(--w8);
  color: white;
}
.ds-btn.btn-w16,
.ds-icon.btn-w16 {
  --color-apply: var(--w16);
  color: white;
}
.ds-btn.btn-w24,
.ds-icon.btn-w24 {
  --color-apply: var(--w24);
  color: white;
}
.ds-btn.btn-w32,
.ds-icon.btn-w32 {
  --color-apply: var(--w32);
  color: white;
}
.ds-btn.btn-w64,
.ds-icon.btn-w64 {
  --color-apply: var(--w64);
  color: white;
}
.ds-btn[class*=btn-w]:hover,
.ds-icon[class*=btn-w]:hover {
  --color-apply: var(--white);
  color: var(--dark);
}
.ds-btn.btn-b4,
.ds-icon.btn-b4 {
  --color-apply: var(--b4);
  color: white;
}
.ds-btn.btn-b8,
.ds-icon.btn-b8 {
  --color-apply: var(--b8);
  color: white;
}
.ds-btn.btn-b16,
.ds-icon.btn-b16 {
  --color-apply: var(--b16);
  color: white;
}
.ds-btn.btn-b24,
.ds-icon.btn-b24 {
  --color-apply: var(--b24);
  color: white;
}
.ds-btn.btn-b32,
.ds-icon.btn-b32 {
  --color-apply: var(--b32);
  color: white;
}
.ds-btn.btn-b64,
.ds-icon.btn-b64 {
  --color-apply: var(--b64);
  color: white;
}
.ds-btn[class*=btn-b]:hover,
.ds-icon[class*=btn-b]:hover {
  --color-apply: var(--dark);
  color: var(--white);
}
.ds-btn.btn-primary,
.ds-icon.btn-primary {
  position: relative;
  color: white;
}
.ds-btn.btn-primary::before,
.ds-icon.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
.ds-btn.btn-white,
.ds-icon.btn-white {
  background-color: var(--white);
  color: var(--mfm-dark-950);
}
.ds-btn.btn-white:hover,
.ds-icon.btn-white:hover {
  background-color: var(--mfm-dark-950) !important;
  color: var(--white) !important;
}
.ds-btn.btn-mfm-secondary,
.ds-icon.btn-mfm-secondary {
  background-color: var(--mfm-secondary-400);
  color: var(--white) !important;
}
.ds-btn.btn-mfm-secondary:hover,
.ds-icon.btn-mfm-secondary:hover {
  background-color: var(--mfm-dark-950) !important;
}
.ds-btn.btn-mfm-soft,
.ds-icon.btn-mfm-soft {
  background-color: var(--mfm-secondary-100);
  color: var(--mfm-secondary-600);
}
.ds-btn.btn-mfm-soft:not(.danger):hover,
.ds-icon.btn-mfm-soft:not(.danger):hover {
  background-color: var(--mfm-secondary-400);
  color: white;
}

.ds-btn.btn-txt {
  padding: 0.25rem 0.75rem;
}
.ds-btn.btn-txt.px-md {
  padding: 0.5rem 1.5rem;
}
.ds-btn.btn-txt-left {
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
.ds-btn.btn-txt-right {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
}
.ds-btn.btn-block {
  display: block;
  width: 100%;
}
.ds-btn.xs {
  min-width: 1rem;
  height: 1rem;
}
.ds-btn.sm {
  min-width: 1.5rem;
  height: 1.5rem;
}
.ds-btn.sm i {
  font-size: 0.75rem;
}
.ds-btn.md {
  min-width: 2rem;
  height: 2rem;
}
.ds-btn.md i:not(.ri-lg) {
  font-size: 1rem;
}
.ds-btn.lg {
  min-width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.ds-btn.lg i {
  font-size: 1.25rem;
}
.ds-btn.lg.btn-txt {
  padding: 0.25rem 1.5rem;
}
.ds-btn.xl {
  min-width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
}
.ds-btn.txt-sm i {
  font-size: 0.75rem;
}
.ds-btn.txt-lg {
  font-size: 1rem;
}
.ds-btn.txt-lg i {
  font-size: 1rem;
}
.ds-btn.txt-xl {
  font-size: 1.5rem;
}
.ds-btn.txt-xl i {
  font-size: 1.5rem;
}
.ds-btn.btn-left {
  justify-content: start;
}
.ds-btn.btn-right {
  justify-content: end;
}
.ds-btn.btn-right i {
  margin: 0 0.5rem;
}
.ds-btn.btn-icon {
  padding: 0;
}
.ds-btn.blue-icon i {
  color: var(--blue);
}
.ds-btn.red-icon i {
  color: var(--red);
}
.ds-btn i {
  transition: 0.2s ease;
}

button:hover,
.ds-btn:not(.danger):hover {
  background: var(--color-apply, var(--b8));
  color: initial;
  text-decoration: none;
}

.ds-btn:hover.btn-white.red {
  background: var(--red);
  color: var(--white);
}

.ds-btn.reverse i,
.ds-icon.reverse i {
  transform: rotate(180deg);
}

.ds-btn.is-loading i {
  -webkit-animation: spinning 2s infinite linear;
  animation: spinning 2s infinite linear;
}

a.close,
button.close {
  position: relative;
  background-color: var(--white);
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  color: transparent;
  text-shadow: none;
  opacity: 1;
  border-radius: var(--radius-btn);
  transition: 0.2s;
  z-index: 1;
}
a.close:hover,
button.close:hover {
  background-color: var(--dark);
  color: transparent;
  opacity: 1;
}
a.close:hover::before, a.close:hover::after,
button.close:hover::before,
button.close:hover::after {
  background-color: var(--white);
}
a.close::before, a.close::after,
button.close::before,
button.close::after {
  content: "";
  background-color: var(--b64, hsl(var(--hsl, 0, 0%, 46%)));
  border-radius: 1rem;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  left: 0.555rem;
  right: 0;
  text-align: right;
  width: 0.875rem;
  height: 0.15rem;
  transition: 0.2s;
}
a.close::before,
button.close::before {
  transform: rotate(45deg);
}
a.close::after,
button.close::after {
  transform: rotate(-45deg);
}

.alert a.close,
.alert button.close {
  background-color: var(--b8);
}
.alert a.close::before, .alert a.close::after,
.alert button.close::before,
.alert button.close::after {
  background-color: var(--white);
}
.alert a.close:hover,
.alert button.close:hover {
  background-color: var(--b16);
}
.alert a.close:hover::before, .alert a.close:hover::after,
.alert button.close:hover::before,
.alert button.close:hover::after {
  background-color: var(--white);
}

.alert .close.close-sm {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  box-shadow: inset 0 0 0 1px var(--b4);
}
.alert .close.close-sm::before, .alert .close.close-sm::after {
  left: 0.375rem;
  width: 0.75rem;
  height: 0.125rem;
}

.btn.next,
.btn.prev {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  transition: 0.2s;
}
.btn.next > i.spin,
.btn.prev > i.spin {
  display: none !important;
  font-size: 1.25rem;
}
.btn.next:disabled.next.loading,
.btn.prev:disabled.next.loading {
  background-color: var(--mfm-dark-950);
  color: var(--white);
  opacity: 1;
  cursor: not-allowed;
}
.btn.next.loading,
.btn.prev.loading {
  height: 2.5rem;
}
.btn.next.loading > i,
.btn.prev.loading > i {
  display: inline-block !important;
}
.btn.next.loading span,
.btn.prev.loading span {
  display: none;
}

label {
  font-weight: 500;
}
label.ds-label {
  margin-bottom: 0.5rem;
  font-family: var(--std);
  color: var(--mfm-dark-400);
  font-size: 0.75rem;
  text-transform: uppercase;
}

textarea {
  transition: 0.2s;
}
textarea:active, textarea:focus, textarea:focus-visible {
  border: none;
  outline: none;
}

form.ds-form .input-group input.form-control,
form.ds-form input.form-control,
form.ds-form .selectize-input,
form.ds-form .input-group textarea.form-control,
form.ds-form textarea {
  border: none;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 1px var(--theme-color-outline, var(--b8));
  transition: 0.2s linear;
  z-index: 0;
}
form.ds-form .input-group input.form-control[name=search],
form.ds-form input.form-control[name=search],
form.ds-form .selectize-input[name=search],
form.ds-form .input-group textarea.form-control[name=search],
form.ds-form textarea[name=search] {
  border-radius: 0;
}
form.ds-form .input-group input.form-control:focus,
form.ds-form .input-group input.form-control textarea:focus, form.ds-form .input-group input.form-control.input-active, form.ds-form .input-group input.form-control.focus,
form.ds-form input.form-control:focus,
form.ds-form input.form-control textarea:focus,
form.ds-form input.form-control.input-active,
form.ds-form input.form-control.focus,
form.ds-form .selectize-input:focus,
form.ds-form .selectize-input textarea:focus,
form.ds-form .selectize-input.input-active,
form.ds-form .selectize-input.focus,
form.ds-form .input-group textarea.form-control:focus,
form.ds-form .input-group textarea.form-control textarea:focus,
form.ds-form .input-group textarea.form-control.input-active,
form.ds-form .input-group textarea.form-control.focus,
form.ds-form textarea:focus,
form.ds-form textarea textarea:focus,
form.ds-form textarea.input-active,
form.ds-form textarea.focus {
  border: none;
  outline: none;
  box-shadow: 0 0 0 1px hsl(265, 100%, 75%), 0 0 0 0.25rem hsl(265, 100%, 92%);
}
form.ds-form textarea:focus {
  overflow: auto;
}
form.ds-form textarea + .textarea-validation {
  display: none;
  position: absolute;
  bottom: -0.75rem;
  right: 1rem;
  background: var(--bg-btn);
  color: transparent;
  box-shadow: 0 0 0 0.25rem white;
  transform: scaleX(0);
  z-index: 9;
}
form.ds-form textarea:focus + .textarea-validation {
  display: flex;
  animation: textarea-confirm 600ms cubic-bezier(0.5, 0.75, 0.25, 1) 100ms forwards;
  transition: 0.2s linear;
}
@keyframes textarea-confirm {
  0% {
    transform: scale3d(0, 1, 1);
  }
  33.3333% {
    transform: scale3d(1, 1, 1);
    color: transparent;
  }
  100% {
    transform: scale3d(1, 1, 1);
    color: var(--main-color);
  }
}
form.ds-form .ds-input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}
form.ds-form .ds-input-group > .form-control,
form.ds-form .ds-input-group > .form-select {
  position: relative;
  flex: 1 0 auto;
  width: auto;
  min-height: 2.5rem;
}
form.ds-form .ds-input-group > .form-control:focus,
form.ds-form .ds-input-group > .form-select:focus {
  border-radius: 0.5rem;
  z-index: 3;
}
form.ds-form .ds-input-group .input-group-addon,
form.ds-form .ds-input-group .input-group-btn {
  width: fit-content;
  flex: 0;
  font-size: inherit;
}
form.ds-form .ds-input-group .input-group-addon .ds-btn,
form.ds-form .ds-input-group .input-group-btn .ds-btn {
  position: relative;
  padding: 0 0.75rem;
  height: 100%;
  max-height: 2.5rem;
  color: var(--b64);
  z-index: 2;
}
@media (min-width: 48em) {
  form.ds-form .ds-input-group .input-group-addon .ds-btn,
  form.ds-form .ds-input-group .input-group-btn .ds-btn {
    padding: 0.25rem 0.75rem;
  }
}
form.ds-form .ds-input-group .input-group-addon .ds-btn:focus,
form.ds-form .ds-input-group .input-group-btn .ds-btn:focus {
  z-index: 3;
}
form.ds-form .search-btn {
  background: var(--b8);
  color: var(--b64);
}
form.ds-form .search-btn:hover {
  background-color: hsl(265, 100%, 75%);
  color: var(--white);
}
form.ds-form .input-group-text {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
form.ds-form .input-group .form-control:not(:first-child):last-child,
form.ds-form .input-group-addon:last-child,
form.ds-form .input-group-btn:last-child > .ds-btn,
form.ds-form .input-group-btn:last-child > .btn-group > .ds-btn,
form.ds-form .input-group-btn:last-child > .dropdown-toggle,
form.ds-form .input-group-btn:first-child > .ds-btn:not(:first-child):not(.dropdown-toggle),
form.ds-form .input-group-btn:first-child > .btn-group:not(:first-child) > .ds-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.block-default {
  background-color: var(--b4);
  padding: 1rem;
  color: var(--mfm-black);
  border-radius: 1rem;
}
.block-default .title {
  margin-bottom: 1rem;
}
.block-default .title .ds-icon {
  background: var(--mfm-primary);
  color: var(--white);
}
.block-default .title h3 {
  font-size: 1.125rem;
}
.block-default .rules-box {
  background-color: var(--b2);
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  box-shadow: inset 0 0 0 1px var(--b4);
}
.block-default .rules-box .btn {
  background-color: white;
  color: var(--mfm-black);
}
.block-default .rules-box .btn:hover {
  background-color: var(--mfm-primary);
  color: var(--white);
}
.block-default .btn-link,
.block-default a {
  color: var(--mfm-primary-d5);
}
.block-default .btn-link:hover,
.block-default a:hover {
  color: var(--mfm-primary-d10);
  text-decoration: none;
}

.block-info {
  position: relative;
  justify-content: space-between;
  padding: 1rem;
  background: linear-gradient(180deg, hsl(265, 100%, 98%) -33%, hsl(265, 100%, 94%) 100%);
  color: var(--mfm-black);
  border-radius: 1rem;
  border: none;
  box-shadow: inset 0 0 0 1px hsl(265, 100%, 96%);
}
.block-info .title {
  margin-bottom: 1rem;
}
.block-info .title .ds-icon {
  background: var(--mfm-primary);
  color: var(--white);
}
.block-info .title h3 {
  font-size: 1.125rem;
}
.block-info.block-themed {
  background: var(--primary-100);
  box-shadow: none;
}
.block-info.themed-text,
.block-info .themed-text {
  color: var(--mfm-primary-d50);
}
.block-info .btn-link,
.block-info a {
  color: var(--mfm-primary-d5);
}
.block-info .btn-link:hover,
.block-info a:hover {
  color: var(--mfm-primary-d10);
  text-decoration: none;
}
.block-info .ds-btn {
  --color-apply: var(--mfm-primary);
  color: white;
}
.block-info .ds-btn:hover {
  --color-apply: var(--mfm-primary-d5);
  color: white;
}
.block-info span:not(.ds-icon) {
  opacity: 0.92;
}

.well.empty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: url(/img/no-content-asset.svg) top 1rem center no-repeat;
  background-size: auto 6rem;
  padding: 7.5rem 0 0;
  color: var(--active-color, var(--b64));
  font-weight: 600;
  text-align: center;
  border: none;
  box-shadow: none;
}
.well.empty-block .ds-btn,
.well.empty-block ds-btn i {
  color: var(--active-color, var(--black));
}
.well.help-no-doc .refresh {
  display: none;
}
.well.help-no-doc .refresh i {
  font-size: 1.25rem;
}

.files-container[files-count="0"] .help-no-doc .refresh {
  display: flex;
}

:root {
  --info-dark-gradient: linear-gradient(16deg, #112e4f 0%, #415872 100%);
  --info-dark-gradient-10: linear-gradient(-180deg, rgba(65,88,114,.08) -33%, rgba(16,32,80,.08) 100%);
}

.modal {
  justify-content: center;
  gap: 1rem;
}
.modal .modal-dialog {
  flex-basis: auto;
  margin: 0;
  border-radius: var(--modal-mobile);
}
@media (min-width: 36em) {
  .modal .modal-dialog {
    margin: auto;
    border-radius: var(--modal-desktop);
  }
}
.modal.fade .modal-dialog,
.modal.fade .infos-modal {
  transform: translate3d(0, 100%, 0);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.18, 1);
}
.modal.in .modal-dialog,
.modal.in .infos-modal, .modal.show .modal-dialog,
.modal.show .infos-modal {
  transform: none;
  transition-duration: 0.3s;
}
.modal .modal-content {
  height: 100%;
  border: none;
  border-radius: var(--modal-mobile);
}
.modal .modal-content > .modal-header, .modal .modal-content > .modal-body {
  padding: calc(var(--main-padding) * 1.5);
  border-radius: var(--modal-mobile);
}
.modal .modal-content .modal-header:first-child:last-child {
  padding-bottom: calc(var(--main-padding) * 1.5 + env(safe-area-inset-bottom));
}
.modal .modal-content .modal-header + .modal-body {
  border-radius: 0;
  padding-bottom: calc(var(--main-padding) * 1.5 + env(safe-area-inset-bottom));
}
.modal .modal-content .modal-header > * {
  margin: 0;
}
.modal .modal-content .modal-body.red {
  background-color: hsla(var(--hsl-red), 0.04);
  color: var(--dark-blue);
}

.modal-content[data-theme] .modal-header {
  background: var(--primary-100);
  margin: 0.25rem;
  border-radius: 1.25rem !important;
  flex-direction: column;
  border: none;
}
.modal-content[data-theme] .modal-header #ds-rdv-cs-icon {
  display: block;
  margin: 0 auto;
}

.modal .modal-header .close {
  top: 0.5rem;
  right: 0.5rem;
  background-color: #F2F4F9;
}
.modal .modal-dialog button.close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  opacity: 1;
  border-radius: var(--radius-btn);
  box-shadow: inset 0 0 0 2rem var(--white), 0 1px 3px transparent;
  transition: 0.2s linear;
  z-index: 1;
}
.modal .modal-dialog button.close::before, .modal .modal-dialog button.close::after {
  content: "";
  background-color: hsl(var(--hsl, 0, 0%, 46%));
  border-radius: 1rem;
  position: absolute;
  margin-top: -1px;
  top: 50%;
  left: 0.555rem;
  right: 0;
  text-align: right;
  width: 0.875rem;
  height: 0.15rem;
}
.modal .modal-dialog button.close::before {
  transform: rotate(45deg);
}
.modal .modal-dialog button.close::after {
  transform: rotate(-45deg);
}
.modal .modal-dialog button.close:hover, .modal .modal-dialog button.close:focus {
  box-shadow: inset 0 0 0 2rem hsl(var(--hsl-l10)), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.modal .modal-dialog button.close:hover::before, .modal .modal-dialog button.close:hover::after {
  background-color: var(--white);
}
.modal.modal-video button.close {
  top: -55px;
  right: 1rem;
}

@media (max-width: 35.9375em) {
  .modal.in,
  .modal.show {
    display: flex;
  }
  .modal.in .modal-dialog,
  .modal.show .modal-dialog {
    flex-basis: 100%;
    margin-top: auto;
    width: 100%;
  }
}
@media (min-width: 36em) {
  .modal {
    padding: 1rem !important;
  }
  .modal .modal-content {
    border-radius: var(--modal-desktop);
    height: auto;
  }
  .modal .modal-content .modal-header + .modal-body {
    border-radius: var(--radius-bottom-2-rem);
  }
  .modal .modal-content .modal-body {
    border-radius: var(--modal-desktop);
  }
  .modal .modal-header .logo {
    height: 3rem;
    max-width: 33.3333%;
  }
  .modal .close {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal .modal-dialog button.close {
    top: 1.5rem;
    right: 1.5rem;
  }
  .modal .modal-video button.close {
    top: -1.5rem;
    right: -1.5rem;
  }
}
/* Modal -sm */
.modal .modal-sm button.close {
  background-color: rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
}
.modal .modal-sm button.close:hover {
  background-color: var(--white);
}
.modal .modal-sm button.close::before, .modal .modal-sm button.close::after {
  background-color: var(--white);
}
.modal .modal-sm .modal-content {
  background-color: #F2F4F9;
}
.modal .modal-sm .modal-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 0;
}
.modal .modal-sm .modal-body .card-illustration {
  background-size: auto 66.6666%, cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.modal .modal-sm .modal-body .card-illustration iframe {
  border-radius: var(--modal-mobile);
}
.modal .modal-sm .modal-body .card-content {
  margin: 2rem 1.5rem 8rem;
}
.modal .modal-sm .modal-body .card-content h1.modal-title {
  margin: 0 20% 2rem 0;
  font-size: 1.25rem;
  line-height: 1.125;
}
.modal .modal-sm .modal-body .card-content .btn {
  background-color: #fff;
}
.modal .modal-sm .modal-body .card-content .btn:hover {
  color: #fff;
}

.modal-sm .modal-body p {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--grey);
  font-weight: 500;
}

.modal .modal-footer.to-share {
  border: none;
  padding: 0;
  transform: translate3d(0, 200%, 0);
  opacity: 0;
  transition: all 0.2s linear 0.4s;
}
.modal.in .modal-footer.to-share, .modal.show .modal-footer.to-share {
  transform: none;
  opacity: 1;
}

@media (min-width: 48em) {
  .modal .modal-sm {
    margin: auto;
    flex-basis: auto;
    width: 480px;
  }
  .modal .modal-sm .modal-body {
    padding: 0.25rem 0.25rem 1rem;
  }
  .modal .modal-sm .modal-body .card-content h1.modal-title {
    font-size: 1.75rem;
  }
  .modal .modal-sm .modal-body .card-illustration, .modal .modal-sm .modal-body iframe {
    border-radius: var(--radius-illustration-card-desktop);
  }
  .modal .modal-footer.to-share {
    transform: translate3d(0, 100%, 0) scale3d(120%, 120%, 0);
    filter: blur(2rem);
  }
  .modal.in .modal-footer.to-share, .modal.show .modal-footer.to-share {
    filter: none;
  }
}
@media (min-width: 48em) {
  .modal .modal-dialog.modal-wide {
    padding: 0 1rem;
    width: 650px;
  }
}
@media (min-width: 62em) {
  .modal .modal-dialog.modal-wide {
    width: 800px;
  }
}
@media (min-width: 75em) {
  .modal .modal-dialog.modal-wide {
    width: 1240px;
  }
}

.modal-article .modal-header {
  padding: 2rem 1rem;
  border: none;
}
.modal-article .modal-body {
  background-color: #fff;
  padding: 2rem 1rem;
  border: none;
}
@media (min-width: 48em) {
  .modal-article .modal-body {
    padding: 3rem;
  }
}
@media (min-width: 62em) {
  .modal-article .modal-body {
    padding: 4.5rem 6rem;
  }
}
.modal-article .modal-body iframe {
  border-radius: 1rem;
}
.modal-article .modal + .modal-body {
  border-radius: var(--radius-card);
}
.modal-article .modal-header + .modal-body {
  border-top-left-radius: none;
  border-top-right-radius: none;
  border-radius: 1rem;
}
@media (min-width: 48em) {
  .modal-article .modal-header + .modal-body {
    border-top-left-radius: none;
    border-top-right-radius: none !important;
  }
}

.modal.modal-video {
  padding: 0;
  align-items: center;
}
.modal.modal-video .modal-dialog {
  padding: 0 15px;
}
.modal.modal-video.fade .modal-dialog {
  transform: translate3d(0, 133.3333%, 0);
}

.modal.modal-video.in .modal-dialog, .modal.modal-video.show .modal-dialog {
  transform: translate3d(0, 0, 0);
}
.modal.modal-video .modal-content {
  background: none;
  box-shadow: none;
}
.modal.modal-video .modal-body {
  padding: 0;
}
.modal.modal-video iframe {
  border-radius: var(--radius-1-rem);
}
@media (max-width: 35.9375em) {
  .modal.modal-video .share {
    justify-content: center;
  }
}
@media (min-width: 62em) {
  .modal.modal-video .share {
    width: 50%;
  }
}
@media (max-width: 35.9375em) {
  .modal.modal-video .share span {
    flex: 1 0 100%;
    margin-right: 0;
    text-align: center;
  }
}

.modal-backdrop.fade {
  background-color: var(--b16);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  transition: 300ms linear;
}
.modal-backdrop.in, .modal-backdrop.show {
  opacity: 1;
}

.modal-backdrop.fade.unblur {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.infos-modal {
  background: var(--info-dark-gradient);
  position: absolute;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: var(--panel-active-radius);
  box-shadow: 0 -1rem 2rem -0.5rem rgba(16, 32, 80, 0.32);
  z-index: 11;
}
.infos-modal .color-header {
  padding: 1rem;
}
.infos-modal .title {
  margin-left: 1rem;
  color: white;
}
.infos-modal .alert {
  margin: 0;
}
.infos-modal .alert.alert-info {
  background: url(/img/absence-warning.svg) no-repeat, rgba(255, 255, 255, 0.04);
  background-size: 4rem auto, cover;
  background-position: bottom right 4rem, center;
  padding-bottom: 2rem;
  border-radius: 0;
}
.infos-modal .alert.alert-info hr {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.infos-modal .alert.alert-info .paiements-liste {
  margin-bottom: 2rem;
}
.infos-modal .alert.alert-info .paiement-rdv-ligne .paiement-rdv-elt {
  background-color: var(--dark);
}
.infos-modal .alert.alert-info > div {
  width: 100%;
}
.infos-modal .alert svg {
  position: initial;
}
.infos-modal .alert p {
  margin: 0;
}
.infos-modal .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-right: 8rem;
  text-align: center;
}
.infos-modal .color-header .btn.cancel {
  background-color: var(--w16);
  color: white;
}
.infos-modal .color-header .btn.cancel:hover {
  background-color: var(--white);
  color: var(--dark);
}

.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  border: none;
  box-shadow: inset 0 -1px 0 var(--mfm-dark-100);
}
.nav-tabs.nav-tabs-scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
}
.nav-tabs.nav-tabs-scrollable::-webkit-scrollbar {
  display: none;
}
.nav-tabs button {
  position: relative;
  background: none;
  color: var(--mfm-dark-950);
  box-shadow: inset 0 -2px 0 transparent;
  transition: 0.2s;
}
.nav-tabs button.active, .nav-tabs button:only-of-type {
  color: var(--primary-500);
  font-variation-settings: "wght" 720;
  box-shadow: inset 0 -2px 0 var(--primary-500);
}
.nav-tabs button.active:hover, .nav-tabs button:only-of-type:hover {
  cursor: default;
}
.nav-tabs button:not(.active, :only-of-type):hover {
  box-shadow: inset 0 -2px 0 var(--primary-200);
}
.nav-tabs .tab-underline {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: var(--primary-400);
  transition: 0.2s ease;
  pointer-events: none;
}

.slidable {
  --slide: 0%;
  --btn-w: 5rem;
  display: flex;
}
.slidable .slide-reveal {
  display: none;
  overflow: hidden;
  flex: 0 0 0;
  flex-basis: var(--slide, 0);
  transition: flex-basis 0.15s ease-out;
}
.slidable .slide-reveal button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  gap: 0;
  padding: 0;
  font-size: 0.75rem;
  color: white;
  border-radius: 0;
  overflow: hidden;
}
.slidable .slide-reveal button i {
  font-size: 2em;
}
.slidable .slide-reveal button i, .slidable .slide-reveal button::after {
  margin: 0 auto;
  width: var(--btn-w);
}
.slidable .slide-reveal button::after {
  content: attr(title) attr(data-original-title);
  font-weight: 500;
  line-height: 1.1em;
  min-height: 2.2em;
  white-space: break-spaces;
}
.slidable .slide-reveal button:nth-child(1) {
  background-color: var(--color-apply, var(--dark));
}
.slidable .slide-reveal button:nth-child(2) {
  background-color: var(--color-apply, var(--dark-blue));
}
.slidable .slide-reveal button:nth-child(3) {
  background-color: var(--color-apply, var(--blue));
}
.slidable .slide-reveal button:nth-child(4) {
  background-color: var(--color-apply, var(--success));
}
.slidable .slide-reveal button:nth-child(5) {
  background-color: var(--color-apply, var(--danger));
}
.slidable.slide-left {
  flex-direction: row-reverse;
}
@media (max-width: 35.9375em) {
  .slidable.slide-left .slide-reveal.on-slide-left, .slidable.slide-right .slide-reveal.on-slide-right {
    display: flex;
  }
  .slidable.slide-opened .slide-reveal {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w));
  }
}

.slidable.slidable-card {
  border-radius: 1rem;
}
@media (max-width: 35.9375em) {
  .slidable.slidable-card {
    margin-left: calc(-1 * var(--main-padding));
    margin-right: calc(-1 * var(--main-padding));
    padding: 0 var(--main-padding);
    border-radius: 0;
  }
}
.slidable.slidable-card .slide-reveal {
  gap: 0.5rem;
}
.slidable.slidable-card .slide-reveal.on-slide-left > :first-child {
  margin-left: 0.5rem;
}
.slidable.slidable-card .slide-reveal.on-slide-right {
  margin-right: 0.5rem;
}
.slidable.slidable-card .slide-reveal button {
  border-radius: 1rem;
}
.slidable.slidable-card.slide-opened .task-main {
  box-shadow: -24px 0px 16px -18px var(--b32), 24px 0px 16px -18px var(--b32);
}

@keyframes slidable-reveal-md {
  0% {
    flex-basis: 0;
  }
  75% {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w) / 3);
  }
  99% {
    flex-basis: 0;
  }
}
@keyframes slidable-reveal-sm {
  0% {
    flex-basis: 0;
  }
  75% {
    flex-basis: calc(var(--nb-btn, 1) * var(--btn-w) / 5);
  }
  99% {
    flex-basis: 0;
  }
}
@keyframes switch-direction {
  0% {
    flex-direction: row-reverse;
    touch-action: none;
  }
  50% {
    flex-direction: row-reverse;
  }
  51% {
    flex-direction: row;
  }
  99% {
    flex-direction: row;
    touch-action: none;
  }
  100% {
    touch-action: initial;
  }
}
@media (max-width: 35.9375em) {
  .slidable.slidable-demo {
    animation: switch-direction 3s;
  }
  .slidable.slidable-demo .on-slide-left {
    display: flex;
    animation: slidable-reveal-md 0.75s 0.75s;
  }
  .slidable.slidable-demo .on-slide-right {
    display: flex;
    animation: slidable-reveal-sm 0.5s 2s;
  }
}
.dropdown-toggle {
  padding-right: 1rem;
}
.dropdown-toggle::after {
  content: "";
  background-color: currentColor;
  mask-image: url(/img/hugeicons/arrow-down-01-stroke-rounded.svg);
  mask-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  transition: 0.2s;
}
.dropdown-toggle.active, .dropdown-toggle[aria-expanded=true] {
  background-color: var(--mfm-dark-100);
  color: var(--mfm-dark-950);
  box-shadow: none;
}
.dropdown-toggle.active:hover, .dropdown-toggle[aria-expanded=true]:hover {
  background-color: var(--mfm-dark-200);
  box-shadow: none;
}
.dropdown-toggle.active::after, .dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.dropdown-toggle + .dropdown-menu {
  position: relative;
  padding: 0;
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  opacity: 0;
  transition: 0.2s;
}
.dropdown-toggle + .dropdown-menu.show {
  opacity: 1;
  transform: none;
}
.dropdown-toggle + .dropdown-menu li a {
  padding: 0.75rem;
  transition: 0.2s;
}
.dropdown-toggle + .dropdown-menu li a:hover {
  background-color: var(--mfm-dark-100);
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  position: relative;
  margin-top: 1rem;
  background-color: var(--primary-100, var(--white));
  width: 2.5rem;
  height: 2.5rem;
  inset: 0;
  border-radius: 2rem;
  transition: 0.2s ease-out;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  background-color: var(--primary-200);
}
.swiper .swiper-button-next svg,
.swiper .swiper-button-prev svg {
  mask-image: url(/img/hugeicons/arrow-right-01-stroke-rounded.svg);
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: currentColor;
  color: var(--primary-600);
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  color: var(--primary-950);
  font-size: 0.75rem;
  font-weight: 900;
}
@media (min-width: 48em) {
  .swiper .swiper-button-next::after,
  .swiper .swiper-button-prev::after {
    font-size: 1rem;
  }
}
.swiper .swiper-pagination {
  z-index: 1;
}
.swiper .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: var(--primary-100);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--primary-400);
  --progress: 0;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}
.swiper .swiper-pagination-bullet:hover {
  --swiper-pagination-bullet-inactive-color: var(--primary-300);
}
.swiper .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  inset: 0;
  margin-left: -100%;
  width: 100%;
  background-color: var(--mfm-dark-950);
  border-radius: 999px;
  z-index: 0;
  transition: 0.2s;
}

.mon-compte .files-header .view-switch {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 4.5rem;
  height: 2.5rem;
}
.mon-compte .files-header .view-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mon-compte .files-header .slider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: var(--b4);
  border-radius: 999px;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.25, 0.75, 0.5, 1);
}
.mon-compte .files-header .slider i {
  color: var(--mfm-dark-950);
}
.mon-compte .files-header .slider::before {
  position: absolute;
  content: "";
  height: 2rem;
  width: 2rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background: var(--mfm-dark-100);
  border-radius: 999px;
  transition: 0.5s cubic-bezier(0.25, 0.75, 0.5, 1);
}
.mon-compte .files-header .slider:hover {
  background-color: var(--b8);
}
.mon-compte .files-header .slider:hover::before {
  background-color: var(--mfm-dark-200);
}
.mon-compte .files-header input:checked + .slider {
  background-position: bottom 2px left 4px;
}
.mon-compte .files-header input:checked + .slider::before {
  background-position: top right;
  -webkit-transform: translate3d(2rem, 0, 0);
  -webkit-transform--moz-transform: translate3d(2rem, 0, 0);
  -webkit-transform--ms-transform: translate3d(2rem, 0, 0);
  -webkit-transform--o-transform: translate3d(2rem, 0, 0);
  -webkit-transform--o-transform-transform: translate3d(2rem, 0, 0);
}

/*# sourceMappingURL=ds.css.map */